/* Colors 
--------------------------------*/
/* includes rules for all colors that change for different color themes */
/* GSB rev. 2/28/08 ---JCS--- */



body {
	background:#CCC8BC url("../images/layout/gsb/bg_gray.jpg") top left fixed repeat-x;
}
#container { /*gray to go with background */
  	border: 1px solid #aeb4b8;
}
h1, h2, h3, h4, h5, h6 { /* dark brown */
	color:#463300;
}
/*#controlcol #login h2 {
	font-size: 100%;
	font-weight: bold;
}*/
.shortdesc { /* pale yellow rule */
	border-top:2px solid #F6EED8;
}
#navbar {
	border-top:4px solid #463300; /* brown that goes with gold navbar */
	border-bottom:1px solid white;
	background-color:#EBBE03; /* gold navbar color */
	line-height: 1em;
} 
#wrap { /* gold bar in third column */
	background: #fff url("../images/layout/gsb/mainbg_960.gif") top left repeat-y;
}
#controlcol h2, #srch h2 { /*brown for left column headings*/
	color:#463300;
}
#controlcol h2 span, #srch h2 span { /*blue for left col headings*/
	color:#0069AC;
}
#controlcol h2 span.smh2 { /*small for left col headings*/
	font-size: 12px;
	font-weight: bold;
	color: #463300;
}
#controlcol div { /*pale yellow background, gold borders for left col boxes*/
	background-color:#FCF5D9;
	border: 1px solid #EBBE03;
	border-left: none; /*1px solid #fff;*/
}

#quickord {
width:160px;
margin-bottom:10px;

}

#minicart {
width:160px;
margin-bottom:10px;
}

#login2 {
background:transparent url(../images/layout/gsb/userguy_grayL.jpg) no-repeat scroll right top;
padding-bottom:5px;
}
	

.ad-banner {
padding-left:0 !important;
margin-left:0 !important;
margin-bottom:10px;}

.leftColAlignment {
	float:left;
	background-color:transparent !important;
	border:none !important;
}

/*next five div IDs are background images for boxes in left column*/
#controlcol #srch { /*gold bg and gold border to go with navbar */
	background:#EBBE03 url("../images/layout/gsb/mag_grayL.jpg") no-repeat top right;
	border-top:4px solid #463300;
}
#controlcol #srch div {
	background:transparent;
	border:none;
}



#quickord, #leftnav { 
	background:url("../images/layout/gsb/quickorder_grayL.jpg") no-repeat top right;
}
#login { 
	background:url("../images/layout/gsb/userguy_grayL.jpg") no-repeat top right;
}
#minicart {
	background:url("../images/layout/gsb/minicart_grayL.jpg") no-repeat top right;
}
#favorites {
	background:url("../images/layout/gsb/star_grayL.jpg") no-repeat top right;
}
#orders {
	background:url("../images/layout/gsb/box_grayL.jpg") no-repeat top right;
}
#machines {
	background:url("../images/layout/gsb/machine_grayL.jpg") no-repeat top right;
}
#footer { /* brown text and gold background for footer */
	color:#463300;
	background:#EBBE03 url("../images/layout/gsb/footertop_gray.gif") top left repeat-x;
}
p#copyright { /*copyright text color */
	color:#463300;
	background-color:#fff;
}

#main table.formtable td.divider, #main table.formtable th.divider, .divider { /*pale gray rule*/
	border-bottom:2px solid #e6e9ea;
}
#main table.formtable tr.headers, /*pale yellow form header*/
#main table.formtable td.headers { 
	background-color:#F3D380;
}
#main table.formtable tr.headers2 { /*tan form header*/
	background-color:#F3D380;
}
#main table.formtable tr.selected, .selected { /*pale grey selected row*/
	background-color:#E7E7E7;
}
#main table.formtable td.selected { /*red marker on yellow bg */
	background:#F3D380 url("../images/buttons/select_arrow.gif") top left no-repeat;
}
table.formtable td input.formtext, table.formtable td textarea.formtext, 
input.formtext, textarea.formtext, input.lfrm {
	background:#F3D380; /* pale yellow for form fields */
}
table.formtable td .formtext:focus, table.formtable td .lit:focus, table.formtable td .lit  {
	background:#F3D380;
}
#main table.formtable th.sort, 
#main table.formtable tr.stripe, 
#main tr.stripe,
#main td.stripe {
	background-color:#FCF5D9; /*very pale yellow table stripe*/
}
#main table.formtable tr.unstripe {
	background-color:#fff; /*white table stripe*/
}
#main tr.striped td {
	border-top:1px solid #cbd8f7; /*table border same blue as left col boxes*/
}
a { 
	text-decoration:none;
	font-weight:bold;
	background-color:transparent;
	outline: none;
}
a:link {
	color: #936b01; /*#463300 Brown*/
}
a:visited {
	color: #936b01; /*#463300 Brown*/
}
a:hover { 
	text-decoration: underline;
	color: #A89259;
}
a:active {
	text-decoration: underline;
	color: #A89259;
}
#footer li a:link, #footer li a:hover, #footer li a:visited {
	color:#463300;
	font-weight:normal;
}
p#copyright a:link {
	color:#3f2e09;
}
p#copyright a:visited {
	color:#3f2e09;
}
#srch a:link, #controlcol #srch a:visited {
	color:#463300;
}

#controlcol a:link {
color:#463300;
text-decoration:none;
}

#controlcol a:hover {
color:#a8259;
text-decoration:underline;
}

/*#controlcol a:visited {
	color: #936b01;
}*/
#adrotator { /*paler background on colored bar*/
	background-color:#e9effc;
}
#ordersummary h2 { /*brown for order summary text*/
	color:#3f2e09;
	font-weight:normal;
}
.box {
	border:1px solid #EBBE03;
}
.box h3 {
	background-color:#F3D380;
}
table.catbrowse a:hover, table.catbrowse tr:hover {
	background-color:#FCF5D9; /*very pale yellow for hover*/
}
/*hover turned off for IE6 and below*/
* html table.catbrowse a:hover, table.catbrowse td:hover {
	background-color:transparent; 
}
#divCategory a:visited {
	color: #CCC8BC;
}
#container .partitem {
	background-color: #fff;
	border:1px solid #3f1509;
}
.quickorderbox {
	border: 1px solid #ffd986;
	background-color:#fff4db;
}
.quickorderbox:hover {
	background-color:#cbd8f7;
	border-color:#7c9dec;
}
/*parametric search*/
.parametric_tab { /*bg color is the same as the color for the quick search box and menu*/
	background:#EBBE03 url("../images/layout/all/diag_edge20.gif") center right no-repeat; 
}
.parametric_box {
	background:#EBBE03 url("../images/layout/all/diag_edge20.gif") top right no-repeat;
}
#main .parametric_box label {
	color:fff;
}
#wrap .parametric_tab a:link, #wrap .parametric_tab a:visited {
	color: #fff;
}

/*SPR enhanced search*/
.sprenhanced_tab, .sprenhanced_opentab, div#refineContainer { /*bg color is the same as the color for the quick search box and menu*/
	background:#EBBE03 url("../images/layout/all/diag_edge30.gif") center right no-repeat; 
}
.sprenhanced_box, #sliderContainer #menu1Content {
	background:#EBBE03;
}
#refine a:link, 
#refine a:visited,
#refine a:hover,
#hideOptions a:link, 
#hideOptions a:visited,
#hideOptions a:hover {
	color: #fff;
}
#refine a div {
      background:#EBBE03 url("../images/layout/all/left_arrow.gif") center left no-repeat;
}
#hideOptions a {
      background:#EBBE03 url("../images/layout/all/right_arrow.gif") center left no-repeat;
}

/*paging for product listing*/
#main table.formtable tr.pager {
	background-color:#EBBE03;
}
.messagetxt {
	font-weight:bold;
	color:#0069AC;
}
body.onecol #main { /* blue bars for both columns in onecol layout */
	background: #fff url("../images/layout/gsb/onecol_bg960.gif") top left repeat-y;
}

#divCategory {
	 	display:none;
		background:#FCF5D9;
		border:1px solid #a6a6af;
		padding:5px;
		text-align:left;
		width:520px;
}
/* ================================== ADDED TO EDI STYLE SHEET ================================== */
#main #contents ul.spaced li, #main #contents ol li {
	padding-bottom: 10px;
}
#sitemapContainer {margin: 0 30px 20px;}
#main #contents .floatright {float: right; margin-right: 30px;}
#util img {
	margin-right: 20px;
	border: none;
}

/* ================================== IFRAMES ================================== */
/*iframe {width: 920px; height: 600px;}*/

/* ================================== Left Nav ================================== */
#controlcol #newcustomer, #controlcol #leftnav, #controlcol #login, #controlcol #login2
{
	margin-bottom:10px;
	margin-top:0;
	width:160px;
}
 .leftcol-boxes {
	background-color: #ffffff;
	border: none;
	border-bottom: 0;
}
#controlcol #newcustomer, #controlcol #quicksearch {
	background-color: #EBBE03;
	/*height: 100px;*/
	margin-bottom:10px;
}

#quicksearch {
background:#EBBE03 url("../images/layout/gsb/mag_grayL.jpg") no-repeat top right;
margin-bottom:10px !important;
height:55px;
}
#controlcol #leftnav {
	background-color: #FCF5D9;
}
#controlcol #leftnavtop {
	background-color: #EBBE03;
}
a.qmclear {
clear:left;
display:block;
float:none !important;
font-size:1px;
height:0px;
line-height:0px;
width:0px;
}
/* ================================== Inside Page Sytles =================================== */
.gridContainer {
	border-top: 1px solid #CCCCCC;
	padding: 7px 0 0 0;
}
.gridText {}
.gridLeft {
	width: 590px;
	float: left;
}
#inthenews .gridLeft {
	width: 140px;
}
.gridRight {
	width: 170px;
	height: 160px;
	float: right;
}
#inthenews .gridRight{
	width: 590px;
	height: auto;
}
.gridRight img {
	margin: 15px 0 0 10px;
}
.pol-bg {
	background: url(/images/layout/spotlight_polariod.jpg) no-repeat top left;
}
.gridDescription {
	margin: 10px 10px 10px 0;
}
.gridTopLink {
	clear: both;
	margin: 0 0 10px 350px;
}
#inthenews .gridTopLink {
	margin: 0 0 10px 680px;
	line-height: 20px;
	font-size: 70%;
}
/* ================================== START - Legacy Sytles =================================== */
#main #contents {
	margin-top: 15px;
}
.lowercase {text-transform:lowercase}

#main #contents H2 {
	font-size: 100%;
	margin-top: 1.5em;
	color: #000000;
	margin-bottom: 1em;
}
.large125 {
	font-size: 125%;
}
.tableLayoutNews TD {
	vertical-align: top;
	line-height: 1.33em;
	padding-bottom: 1.2em;
}
.tableLayoutNews IMG {   /* similar to imageFloatLeft */
	display: block;
	padding: 0;
	margin-right: 1.7em;
	margin-top: 0.4em;
	margin-bottom: 0.5em;
}
/* ------------------------------------ HOME ----------------------------------- */
#home #main #contents {
	/*height: 450px;*/
}
#homeboxContainer {
	width: 770px;
}
#main #contents .homebox p, #main #contents .homebox h2, #main #contents .homebox h3 {
	margin: 10px;
	color: #463300;
}
#main #contents .homebox p {
	margin-top: 0;
}
.homebox {
	width: 625px;
	margin-left: 90px;
}
.homebox a, .homebox a:link, .homebox a:visited {
	color: #253774;
}
.homebox a:focus, .homebox a:hover, .homebox a:active {
	color: #1b48e0;
}
#homeboxleft {
	float: left;
	width: 200px;
	margin-right: 0;
}
#homeboxright {
	float: right;
	width: 468px;
}
/* '''''''''''''''''''''''''' Legacy Form Styles '''''''''''''''''''''''''''' */
/* reset styles */
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

.formLabelCell {  /* inside a table cell */
	text-align: left;
	font-size: 85%;
	padding: 0 3px 0 0;
	/*width: 9em;*/
	vertical-align: middle;
}
.noShrink {
	font-size: 100%;
}
.formLabel {
	font-size: 85%;
}
.formTextboxCell {
	vertical-align: bottom;
}
.formCheckboxLabelCell {
	text-align: left;
	vertical-align: middle;
}
.formCheckboxCell {
	vertical-align: top;
}
.formCheckboxCell INPUT {
	margin: .1em .2em .1em 0;
}
.formVerticalLabel {
	padding-top: 0.2em;
	padding-bottom: 0.4em;
	margin: 0;
}
.formVerticalField {
	padding: 0 0 0.6em 2em;
	margin: 0;
}
.formHorizontalChoiceSpacer {
	width: 1.2em;
}

.formColumnHeader {  /* A form laid out in columns */
	font-size: 85%;
	font-weight: normal;
	padding: 1px;
	text-align: left;
	vertical-align: bottom;
}
FIELDSET {
	border: 0;
	margin: 1em 0 1em 0;
	padding: 0;
}
LEGEND, .formLegendReplaced {
	border: 0;
	margin: 0;
	padding: 0.2em 0 0.4em 0;
	font-weight: bold;
	font-size: small;
}

.formSectionEnabled {
	/* nothing special */
}

.formSectionDisabled .formLabelCell, .formSectionDisabled .formLabel {
	color: #666666;
}
.formSectionDisabled input, .formSectionDisabled textarea, .formSectionDisabled select {
	background-color: #dddddd;
}
/* -------------------------------- HOME TEST -------------------------------- */
#home2 #main #contents {
	margin-top: 0px;
}
#vote {
	clear: both;
	float: left;
	display: block;;
}
#vote {
	text-align: center;
}
#savings span {
	font-size: 10px;
	margin-left: 5px;
}
#home2 #main #contents {
	height: 500px;
}
#controlcol div#vote { 
	width: 160px;
	margin-bottom: 10px;
}
.fleft {
	float: left;
}
.fright {
	float: right;
}
.clear {
	clear: both;
}



/*new homepage styles */

.homeRowMiddle {
margin-left:60px;
position:absolute;
left:150px;
top:275px;
z-index:2;
width:790px;
}
.homeRowTop {
margin-left:60px;
position:absolute;
top:150px;
left:150px;
width:790px;
}
.homeRowBottom {
margin-left:25px;position:absolute;left:150px;top:450px;z-index:1000;width:790px;
}
.homePromo {
	background-image:url('/images/bg_homeBoxContent.png');
	background-repeat:repeat-x;
	float:left;
	width:175px;
	height:200px;
	margin-right:10px;
	margin-top:30px;
}


.homeRipple {
	background-image:url('/images/bg_home_ripple.png');
	background-repeat:repeat-x;
	float:left;
	width:169px;
	padding-left:3px;
	padding-right:3px;
	height:198px;
	margin-top:30px;
	border:1px solid #463300;
}

#homeRippleTxt {
width:147px;height:74px;padding-top:10px;background-color:#efd668;border:1px solid #bd9d21;font-size:11px;color:#463300;text-align:left;padding-left:20px	
}
.homeBoxContent {
	background-image:url('/images/bg_homeBoxContent.png');
	background-repeat:repeat-x;
	height:130px;
	width:175px;
	font-size:12px;
}

.homeBoxContent ul, li {
	line-height:14px;
/*	margin-bottom:5px;*/
}

ul.homeList li {
	list-style:none;
margin-bottom:5px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#463300;
}

.darkLink
{
	color:#463300 !important;
}
.homePopUps {
	position:relative;
	top:-23px;
	left:2px;
	width:135px;
	background-color:#f9ebb3;
	border:1px solid #a29c8f;
	font-size:10px;
	z-index:2000;
	padding-left:5px;
	padding-right:0px;
}

#paperProducts {
}



#officeEssentials {

}

#breakRoom {

}

#ergonomics {
}
#toner {
top:-35px;
}
#officeFurniture {
top:-35px;
}
#janitorial {
top:-35px;
}
#greenProducts {
top:-35px;
}

ul.homeListPopups {
list-style-type:disc;
list-style-position:inside;
font-size:10px !important;
padding:0 !important;
margin-left:0px	!important;
color:#3f150d;
}

ul.homeListPopups a, ul.homeListPopups a:link, ul.homeListPopups a:visited {
color:#3f150d !important;	
}

.homeGridIcon {
	float:left;
}

#tellafriend label {
width:80px;
text-align:right;
display:inline-block;
font-size:11px;
}


#videoColOne {
float:left;
width:390px;
padding-top:20px;
text-align:center;
}


#videoColOneTxt ul {
	list-style:bullet;
	margin-left:50px;
}

#videoColOneTxt {
	text-align:left;
	margin-left:50px;
}

#videoColTwo {
float:left;
padding-left:20px;
width:360px;

}

#videoColTwo h3 {
	text-align:center;
}


.paperImg {
	cursor:pointer;

}


.trigger {
	
	list-style: none;
	padding-bottom:10px !important;
	position:relative;
	z-index:1 !important;
}

.trigger li {
}

.submenu {
z-index:2;	
}
ul.submenu {
list-style:none;
position:relative;
top:-27px;
left:2px;
font-size:10px !important;
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
color:#3f150d;
width:139px;
background-color:#f7edc8;
border:1px solid #a29c8f;
font-size:10px;
z-index:2 !important;
display: none;	
}

ul.submenu li {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
}

ul.submenu a, ul.submenu a:link, ul.submenu a:visited {
color:#3f150d !important;
width:100%;
}




ul.innermenu, ul.innermenu li {
font-size:10px !important;
list-style-type:none;
margin-left:4px !important;
margin-top:10px;
margin-right:0px;
padding-left:3px !important;
padding-top:0;
padding-right:0;
padding-bottom:0;
}


#homePaperImg {
	width:145px;
	height:124px;
}

html > body #homePaperImg {
	background:url(/images/home/paper.png);

}

*html #homePaperImg {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home/paper.png', sizingMethod='crop');	
}

#homeOfficeImg {
	width:145px;
	height:124px;
}

html > body #homeOfficeImg {
	background:url(/images/home/office.png);
}

* html #homeOfficeImg {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home/office.png', sizingMethod='crop');	
}

#homeBreakImg {
	width:145px;
	height:124px;
}

html > body #homeBreakImg {
	background:url(/images/home/break.png);
}

* html #homeBreakImg {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home/break.png', sizingMethod='crop');	
}

#homeErgoImg {
width:160px;
height:124px;
}


html > body #homeErgoImg {
	background:url(/images/home/ergonomics.png);
}

* html #homeErgoImg {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home/ergonomics.png', sizingMethod='crop');	
}

#homeInkImg {
	width:145px;
	height:154px;
}

html > body #homeInkImg {
	background:url(/images/home/toner.png);
}

* html #homeInkImg {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home/toner.png', sizingMethod='crop');	
}


#homeFurnImg {
	width:145px;
	height:154px;
}

html > body #homeFurnImg {
	background:url(/images/home/furniture.png);
}

* html #homeFurnImg {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home/furniture.png', sizingMethod='crop');	
}



#homeJanitorialImg {
	width:145px;
	height:154px;
}


html > body #homeJanitorialImg {
	background:url(/images/home/janitorial.png);
}

* html #homeJanitorialImg {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home/janitorial.png', sizingMethod='crop');	
}

#homeGreenImg {
	width:144px;
	height:154px;
}


html > body #homeGreenImg {
	background:url(/images/home/green.png);
}

* html #homeGreenImg {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home/green.png', sizingMethod='crop');	
}