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

* { margin: 0; padding: 0; }

body { background: #fff url(images/img-page-bg.gif) 0 0 repeat-x; font: 12px/18px Arial, Helvetica, sans-serif; text-align: center; }

h1, h2, h3, h4, h5, h6, p, ol, ul { margin-bottom: 10px; }
h1 { color: #024288; font: 32px/34px Arial, Helvetica, sans-serif; letter-spacing: -1px; margin-bottom: 0; }
h2 { }
h3 { color: #598bc0; font: 20px/22px Arial, Helvetica, sans-serif; margin-bottom: 5px; }
	h3 strong { color: #024288; font-weight: bold; }
h4 { }
h5 { }
h6 { }
p { }

ul { margin-left: 30px; }
	ul li { margin-bottom: 5px; }
	ul li h3 { margin: 0; }
ol { margin-left: 30px; }
	ol li { margin-bottom: 5px; }


a:link, a:visited { color: #5788bc; }
a:hover, a:active { color: #024288; }
a img { border: none; }

#container { background: url(images/img-container-bg.gif) 0 0 no-repeat; width: 960px; margin: 0 auto; text-align: left; }
#header { height: 125px; position: relative; }
	#viewcart { position: absolute; right: 0; top: 0; }
	#logo { position: absolute; left: 20px; top: 20px; }
	#tagline { color: #999; font-style: italic; font-size: 16px; font-weight: bold; position: absolute; right: 10px; top: 75px; text-align: right; }
		#tagline .phone { color: #598bc0; font-size: 24px; font-style: normal; }

#content { background: #598bc0 url(images/img-content-top.gif) 0 0 no-repeat; }
	#home #content { background: #598bc0 url(images/img-splash-bg.jpg) 0 0 no-repeat; }
	#content2 { background: url(images/img-content-bottom.gif) 0 100% no-repeat; padding-top: 40px; }
		* html #content2 { height: 1%; }
		#home #content2 { padding-top: 0; }
		#content2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


#splash { width: 500px; padding: 50px 0 0 20px; height: 180px; }
	#splash h1 { background: url(images/hdr-quality-crafted.gif) 0 0 no-repeat; width: 353px; height: 59px; text-indent: -9999px; }
	#splash p { color: #ccdced; font-size: 14px; }
		#splash a:link, #splash a:visited { background: url(images/img-front-cta-bullet.gif) 0 50% no-repeat; color: #fff; padding-left: 16px; text-decoration: none; }
		#splash a:hover, #splash a:active { color: #ccdced; text-decoration: underline; }
		#splash p.more { }

#sidebar { float: left; width: 220px; padding-left: 10px; margin-bottom: 20px; }
	#sidebar h3 { background: url(images/hdr-our-products.gif) 0 0 no-repeat; color: #fff; height: 26px; width: 198px; margin: 0; text-indent: -9999px; }

.nav { background: #fff; list-style-type: none; margin: 0 0 10px 0; padding: 0; width: 220px; margin-top: -1px; }
	.nav li { background: url(images/img-nav-bg.gif) 0 100% no-repeat; margin: 0; padding: 0; }
		* html .nav li { height: 10px; }
	.nav li a:link, .nav li a:visited { background: url(images/img-nav-bg2.gif) 0 0 no-repeat; color: #666; display: block; padding: 5px 8px 6px; text-decoration: none; }
	.nav li a:hover, .nav li a:active { color: #333; }
#productnav { background: #fff url(images/img-product-nav-bg.gif) 0 100% no-repeat; margin-bottom: 10px; }
	#productnav.nav li a:link, #productnav.nav li a:visited { color: #333; font-weight: bold; }
	#productnav.nav li a:hover, #productnav.nav li a:active { color: #598bc0; }

#text { background: #fff url(images/img-text-bg.gif) 0 0 no-repeat; display: inline; float: right; width: 710px; margin: 25px 10px 30px 0; }
	#home #text { background: none; width: 712px; margin: 0 9px 0 0; }
	#text2 { background: url(images/img-text-bg2.gif) 0 100% no-repeat; padding: 20px; }

#products { list-style-type: none; margin: 25px 0 20px 0; padding: 0; }
	#products:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	#products li { background: url(images/img-product-list-bg.gif) 0 0 no-repeat; float: left; margin: 0 8px 8px 0; padding: 0; width: 352px; height: 146px; position: relative; }
		#products li a { text-decoration: none; }
		#products li h3 { margin: 25px 0 5px 15px; }
		#products li img { position: absolute; right: 15px; top: 15px; }
		#products li p { color: #444; font-size: 11px; line-height: 14px; margin: 0 0 5px 15px; width: 230px; }
		#products li p.more a:link, #products li p.more a:visited { background: url(images/img-bullet.gif) 0 50% no-repeat; color: #666; font-size: 10px; padding-left: 12px; text-decoration: none; text-transform: uppercase; }
		#products li p.more a:hover, #products li p.more a:active { color: #333; text-decoration: underline; }
	li#prod-ac { }
	li#prod-dc { margin-right: 0; }
	li#prod-stock { }
		li#prod-stock img { right: 10px; }
	li#prod-replacement { margin-right: 0; }
		li#prod-replacement img { right: 10px; top: 10px; }

#footer { background: #fff url(images/img-footer-bg.gif) 0 0 no-repeat; padding: 20px 10px; width: 940px; position: relative; min-height: 3em; }
	* html #footer { height: 1em; }
	#footer p { color: #666; font-size: 11px; float: left; }
		#footer p span { color: #aaa; padding: 0 3px; }
		#footer p strong { color: #014188; }
			#footer p strong span { color: #598bc0; }
		#footer p#company { background: url(images/icon-multiproducts.gif) 0 0 no-repeat; padding-left: 30px; }
		#footer p#copyright { float: right; text-align: right; padding-right: 55px; }
	#footer #madeinusa { position: absolute; right: 10px; top: 22px; }



/* Start Legacy Styles */
/*
p { font-size: 12px; margin-top: 2px; margin-bottom: 4px; }
.partnum { font-size: 13px; margin-top: 2px; margin-bottom: 4px; line-height: 17px; text-align: right; }
h1 { font-size: 18px; margin-top: 2px; margin-bottom: 4px; }
h2 { font-size: 16px; margin-top: 2px; margin-bottom: 2px; font-weight: bold; }
h3 { font-size: 14px; margin-top: 2px; margin-bottom: 4px; }
ul { font-size: 12px; margin-top: 2px; margin-bottom: 4px; }
a { text-decoration: none; color: #369; }
	a:hover { text-decoration: underline; }
img { border: 0; }
*/
.hfnav { padding-left: 10px; padding-bottom: 5px; }
	.hfnav a { font-size: 11px; margin-right: 5px; }
.h3 { font-size: 14px; margin-top: 2px; margin-bottom: 1px; font-weight: bold; }
.snav { padding: 10px; }
	.snav a { font-size: 11px; display: block; margin-top: 3px; }
.credit { font-size: 10px; padding-left: 10px; padding-top: 2px; }
.clickpart { font-size: 11px; font-style: oblique; padding-top: 5px; padding-right: 10px; }
.bucket { margin: 0px; }
	.bucket h1{ font-size: 13px; margin-right: 10px; }
	.bucket p{ font-size: 11px; margin-right: 15px; }
table { font-size: 11px; }
table.quickquestion { width: 210px; }
	table.quickquestion td { padding: 2px 0; line-height: 12px; }
	table.quickquestion input.text { width: 120px; }
	table.quickquestion textarea { width: 210px; }
	table table { border: 1px solid #000; font-size: 10px; }
	table td { padding: 2px; }
		table table td { padding: 0; }
	td.table table { border-top: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; }
	td.table tr { border-bottom: 1px solid #000; }
.tblehd { font-weight: bold; background-color: #ccc; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; }
	.tblehd2 { font-weight: bold; background-color: #77A0CC; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; }
		.tblehd2 a { color: #000; }
#table4 { font-size: 11px; text-align: center; background-color: #fff; border: 1px solid #000066; line-height: 12px; margin-top: 8px; margin-bottom: 8px; }
	#table4 thead{ background-color: #77A0CC; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000; text-align: center; border-right-width: 2px; border-right-style: solid; border-right-color: #fff; }
.thead{ background-color: #213981; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #fff; text-align: center; border-right-width: 2px; border-right-style: solid; border-right-color: #fff; }
.chartsubhead{ background-color: #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000; text-align: center; padding-top: 2px; padding-bottom: 2px; }
#table4 thead td{ border-top: 1px solid #fff; border-right: 1px solid #fff; padding: 4px 2px; }
#table4 tbody td{ border-top: 1px solid #999; border-right: 1px solid #999; padding: 2px 1px; }
#table4 img{ text-align: center; margin: 0px 2px; padding: 0px; }
.grayrow { background-color: #DAE7F0; }
.photo { border: 1px solid #036; float: right; margin-top: 5px; margin-right: 20px; margin-bottom: 5px; margin-left: 20px; }
.homepic { float: left; margin-right: 10px; border: 1px solid #036; }
ol { font-size: 12px; line-height: 15px; padding-top: 2px; padding-bottom: 2px; margin-top: 0px; }
.red { color: #CC0000; }
.middle { vertical-align: middle; }
.buy { margin-left: 18px; }
a.cart { background: url(/cart.jpg) top left no-repeat; padding-left: 20px; }