@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	font:12px Arial, Helvetica, sans-serif;
	color:#333;
	background:#C3C5C8 url(../i/bg_body.png) repeat-y center top;
	text-align:center
}

/* default some tags to zero margin and padding
------------------------------------------------*/
h1, h2, h3, h4, div, form, input, select {margin:0; padding:0}


/* header styling
------------------*/
h1 {
	color:#0089D0;
	font-size:31px;
}
h1 span {
	color:#0053A0;
	font-size:18px;
}
h1#product_h1 {
	font-size:20px;
	margin:10px 0
}

h2 {
	color:#0053A0;
	font-size:20px;
	margin:15px 0 5px;
}

h2#stockedmfrs {
	font-size:16px;
	margin:0 0 9px
}

h2.product_h2 {
	color:#aaa;
	text-transform:uppercase;
	font-size:14px;
	margin-top:15px
}

/* <p>, <span>, <em>, <strong> etc
------------------------------------*/
p {
	margin:10px 0 5px;
}

div#search p {
	margin:3px 0;
}

div#foot p {
	margin:0;
	padding:0 0 5px
}

address {
	font-style:normal;
}

blockquote {
	border-left:7px solid #eee;
	margin:10px 20px 15px;
	padding:0 0 0 10px;
	color:#666
}

/* ul, ol, li, dl, dt, dd styling
------------------------------------*/
ol {
	margin:10px 0 0 25px;
	font-size:10px
}
ol li ol {
	list-style-type:lower-alpha;
	margin-top:0
}

ul#price_lists {
	list-style-image:url(../i/pdf.gif);
}
ul#price_lists li {
	padding:3px 0;
}

/* Top menu
------------*/
div#topnav ul {
	display:block;
	margin:10px 0 0 5px;
	padding:0;
	float:left;
	text-transform:uppercase
}
div#topnav ul li {
	display:inline;
	margin: 0 2px;
	padding: 0;
	color:#fff;
	list-style-type: none
}
div#topnav ul li a {
	color:#fff;
	padding: 0 3px;
	font-weight:bold;
	text-decoration: none;
}
div#topnav ul li a:hover, div#topnav ul li a#current {
	text-decoration:underline
}


/* Main product menu
----------------------*/
div#productnav ul {
	margin: 0 17px 0 6px;
	padding: 0;
	list-style: none;
}
div#productnav ul li {
	border-top:1px solid #666
}
div#productnav ul li a {
	display: block;
	text-decoration: none;
	color:#000;	
	padding: 2px 5px;
}
div#productnav ul li a span {
	color:#0066CC;
}
/* Fix IE. Hide from IE Mac \*/
* html div#productnav ul li a { height: 1%; }
/* End */
div#productnav ul li a:hover, div#productnav ul li #currentgrp {
	color:#0066CC;
} 

/* Footer menu
----------------*/
div#foot ul {
	display:block;
	margin:0 0 5px;
	position:relative;	
	padding:0;
}
div#foot ul li {
	display:inline;
	margin:0 5px 0 0;
	padding:0;
	list-style-type:none;
}
div#foot ul li a {
	color:#333;
	padding:0;
	font-weight:bold;
	text-decoration:none
}
div#foot ul li a:hover, div#foot ul li a#current {
	text-decoration:underline
}


/* Link styling
----------------*/

a:link, a:visited {
	color:#0066CC;
	text-decoration:none;
	font-weight:bold
}
a:hover {
	text-decoration:underline;
}

a:link#homelink, a:visited#homelink {
	display:block;
	width:39px;
	height:34px;
	float:left
}

a:link#dsheet_link, a:visited#dsheet_link {
	display:block;
	background:url(../i/logo_pdf.gif) no-repeat center left;
	padding-left:40px;
	height:35px;
	margin-top:5px;
}


/* page number links on search listings */
a:link.pagenum , a:visited.pagenum {
	padding:1px 4px;
	margin:0 2px;
	border:1px solid #fff;
	text-decoration:none;
	color:#999
}

/* page number links on search listings */
a:hover.pagenum, a.currentpagenum, a:hover.currentpagenum {
	text-decoration:none;
	padding:1px 4px;
	margin:0 2px;
	border:1px solid #6699FF
}

a:link.mfrlink , a:visited.mfrlink {
	width:100px;
	height:100px;
	background-repeat:no-repeat;
	background-position:center;
	float:left;
	display:block;
	/*background-color:red*/
}
a:hover.mfrlink {
	text-decoration:none
}


/* main container <div>'s generally in order of appearance
-----------------------------------------------------------*/

div#sitewrap {
	margin:0 auto;
	width:826px;
	text-align:left;
}

div#top {
	background:url(../i/bg_top.png) no-repeat top center;
	height:74px;
}

div#topnav {
	background: url(../i/bg_topnav.png) no-repeat top center;
	padding-left:37px;
	height:41px
}

div#maintop {
	background:url(../i/bg_maintop.png) no-repeat top center;
	height:12px
}

div#left {
	width:189px; 
	/*margin:0 0 0 -189px;*/ 
	padding:0 0 0 38px; 
	float:left; 
	display:inline;
	/*position:relative;
	left:189px*/
}
* html div#left {margin-right:-3px}
	
div#content {
	margin:0 25px 0 226px; 
	padding:0 14px 0 4px;
}
* html div#content {margin-left:223px;height:1%}
* html>body div#content {height:auto}

div#foot {
	border-top:1px solid #333;
	padding:5px 0;
	margin:10px 38px;
	color:#666;
}

/*	<div>'s in left column
---------------------------*/
div#search_top {
	background: url(../i/bg_search_top.png) no-repeat top left;
	height:16px
}

div#search {
	background:url(../i/bg_search.png) no-repeat bottom left;
	margin-bottom:14px;
	padding:0 20px 8px 10px;
	position:relative
}

div#productnav_top {
	background: url(../i/bg_productnav_top.png) no-repeat top left;
	font-weight:bold;
	text-transform:uppercase;
	padding:12px 20px 5px
}

div#productnav {
	background:url(../i/bg_productnav.png) no-repeat bottom left;
	margin-bottom:14px;
	padding-bottom:3px;
	position:relative
}

div#delivery {
	background:url(../i/bg_delivery.jpg) no-repeat top left;
	height:153px
}
div#delivery a:link, div#delivery a:visited  {
	color:#fff
}

/* <div>'s in main content
---------------------------*/
div#splash {
	background:url(../i/bg_splash_2.jpg) no-repeat top left;
	height:221px;
	color:#fff;
	margin:-10px 0 13px;
	z-index:100
}
div#splash p {
	margin:0;
	padding:110px 10px 0 300px;
	font-weight:bold
}
div#splash a:link, div#splash a:visited  {
	color:#fff
}

div#filteroptions {
	background:#E2E3E4;
	margin:10px 0 0;
	padding:5px;
	font-weight:bold;
	border:2px solid #BCBEC0;
}

div#leadingmfrs {
	height:148px;
	background:url(../i/bg_leadingmfrs.png) no-repeat top left;
	padding:10px;
	margin:20px 0 0 
}

div#map {
	height:400px;
	border:1px solid #999;
}

/* misc <div>'s
-----------------*/
div#clear {
	clear:left;
	font-size:0;
	height:0;
	overflow:hidden;
}


div.icaption {
	float:right;
	background:#eee;
	border:1px solid #ccc;
	padding:5px;
	width:152px;
	margin:0 0 14px 14px
}
div.icaption p {
	background:#fff;
	margin:5px 0 0;
	border:1px solid #ddd;
	padding:5px;
	font-size:11px
}


/* table styling
-------------------*/
table#prodlist_tbl {
	width:100%;
	margin-top:5px
}
table#prodlist_tbl tr td {
	padding:5px;
	background:#E2E3E4
}
table#prodlist_tbl tr td.prodlist_img {
	background:#fff;
	text-align:center;
	border:2px solid #BCBEC0;
	border-right:none;
	width:80px
}
table#prodlist_tbl tr td.prodlist_name {
	border-left:2px solid #BCBEC0;
	padding:5px 10px
}
table#prodlist_tbl tr td.prodlist_price {
	border-left:2px solid #BCBEC0
}
table#prodlist_tbl tr td.prodlist_stock {
	text-align:center;
	border-left:2px solid #BCBEC0;
	padding:5px 10px
}
table#prodlist_tbl tr td.prodlist_whitespace {
	padding:0;
	font-size:0;
	height:3px;
	background:#fff
}
table#prodlist_tbl th {
	padding:0;
	background:url(../i/bg_th.gif) no-repeat top right;
	border-bottom:2px solid #fff;
	border-left:2px solid #fff;
	color:#fff
}
table#prodlist_tbl th span {
	padding:5px;
	float:left;
	background:url(../i/bg_th_span.gif) no-repeat top left;
}

table.general_tbl {
	border:2px solid #BCBEC0;
	margin:10px 0
}
table.general_tbl tr th {
	background:#BCBEC0;
	padding:5px;
	color:#fff
}
table.general_tbl tr td {
	padding:5px;
	border-bottom:1px solid #f5f5f5
}


/* form styling
----------------------------*/
div#search form {
	
}

div#search select {
	padding:1px 2px;
	width:160px;
}
input#srch_kywrds {
	padding:1px 2px;
	width:152px
}

input#srch_btn {
	background:url(../i/btn_search.gif) no-repeat top right;
	border:none;
	color:#fff;
	font-weight:bold;
	width:72px;
	padding:4px 0
}

/*input#srch_kywrds {
	border-left:2px solid #BCBEC0;
	padding:2px;
	width:152px
}*/

/* image styling
---------------------*/
img { border:none }
