html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}



/* = Typography
--------------------------------------------------*/


body {font-size:75%;color:#000000;background:#FFFFFF url(http://www.supplyroom.com/images/srTop.jpg) no-repeat;font-family:"Lucida Grande", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#000000;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;font-weight:bold;text-decoration: none;text-align:left;color:#000000;}
h2 {font-size:2em;margin-bottom:0.75em;font-weight: bold;color: #000000;text-decoration: none;text-align:left;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;text-decoration:none;font-weight:bold;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 1.5em 0;font-family: Arial, Helvetica, sans-serif;font-size:10pt;line-height: 12pt;color: #000000;text-decoration: none;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000000;}
a {color:inherit;text-decoration:none;}
blockquote {margin:1.5em;color:#000000;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #000000;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#000000;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;font-size:10pt;line-height:12pt;color:#000000;text-decoration:none;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#663300;}
th, td {padding:0px 0px 0px 0px;}
tfoot {font-style:italic;}
caption {background:#FFFFFF;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.quiet {color:#000000;}
.loud {color:#000000;}
.highlight {background:#990000;}
.added {background:#000000;color:#FFFFFF;}
.removed {background:#666666;color:#FFFFFF;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}


input {
	border: 1px solid black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 10pt;
	color: #000000;
	text-decoration: none;	
}




/* = Grid Structure
----------------------------------------------*/


div#leftsidebar {
	position: absolute;
	top: 172px;
	background: url(http://www.supplyroom.com/images/grad4.gif) repeat-y;
	width: 140px;
	left: 0px;
}

div#rightsidebar {
	position: absolute;
	top: 172px;
	left: 720px;
	background: url(http://www.supplyroom.com/images/grad4.gif) repeat-y;
	width: 200px;
}

div#link_header_catalog, div#link_header_catalog1, div#link_header_catalog2, div#link_header_catalog3, div#link_header_catalog4, div#link_header_catalog5, div#link_header_catalog6  {
	font-size: 12pt;
	line-height: 14pt;
	background: #FFFFFF;
	padding-left: 9px;
	text-decoration: none;
	color: #000000;
	border-width: 0;
	font-weight: bold;
}

div#link_header,div#link_header1, div#link_header2, div#link_header3, div#link_header4, div#link_header5, div#link_header6, div#link_header_right{
	font-size: 10pt;
	line-height: 12pt;
	background-color: #990000;
	background: url(http://www.supplyroom.com/images/linkHeaderBackground.gif) repeat-y;
	padding-left: 9px;
	text-decoration: none;
	color: #000000;
	border-width: 0;
	font-weight: bold;
}

div#links, div#links_right {
	font-size: 10pt;
	font-weight: bold;
	line-height: 12pt;
	color: #FFFFFF;
	border-width: 0;
	text-decoration: none;
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
  
div#links a, div#links_right
a{
	color: #333333;
	display: block; 
	border-width: 0; 
	text-decoration: none;
	padding-left: 9px;
	margin-left: 0px; 
	margin-right: 5px;
}

div#links a:hover, div#links_right
a:hover {
	color: #990000;
	background: url(http://www.supplyroom.com/images/grad3.gif) repeat-y;
}

#topBarButtons #menuBar {
	position: absolute;
	top: 146px;
	height: 24px;
	overflow: hidden;
	color: #FFFFFF;
	background: #333333;
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
	left: 0px;
}

#menuBar li {
	list-style: none;
	float: left;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
}
#menuBar li label{
	padding: 15px 10px;
	margin: 0;
	font-weight: bold;
	color: #FFFFFF;
}
#menuBar li a {
	display: block;
	font-weight: bold;
	padding: 5px 10px;
	color: #FFFFFF;
}
#menuBar li a:hover {
	background-color: #990000;
}
#menuBar li input {
	padding: 1px 1px;
}

#searchBox {
	padding: 3px 0px 0px 0px;
}

div#topbannerads {
	position: absolute;
	left: 275px;
	top: 0px;
}

div#notice {
	position: absolute;
	left: 275px;
	top: 128px;
	font-size: 8pt;
	color: #990000;
}

div#welcomejs {
	position: absolute;
	left: 10px;
	top: 128px;
	font-size: 8pt;
	color: #333333;
}

div#survey
a{
	position: absolute;
	left: 250px;
	top: 105px;
	font-size: 10pt;
	color: #333333;
}

div#survey
a:hover{
	color: #990000;
}

div#loginbox {
	font-size: 10pt;
	color: #333333;
	padding-left: 9px;
}

div#loginbox
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 12pt;
	color: #333333;
	text-decoration: none;
	margin-left: 20px;
	margin-right: 20px;
}

div#catalog
{
	position: absolute;
	left: 150px;
	top: 180px;
	color: #000000;
	width: 560px;
}

div#catalog
a {
	color: #333333;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	line-height: 12pt;
	text-decoration: underline;
}

div#catalog
a:hover {
	color: #663300;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	line-height: 12pt;
	text-decoration: underline;
}


div#catalog
td {
	color: #000000;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	line-height: 12pt;
}

#navsquare {
	padding: 10px;
}

#navsquare li {
	list-style: none;
	float: left;
	border-top: 1px solid #990000;
	border-right: 1px solid #990000;
	width: 150px;
	height: 150px;
	display: block;
}

#navsquare li a {
	display: block;
}

#navsquareitem {
	padding: 10px;
}

#navsquareitem li {
	list-style: none;
	float: left;
/*	border-top: 1px solid #663300;
	border-right: 1px solid #663300;
	border-bottom: 1px solid #663300;
	border-left: 1px solid #663300;*/
	width: 225px;
	height: 160px;
	display: block;
}

#navsquareitem li a {
	display: block;
}

#catalogsquare {
	position: relative;
	height: 150px;
	width: 150px;
}

#showallbottomright {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 150px;
}

#imagebox {
	width: 150px;
	height: 150px;
	position: absolute;
	top: 0px;
	left:0px;
}

#imageBox a {
	display: block;
	border: 2px solid #FFFFFF;
	position: relative;
}
#imageBox a:hover {
	display: block;
	border: 2px solid #990000;
	position: relative;
}

/* Right side menu javascript
-------------------------------------------*/

		/*this is the css for the vertical version*/
		.vertical ul{
			list-style-type: none;
			padding: 0;
			margin: 0;
			position: relative;
			border: 1px black;
		}
		.vertical li a{
			margin: -1px -1px 0px 0px;
			padding: 0px 0px 0px 9px;
			border: 0px solid;
			
			color: #333333;
			display: block; 
			text-decoration: none;
			font-weight: bold;
			font-size: 10pt;
			line-height: 12pt;			
		}
		.vertical li{
			position: relative;
		} 
		.vertical li:first-child>a{
			border-top: 0px solid;
		}
		.vertical a.first{
			border-top: 0px solid;
		}
		.vertical li ul{
			position: absolute;
			top: -5px;
			left: 203px;
		}
		.vertical.left ul ul ul,.vertical .left ul{
			width: 150px;
			left: -75%;
		}

		/*this is the css for the horizontal version*/
		.horizontal ul{
			border: none;
			list-style-type: none;
			padding: 0;
			margin: 0;
		}
		.horizontal ul li{
			float: left;
			position: relative;
		}
		.horizontal ul li a{
			display: block;
			width: 125px;
			text-decoration: none;
			height: 1em;
			padding: .1em 1px;
			overflow: hidden;
			border: 1px solid;
			border-left: none;
		}
		.horizontal li li{
			float: none;
			border-bottom: 1px solid transparent;
			margin-bottom: -1px;
		}
		.horizontal li li.last{
			border-bottom: none;
		}
		.horizontal ul li ul{
			position: absolute;
			top: 1.3em;
			left: -1px;
			margin-top: -1px;
		}
		.horizontal ul ul ul{
			width: 130px;
			top: -1px;
			left: 128px;
			margin-top: 0;
		}
		.horizontal.left ul ul ul,.horizontal .left ul ul{
			top: -1px;
			left: -128px;
		}
		.horizontal ul li li a{
			border: 1px solid;
			border-top: none;
		}
		.horizontal ul li:first-child>a{
			border-left: 1px solid;
		}
		.horizontal ul li a.first{
			border-left: 1px solid;
		}
		.horizontal ul li li a.first{
			border-top: 1px solid;
		}
		.horizontal ul li li:first-child>a{
			border-top: 1px solid;
		}
		div.horizontal ul li.pixelfix ul{
			left: 0;
		}
		div.horizontal ul li.pixelfix ul ul{
			left: 128px;
		}
		/*here we use a little CSS to make a basic/backup dropdown menu in modern browsers *cough* not IE6 or less *cough* if javascript is disabled.Flickering never happens in these browsers*/
		.mlmenu li ul{
			display: none;
		}
		.mlmenu li:hover>ul{
			display: block;
		}
		/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
		.accessible li ul{
			display: block;
		}
		/*Code to show an element has a child*/
		.mlmenu.plus li a:first-child:not(:last-child):after{
			content: '+';
		}
		.plus a span{
			padding-left: .5em;
		}
		.noshow{
			visibility: hidden;
		}
		
		
		/*colors for menu*/
		.blackwhite li a{
			background-color: white;
			color: black;
			border-color: black;
		}
		.blackwhite li a:hover,.blackwhite li a.first:hover,.blackwhite .trail a.hover{
			background-color: black;
			color: white;
			border-color: black;
		}
		.blackwhite li:first-child>a:hover{
			background-color: black;
			color: white;
			border-color: black;
		}
		.blackwhite ul{
			border-color: black;
		}
		

		/*general formatting of text and cells*/
		.bluewhite li a{
			opacity: .90;
		 	filter: alpha(opacity=90);
		 	-moz-opacity: 0.90;
		
			background-color: #FFFFFF;;
		}
		/*the highlight box*/
		.bluewhite li a:hover,.bluewhite li a.first:hover,.bluewhite .trail a.hover{
			opacity: 1.00;
		 	filter: alpha(opacity=100);
		 	-moz-opacity: 1.00;
			
			background-color: #333333;
			color: #666666;
		}
		/*highlight color of first item*/
		.bluewhite li:first-child>a:hover{
			opacity: 1.00;
		 	filter: alpha(opacity=100);
		 	-moz-opacity: 1.00;
			background-color: #333333;
			color: #666666;
		}
		.bluewhite ul{
			border: 0px black;
		}