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

body { background: #fff url(../images/bg-page.gif) 0 0 repeat-x; width: 100%; height: 100%; }

#container { background: url(../images/bg-page-top.gif) 50% 0 no-repeat; text-align: center; width: 100%; }
	#container2 { margin: 0 auto; text-align: left; width: 1000px; }

#header { background: url(../images/bg-header.png) 0 0 no-repeat; height: 135px; margin: 0 20px; }
#logo { margin: 18px 0 0 20px; float: left; }
#phone { background: url(../images/img-phone.gif) 0 0 no-repeat; float: right; text-indent: -9999px; margin: 75px 0 10px 0; width: 238px; height: 16px; }
#subnav { clear: right; font-size: 10px; font-weight: bold; margin-right: 20px; text-align: right; text-transform: uppercase; }
	#subnav a:link, #subnav a:visited { margin-left: 20px; color: #76adfe; text-decoration: none; }
	#subnav a:hover, #subnav a:active { color: #fff; text-decoration: none; }

#nav { clear: both; height: 46px; margin: 0 20px; padding: 0; list-style-type: none; position: relative; }
	#nav li { margin: 0; padding: 0; float: left; }
		#nav li a { background: url(../images/bg-nav.gif) 0 0 no-repeat; display: block; height: 46px; width: 100px; text-indent: -9999px; text-decoration: none; }
		#nav li a:link, #nav li a:visited { }
		#nav li a:hover, #nav li a:active { }
	#nav-stamped a:link, #nav-stamped a:visited { background-position: 0 0; width: 190px; }
	#nav-stamped a:hover, #nav-stamped a:active { background-position: 0 -46px; }
		#nav-stamped.active a:link, #nav-stamped.active a:visited { background-position: 0 -92px; }
		#nav-stamped.active a:hover, #nav-stamped.active a:active { background-position: 0 -138px; }
	#nav-wire a:link, #nav-wire a:visited { background-position: -190px 0; width: 136px; }
	#nav-wire a:hover, #nav-wire a:active { background-position: -190px -46px }
		#nav-wire.active a:link, #nav-wire.active a:visited { background-position: -190px -92px; }
		#nav-wire.active a:hover, #nav-wire.active a:active { background-position: -190px -138px }
	#nav-eaton a:link, #nav-eaton a:visited { background-position: -326px 0; width: 141px; }
	#nav-eaton a:hover, #nav-eaton a:active { background-position: -326px -46px }
		#nav-eaton.active a:link, #nav-eaton.active a:visited { background-position: -326px -92px; }
		#nav-eaton.active a:hover, #nav-eaton.active a:active { background-position: -326px -138px }
	#nav-spiral a:link, #nav-spiral a:visited { background-position: -467px 0; width: 109px; }
	#nav-spiral a:hover, #nav-spiral a:active { background-position: -467px -46px }
		#nav-spiral.active a:link, #nav-spiral.active a:visited { background-position: -467px -92px; }
		#nav-spiral.active a:hover, #nav-spiral.active a:active { background-position: -467px -138px }
	#nav-metric a:link, #nav-metric a:visited { background-position: -576px 0; width: 129px; }
	#nav-metric a:hover, #nav-metric a:active { background-position: -576px -46px }
		#nav-metric.active a:link, #nav-metric.active a:visited { background-position: -576px -92px; }
		#nav-metric.active a:hover, #nav-metric.active a:active { background-position: -576px -138px }
	#nav-springs a:link, #nav-springs a:visited { background-position: -705px 0; width: 81px; }
	#nav-springs a:hover, #nav-springs a:active { background-position: -705px -46px }
		#nav-springs.active a:link, #nav-springs.active a:visited { background-position: -705px -92px; }
		#nav-springs.active a:hover, #nav-springs.active a:active { background-position: -705px -138px }
	#nav-design a:link, #nav-design a:visited { background-position: -786px 0; width: 174px; }
	#nav-design a:hover, #nav-design a:active { background-position: -786px -46px }
		#nav-design.active a:link, #nav-design.active a:visited { background-position: -786px -92px; }
		#nav-design.active a:hover, #nav-design.active a:active { background-position: -786px -138px }
	#nav #hoverbg { cursor: pointer; position: absolute; top: -14px; left: 0; width: 0; background: url(../images/bg-nav-glow.png) 50% 0 no-repeat; z-index: 100; height: 20px; }


#content { float: left; margin-left: 20px; width: 700px; }
	#heading { height: 74px; margin-bottom: 20px; margin-top: 15px; }
		#heading h1 { line-height: 39px; }
	#breadcrumbs { height: 30px; color: #555; font-size: 9px; text-transform: uppercase }
		#breadcrumbs a:link, #breadcrumbs a:visited { color: #777; }
		#breadcrumbs a:hover, #breadcrumbs a:active { color: #999; }
		#breadcrumbs .B_homeCrumb { }
		#breadcrumbs .B_crumb { }
		#breadcrumbs .B_lastCrumb { }
		#breadcrumbs .B_currentCrumb { }

.productListingRow { clear: both; }
	.productListingRow:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	* html .productListingRow { min-height: 1em; }
	.productListing.short { float: left; width: 350px; }
		.productListing h2 { }
		.productListing ul { list-style-type: none; margin: 0; }
			.productListing ul li { margin: 0 30px 10px 0; float: left; min-height: 70px; padding-left: 80px; position: relative; width: 240px; }
				.productListing ul li img { left: 0; position: absolute; top: 0; }
				.productListing ul li h3 { padding-top: 3px; }
				.productListing ul li p { margin-bottom: 0; }

#sidebar { float: right; margin-top: 44px; width: 280px; }
	#questionform { background: url(../images/bg-askaquestion.gif) 0 0 no-repeat; padding: 50px 35px 0; margin-bottom: 20px; }
		#questionform h2 { display: none; }
		#questionform input.text, 
		#questionform textarea { width: 202px; }

	#sidenav { background: url(../images/bg-sidenav.gif) 0 0 repeat-y; width: 240px; margin-left: 20px; margin-bottom: 10px; }
		#sidenav2 { background: url(../images/bg-sidenav-top.gif) 0 0 no-repeat; }
		#sidenav3 { background: url(../images/bg-sidenav-bottom.gif) 0 100% no-repeat; padding: 15px; }
		#sidenav h3 { color: #222; text-transform: uppercase; }
			#sidenav h3 a:link, #sidenav h3 a:visited { color: #2862b9; text-decoration: none; }
			#sidenav h3 a:hover, #sidenav h3 a:active { color: #76adfe; text-decoration: none; }
		#sidenav ul { border-top: 1px solid #777; list-style-type: none; margin: 0; padding: 0; }
			#sidenav ul li { border-bottom: 1px solid #fff; font-size: 11px; }
			#sidenav ul a:link, #sidenav ul a:visited { color: #222; text-decoration: none; display: block; padding: 2px 0; }
			#sidenav ul a:hover, #sidenav ul a:active { color: #94c435; text-decoration: none; }
				#sidenav ul .active a:link, #sidenav ul .active a:visited, 
				#sidenav ul .active a:hover, #sidenav ul .active a:active { color: #000; font-weight: bold; text-decoration: none; }

	.sidead { margin: 0 20px 10px; width: 240px; }
		.sidead a:link, .sidead a:visited { background: url(../images/bg-pdfdownload.gif) 0 0; color: #222; display: block; font-size: 11px; line-height: 14px; text-decoration: none; }
		.sidead a:hover, .sidead a:active { background: url(../images/bg-pdfdownload.gif) 0 -115px; }
			.sidead a:link span, .sidead a:visited span { background: url(../images/bg-pdfdownload-btm.gif) 0 100% no-repeat; display: block; padding: 15px 15px 15px 40px; }
			.sidead a:hover span, .sidead a:active span { background: url(../images/bg-pdfdownload-btm-over.gif) 0 100% no-repeat; }
			.sidead a strong { color: #2862b9; display: block; font-size: 13px; font-weight: bold; margin-bottom: 3px; text-transform: uppercase; }
			.sidead a em { color: #999; }
	#pdfdownload { font-weight: bold; }
	#designyourownring { }
		#designyourownring a:link, #designyourownring a:visited { background: url(../images/bg-designyourownring-ad.gif) 0 0; color: #b4ef41; display: block; font-size: 11px; line-height: 14px; padding: 15px; text-decoration: none; }
		#designyourownring a:hover, #designyourownring a:active { background: url(../images/bg-designyourownring-ad.gif) 0 -75px; color: #333; }
			#designyourownring a strong { color: #fff; }
			#designyourownring a em { color: #999; }

#footer { background: url(../images/icon-arconring.gif) 0 7px no-repeat; border-top: 1px solid #ccc; clear: both; margin: 30px 20px 20px; min-height: 2em; padding: 10px 0 10px 30px; }
	#footer p { color: #666; font-size: 10px; }
	#ftr-copyright { float: left; }
	#topfloor { float: right; }