@charset "utf-8";
@import url("products.css");
@media all {

/* BODY AND FONTS: =body
----------------------------------------------- */
	body { color: #121212; margin:0; padding: 0; background: #222d39; text-align: center;  } 
	body, input, textarea, select { font: 12px/20px Verdana, Arial, Helvetica, sans-serif; }
	
	body.wait { cursor: wait; }
	
/* LINKS AND IMAGES: =links
----------------------------------------------- */
	a img { border: none; }
	a:link, a:visited { color:#3d8cbd; }
	a:hover { color: #000; }
	a.more { font-weight: bold; }
	img.icon { float: right; }
	
/* TYPOGRAPHY: =typography
----------------------------------------------- */	
	h1, h2, h3, h4, h5, h6 { margin: 0 0 4px 0; padding: 0;  }
	#title { background: url("/images/locations/bg-title.jpg") 50% 0 no-repeat; height: 70px; }
	h1 { font-size: 44px; line-height: 47px; font-family: Constantia, Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #a7d0ff; margin: 0; padding: 0; }
	h2 { margin: 0 0 16px 0; }
	h3, legend { font-weight: bold; text-transform: uppercase; }
	p, blockquote, table { margin: 0 0 18px 0; }

/* LAYOUT: =layout
----------------------------------------------- */
	.container { width: 910px; text-align: left; margin: 0 auto; }
	#content { background: #fff; padding: 25px 0; }
	.left { float: left; }
	.right { float: right; }
	.section { padding-top: 23px; }
	.twocol { width: 166px; }
	.fourcol { width: 352px; }
	.sixcol { width: 538px; padding-bottom:30px; }
	.eightcol { width: 724px; }
		
/* HEADER: =header
----------------------------------------------- */
	#ngheader { background: #232d3a; padding: 10px 0; }
	#ngheader ul { float: left; list-style: none; margin: 4px 0 0 0; padding: 0; width: 600px; }
	#ngheader li { border-right: 1px solid #435467; font-size: 11px; float: left; line-height: 11px; margin: 0 7px 0 0; padding: 0 7px 0 0; }
	#ngheader li a { color: #a7d0ff; text-decoration: none; }
	#ngheader li a:hover { color: #fff; }
	#ngheader li.last { border: none; }
	#ngheader li a.nghome { background: url("/images/locations/nghome.gif") 0 50% no-repeat; padding: 10px 0 10px 30px; }
	#ngheader form { float: right; margin: 0; padding: 0; }
	#ngheader form label { font-weight: normal; display: inline; color: #fff; font-size: 11px; }
	#ngheader form select { color: #666; }
	
	#header { background: #f1f1f5 url("/images/locations/bg-header.gif") bottom left repeat-x; height: 100px; }
	#logo { float: left; }
	#logo a { text-indent: -999em; display: block; overflow: hidden; }
	
/* NAVIGATION: =nav
----------------------------------------------- */
	#header ul { float: right; list-style: none; margin: 39px 0 0 0; padding: 0; }
	#header ul li { float: left; font-size: 12px; font-weight: bold; margin: 0 0 0 4px; padding: 0; text-transform: uppercase; }
	#header ul li a { color: #b11b36; padding: 2px 8px; }
	#header ul li a:hover, 
	#header ul li.selected a,
	#header ul li.selected a:hover { background: #286686; color: #fff; text-decoration: none; }
	
/* LISTS: =lists
----------------------------------------------- */
	ul { margin: 0 0 18px 0; padding: 0 0 0 20px; }
	ol { margin: 0 0 18px 0; padding: 0; }
	li { margin: 0 0 3px 0; padding: 0; }
	
	dl { margin: 0 0 18px 0; padding: 0; }
	dt { font-weight: bold; margin: 0 0 3px 0; padding: 0; }
	dd { margin: 0 0 12px 0; }
	
	dl.news { border-bottom: 1px solid #eeeeee; float: left; width: 100%; }
	dl.news dt { color: #4e4e4e; border-top: 1px solid #eeeeee; text-transform: uppercase; float: left; clear: both; width: 60px; padding: 10px 0; }
	dl.news dd { border-top: 1px solid #eeeeee; float: left; margin-left: 0px; width: 415px; padding: 10px 0; }
	
	.fourcol dl.news dd { width: 292px; }
	
/* FORMS: =forms
----------------------------------------------- */
	label { display: block; margin: 0 0 .5em 0; font-weight: bold; }
	label strong,
	label .required { font-weight: normal; color: #666; }
	form { margin: 0 0 1.5em 0; }
	form div { margin-bottom: .5em; }
	form ul { list-style: none; padding-left: 0; }
	form li label { display: inline; font-weight: normal; color: #000; }
	form dd p { margin-bottom: .5em; color: #000; }
	form fieldset { margin: 0; padding: 0; border: 0; }
	form fieldset legend { padding: 0 5px; }
	input { margin: 0; }
	input.text, textarea, form.request select  { width:250px; }
	input.zip { width: 100px; }
	input.state { width: 30px; }
	input.sm { width: 100px; }
	form textarea { height: 100px; }
		
	/* request form */
	form.request code { font-size: 12px; }
	form.request fieldset { margin: 0 0 15px 0; padding: 15px; }
	form.request fieldset div { position: relative; clear: both; float: left; margin-bottom: 5px; width: 100%; }
	form.request fieldset div.sep { border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 5px; }
	form.request fieldset label { text-align: right; width: 150px; float: left; }
	form.request fieldset label.inline,
	form.request ul.inline label,
	form.request ul.checkbox label { width: auto; float: none; display: inline; }
	form.request fieldset label strong { position: absolute; left: 153px; color: red; }
	span.required { color: red; }
	form.request fieldset div div { clear: none; float: right; width: 336px; }
	form.request ul.inline, form ul.checkbox { margin: 0; padding: 0; }
	form.request ul.inline li { display: inline; margin-right: 10px; }
	form.request table { margin: 0; width: 100%; }
	form.request table tr td { border: none; padding: 5px 0; }
	form.request table tr.alt { background: #f1f1f5; }
	form.request table label { margin-right: 5px; }
	form.request input.man { width: 100px; }
	form.request input.part { width: 70px; }
	form.request input.q { width: 20px; }
	form.request textarea.srequest,
	form.request textarea.productdemo { width: 500px; }
	form.request ul.training { margin-bottom: 0; margin-left: 0; }
	form.request select.trainarea { width: 150px; }
	
	form.request div.triple label { display: inline; margin-left: 0; }
	form.request div.triple { clear: none; margin: 0; padding: 0; position: static; float: left; width: 140px; }
	form.request div.triple ul { margin-left: 0; }	
	
	form label.error { color: #c10000; }
	div.errors { padding: 1em 2em; background: #c10000; color: #fff; }
	div.errors ul { margin-bottom: 0; }
	div.errors h3 { border: none; color: #ffffff; }
	.error input,
	.error select,
	.error textarea { border: 2px dashed #c10000; }
	
/* TABLES: =tables
----------------------------------------------- */
	table { margin: 0 0 23px 0; border-collapse: collapse; }
	table td, table th { padding: 6px 10px;  border-bottom: 1px solid #3d6daa; vertical-align: top;}
	table th { color: #a7d0ff; text-transform: uppercase; }

/* HOMEPAGE: =home
----------------------------------------------- */
	body.home div.request { background: url("/images/locations/pen.jpg") top right no-repeat; padding-right: 50px; }
	body.home div.services { background: url("/images/locations/gear.jpg") right 25px no-repeat; padding-right: 50px; }
	
	body.home .fourcol h2 { margin: 0 0 8px 0; }
	
	.mansearch { background-position: top left; background-repeat: no-repeat; }
	.sIFR-active #content .mansearch h2 { font-size: 15px !important; margin-bottom: 0; }
	.mansearch form { background-position: bottom left; background-repeat: no-repeat; padding: 15px 20px; }
	.mansearch input.text { color: #5d5d5d; padding: 10px 5px; float: left; width: 345px; }
	.mansearch input.submit { float: right; }
	.frame .mansearch input.submit { float: left; }
	
	.manufacturers .twocol { margin-right: 20px; }
	.manufacturers .last { margin: 0; }
	.manufacturers ul { font-size: 15px; list-style: none; margin: 0; padding: 0; }
	.manufacturers ul li { line-height: 20px; margin: 0; }
	
/* INTERIOR PAGES: =interior
----------------------------------------------- */
	/* products */
	body.products #productlogos a { display: block; text-align: center; line-height: 16px; background-position: top left; background-repeat: no-repeat; width: 79px; padding-top: 50px; }
	body.products #productlogos a:hover { background-position: -79px 0; }
	body.products #productlogos div.clearfix { margin: 0 0 12px 0; }
	body.products #productlogos div div { float: left; margin-right: 12px; width: 79px; }
	body.products #productlogos div div.last { margin-right: 0; }
	
	/* contact */
	.office { border-bottom: 1px solid #ccc; margin: 0 0 18px; padding: 0 0 18px 0; }
	.office.last { border-bottom: none; }
	.office h2 { margin-bottom: 4px; }
	.office dd { font-size: 11px; line-height: 14px; margin-bottom: 6px; }
	.sixrow { font-size: 11px; float: left; width: 95px; }
	.sixrow li { margin-bottom: 2px; line-height: 14px; padding-left: 0; }
	.office .fourcol small { display: none; }
	
	/* frame */
	body.frame { text-align: left; background: #fff; margin: 0; padding: 0; }
	body.frame #framewrapper { border-bottom: 2px solid #0f6686; height: 78px; padding: 0 10px; }
	body.frame #logo { width: 221px; }
	body.frame #logo a { margin: 0; height: 78px; }
	body.frame ul { float: left; list-style: none; margin: 0; padding: 6px 0 0 0; font-size: 11px; line-height: 15px; }
	body.frame li { margin: 0; padding: 0 0 0 14px; }
	body.frame li.close { padding-left: 0; }
	body.frame li.close a { background: url("/images/locations/close.gif") 0 50% no-repeat; padding-left: 14px; }
	body.frame .mansearch { background: none; float: right; margin-top: 30px; }
	body.frame .mansearch form { background: none; margin: 0; padding: 0; }
	body.frame .mansearch input.text { margin-right: 10px; }
	body.frame .mansearch h2 { display: none; }
	
	div.result { margin-bottom:15px; background-color:#efefef; padding: 10px; font-size: 90%; }
	div.result a { font-size: 15px; font-weight:bold; }
			
	.result div { float: left; width: 460px; }
	.result div.count { font-size:24px; font-weight:bold; margin: 2px 10px 0 0; color: #c0c0c0; width: auto; text-align: center; }
	.result div.count img { margin: 10px 0 0 0; }
	.result .url { font-size: 90%; color: #666666; }
	.result p { margin: 0; }
	.result p.title { margin-bottom: 6px; }
	
	div.pagination p { float: left; width: 50%; font-size: 18px; }
	.pagination p.next { float: right; }
	div.pagination a { text-decoration: none; }
	div.pagination a:hover { text-decoration: underline; }
	.pagination p.next { text-align: right; }
	
/* FOOTER: =footer
----------------------------------------------- */
	#footer { color: #fff; background: url("/images/locations/bg-footer.gif") top left repeat-x; clear: both; padding: 23px 0 36px 0; }
	#footer a { color: #a7d0ff; text-decoration: none; }
	#footer a:hover { color: #fff; }
	#footer p { font-size: 11px; line-height: 17px; float: left; background: url("/images/locations/mdn.gif") top left no-repeat; margin: 0; padding: 15px 0 0 15px; width: 260px; height:70px;}

	#footer ul { float: right; margin: 0; padding: 0 0 4px 0; list-style: none; }
	#footer li { float: left; border-right: 1px solid #435467; line-height: 12px; margin: 0 0 0 9px; padding: 0 8px 0 0; }
	#footer li.last { border: none; padding: 0; }
	#footer .nav { float: right; width:520px;  font-size:11px; margin:17px 0 0 0; }
	#footer .nav span { clear: right; display: block; font-size: 10px; text-align: right; color: #3f4d5f; }
	#footer .invis a { color: #3f4d5f; text-decoration: underline; }
	#footer .invis a.invis,
	#footer .invis a.invis:hover { text-decoration: none; cursor: default; }
	
/* SIFR: =sifr
----------------------------------------------- */
	.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
	.sIFR-replaced { visibility: visible !important; }
	.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
	.sIFR-active #content h2 { visibility: hidden; line-height: 1em; font-size: 20px; }

	/* 
	  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
	  Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
	*/
	
	.sIFR-replaced > div { display: none !important; }
	
/* MISC: =misc
----------------------------------------------- */	
	.clearboth { clear: both; }
	.nowrap { white-space: nowrap; }
	.skip { margin-bottom: 0; position: absolute; left: -999em; width: 999em; }
	.nowrap { white-space: nowrap; }
	.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
	* html .clearfix { height: 1%; }
}