/* 

screen CSS document
screen.css
client: Bijur Delimon
author: Atlantic BT - www.atlanticbt.com
date: 2-11-08

last edit: 5-9-08 by Guess

Base Screen styles. Remove comments where necessary.

*/


/*======================================
	=Main Styles
======================================*/

/* for 100% height on wrap */
html, body { height: 100%; }

body {
	font-family: Arial, Helvetica, sans-serif; 								
	color: #333;
	background: #3e67ae url(/images/bg_body2.gif) no-repeat center top;
	font-size: x-small;
  	font-s\ize: small;
}

div { font-size: 100%; text-align: left; }


/*======================================
	=Typography Styles
======================================*/

/* font rule shortcut: */
/* font: font-style font-variant font-weight font-size/line-height font-family; */

p { }
	#content * { line-height: 1.5em; }
	#content p { margin: 1em 0; }
	#content div { margin: 1em 0; } /* added here since it deals with content */


a { }
	/* base anchor colors/style */
	a { color: #337dbc; }
	a:hover, a:focus { color: #005dab; }
	/* @= a:focus dotted outline fix found in moz.css and abt.js (search for "theahrefs") */
	/* @= for more typography styles see more-type.css (or remove if not necessary) */


h1, h2, h3, h4, h5, h6 { margin: 1em 0; font: bold 170% Arial, sans-serif; color: #005c8e; }
	
	h2 { font-size: 120%; }
	h3, h4, h5, h6 { font-size: 100%; }
	h4 {  }
	
#navigation h5, #location h5 { position: absolute; left: -9999em; top: 0; height: 0; line-height: 0em; }
	
/*======================================
	=Other Element Styles
======================================*/

ul, ul li { list-style: none; }

	#main-area ul { margin: 1em 0 1em 1em; }
	#main-area ul li {
		margin: .5em 0;
		padding-left: 12px;
		background: url(/images/icons/i_plus.gif) no-repeat 0 .5em;
	}
	
	
ol, ol li { }

	#main-area ol { margin: 1em 0 1em 2em; } /* 40px left margin seems to make the ol line up with the ul */
	#main-area ol li {
		margin: .5em 0;
	}
	
	
dl { }

	#content dl { margin: 1em 0; }
	
		#content dl dt { margin: .5em 0; font-weight: bold; }
		#content dl dd { margin: .5em 0 .5em 1em; }


acronym { cursor: help;	border-bottom: 1px dotted #353535; }

address { }

blockquote { margin: 1em 0; padding: 0 1em; }
	blockquote p { margin: 1em 0; }
	blockquote p.cite { text-align: right; }
	blockquote p.cite cite { font-weight: bold; }
	blockquote p.cite em { display: block; font-style: normal; font-weight: normal; }
	
	
/*======================================
	=Base Form Styles
======================================*/
	
	input, textarea, select {
		padding: 2px;
		border: 1px solid #ccc;
		background: #fff url(/images/bg_input.gif) repeat-x 0 0;
		font: inherit;
	}
	
	input.radio, input.checkbox,
	.buttons input, input.button { border: 0; padding: 0; width: auto; background: none; }




/*======================================
	=Layout Styles
======================================*/

div#wrap {
	position: relative;
	left: 50%;
	margin: 0 0 0 -396px;
	width: 792px;
	min-height: 99.75%;
	height: auto !important;
	height: 99.75%;
}

	/*body.inner div#wrap { background: none; }
	
	body.about-us div#wrap, body.distributor div#wrap, body.lubrication-101 div#wrap, body.bijur-delimon-news div#wrap, body.contact div#wrap { background: url(/images/bg_wrap.gif) no-repeat left top; }
	body.about-us div#main-area, body.distributor div#main-area, body.lubrication-101 div#main-area, body.bijur-delimon-news div#main-area { background: none; }
	
	body.cat-main div#wrap { background:  url(/images/bg_wrap.gif) no-repeat 0 0; }
	body.cat-main div#main-area { background: none; }*/

#container {
	position: relative;
	left: 0; top: 0;
	float: left; display: inline;
	margin: 0;
	width: 792px;
	min-height: 99.75%;
	height: auto !important;
	height: 99.75%;
}

/* =floats and widths */

#masthead { float: left; display: inline; padding: 16px 29px 0 42px; width: 722px; height: 80px; background: url(/images/bg_masthead.gif) no-repeat 0 0; }

	/* hide accessibility, but leave there for readers */
	#masthead #skip-links { position: absolute; left: -9999em; top: 0; height: 0; line-height: 0em; }
	
	#masthead #logo,
	#masthead #logo a { 
		float: left; display: inline;
		width: 142px;
		height: 37px;
		background: url(/images/ind_logo.gif) no-repeat 0 0;
		text-indent: -9999em;
	}
		#masthead #logo { margin: 22px 26px 0 0; }
		
		#masthead #location, #masthead #cart, #masthead #search
			{ float: left; display: inline; border-left: 1px solid #e9eded; margin: 7px 0 0 0; padding-left: 12px; height: 67px; line-height: 67px; font-size: 85%; }
			
			#masthead #location { width: 120px; padding-top: 28px; height: 39px; padding-left: 37px; background: url(/images/icons/i_mh-globe.gif) no-repeat 11px 25px; line-height: 1em; }
				#location p, #location a { display: inline; }
				#location p { margin-right: 5px; }
			
			#masthead #cart { margin-left: 13px; width: 175px; background: url(/images/icons/i_mh-cart.gif) no-repeat 11px 23px; }
				#cart p { margin: 0 0 0 26px; }
				#cart p, #cart ul { float: left; display: inline; }
				#cart ul li { float: left; display: inline; margin-left: 5px; }
					#cart ul li#checkout { width: 67px; height: 21px; margin: 24px 0 0 10px; line-height: 1em; }
					#cart ul li#checkout a { display: block; width: 67px; height: 21px; background: url(/images/b_checkout.gif) no-repeat 0 0; text-indent: -9999em; }
			
			#masthead #search { width: 151px; padding-left: 39px; background: url(/images/icons/i_mh-mag.gif) no-repeat 11px 27px; }
				#masthead #search form { float: left; display: inline; }
				#masthead #search form input { float: left; display: inline; margin-top: 27px; padding: 0; border: none; }
					#masthead #search form input.query { width: 102px; height: 1.4em; margin-right: 5px; padding: 1px 0 0 4px; background: url(/images/bg_input-search.gif) no-repeat left 50%; border: 1px solid #ccc; }
				#masthead #search form input.queryFocus { width: 102px; height: 1.4em; margin-right: 5px; padding: 1px 0 0 4px; background: none; border: 1px solid #ccc; color: #333; line-height: 1em; font-size: 11px; }

#main-area { float: left; display: inline; width: 760px; margin-bottom: -90px; padding: 0 17px 0 16px; }

	#content { float: right; display: inline; margin: 30px 12px 0 11px; padding-bottom: 100px; width: 543px; }
	
	#product-navigation { float: left; display: inline; width: 194px; }
		#product-navigation h2 { margin: 0; width: 194px; height: 30px; background: url(/images/US_browse-prods.gif) no-repeat 0 0; text-indent: -9999em; }
		
		/* product-navigation below */

#site-info { position: relative;
				left: 50%; bottom: 0;
				clear: left;
				margin: -90px 0 0 -380px;
				width: 760px; height: 92px;
				background-color: #97999a; font-size: 85%;
			}
	
	#site-info #our-brands { float: left; display: inline; background-color: #cacccd; width: 760px; height: 60px; }
	
	#our-brands h4, #our-brands ul, #our-brands ul li { float: left; display: inline; margin: 0; }
	
		#our-brands h4 { margin: 0 25px 0 25px; padding-right: 18px; background: url(/images/icons/i_gray-arrow.gif) no-repeat right 50%; color: #666; line-height: 60px; }
		
		#our-brands ul { margin: 0; height: 60px; }
		#our-brands ul li { float: left; display: inline; text-indent: -9999em; padding: 0; }
		#our-brands ul li#bijur { width: 77px; height: 39px; margin: 12px 53px 0 0; background: url(/images/l_bijur.gif) no-repeat 0 0; }
			#our-brands ul li#bijur a { display: block; width: 77px; height: 39px; }
		#our-brands ul li#delimon { width: 83px; height: 11px; margin: 29px 52px 0 0; background: url(/images/l_delimon.gif) no-repeat 0 0; }
			#our-brands ul li#delimon a { display: block; width: 83px; height: 11px; }
		#our-brands ul li#farval { width: 77px; height: 26px; margin: 23px 51px 0 0; background: url(/images/l_farval.gif) no-repeat 0 0; }
			#our-brands ul li#farval a { display: block; width: 77px; height: 26px; }
		#our-brands ul li#lubesite { width: 78px; height: 23px; margin: 26px 61px 0 0; background: url(/images/l_lubesite.gif) no-repeat 0 0; }
			#our-brands ul li#lubesite a { display: block; width: 78px; height: 23px; }
		#our-brands ul li#delimon-denco { width: 66px; height: 35px; margin-top: 24px; background: url(/images/l_delimon-denco.gif) no-repeat 0 0; }
			#our-brands ul li#delimon-denco a { display: block; width: 66px; height: 35px; }
	
	
	#site-info ul#supplementary-nav { float: left; display: inline; background-color: #97999a; width: auto; margin: 0; padding: 8px 0 0; }
	
	#site-info ul#supplementary-nav li { float: left; display: inline; line-height: 17px; padding: 0 12px 0 11px; border-right: 1px dotted #b6b8b8; background: none; }
		#site-info ul#supplementary-nav li a { color: #fff; text-decoration: none; }
			#site-info ul#supplementary-nav li a:hover { color: #369; }
	
	#site-info #site-copyright { float: right; display: inline; text-align: right; margin-right: 20px; padding-top: 8px; color: #ccc; }
	
/*======================================
	=Page Styles
======================================*/


/* homepage specific */
	body#index #content #main-graphics { float: left; display: inline; margin: 12px 0 29px 0; width: 542px; height: 173px; }
		body#index #content #main-graphics #rotating-images { position: relative; width: 542px; height: 173px; }
		body#index #content #main-graphics h1, body#index #content #main-graphics p { position: absolute; left: -9999em; top: 0; height: 0; line-height: 0em;}
		body#index #content #main-graphics a#go { position: absolute; left: 109px; top: 94px; width: 33px; height: 20px; text-indent: -9999em; }
	
	body#index #content #ind-news { clear: left; float: left; display: inline; margin: 0; width: 263px; }
		body#index #content #ind-news h2 { margin: 0 0 1px 0; height: 25px; background: url(/images/US_News.gif) no-repeat 0 0; text-indent: -9999em; }
		body#index #content #ind-news ul { float: left; display: inline; margin: 0; }
		
		body#index #content #ind-news ul li { margin: 0; padding: 12px 0 11px 22px; width: 241px; border-bottom: 1px dotted #b2cee6; background: url(/images/icons/i_list-arrow.gif) no-repeat left 1.25em; font-size: 85%; }
		body#index#content #ind-news ul li a { text-decoration: none; }
		
			body#index #content #ind-news ul li#view-all { padding-left: 0; text-align: center; background: none; width: auto; }
				body#index #content #ind-news ul li#view-all a { color: #333; }
				body#index #content #ind-news ul li#view-all a:hover { color: #005dab; }
	
	body#index #content #prod-spotlight { float: right; display: inline; margin: 0; width: 264px; }
		body#index #content #prod-spotlight h2 { margin: 0; height: 23px; background: url(/images/US_prod-spotlight.gif) no-repeat 0 0; text-indent: -9999em; }
		body#index #content #prod-spotlight ul { float: left; display: inline; margin: 0; padding: 0 12px 0 13px; width: 235px; border: 1px solid #9bb4d9; }
		body#index #content #prod-spotlight ul li { position: relative; float: left; display: inline; margin: 11px 0 0 0; padding: 0 0 15px 0; width: 239px; border-bottom: 1px dotted #b2cee6; background: none; }
		body#index #content #prod-spotlight ul li.last { border: 0; }
		
		body#index #content #prod-spotlight ul li a { float: left; display: inline; }
		body#index #content #prod-spotlight ul li img { float: left; display: inline; margin-right: 11px; }
		
		body#index #content #prod-spotlight ul li div { float: right; display: inline; margin: 0; width: 119px; height: 76px; }
		
		body#index #content #prod-spotlight ul li div div { margin: auto 0; height: auto; }
		
		body#index #content #prod-spotlight ul li h3 { margin: 0 0 0.5em 0; color: #333; font-size: 85%; font-weight: normal; }
		
		body#index #content #prod-spotlight ul li a { margin: 0; text-decoration: none; font-size: 85%; }
		
		
		body#index #slideshow-controls { position: absolute; right: 0; bottom: 0; margin: 0; height: 24px; background: url(/images/bg_feat-nav-lft.gif) no-repeat left 0; }
			* html body#index #slideshow-controls { bottom: -1px; }
		body#index #slideshow-controls ul { float: left; display: inline; margin: 0; padding: 0 11px; background: url(/images/bg_feat-nav-rt.gif) no-repeat right 0; }
		
		body#index #slideshow-controls ul li { float: left; display: inline; margin: 0; padding: 4px 3px 0 2px; font-size: 85%; background: none; }
			body#index #slideshow-controls ul li a { background: url(/images/bg_feat-nav-underline.gif) no-repeat 0 bottom; text-decoration: none; }
			body#index #slideshow-controls ul li.on a { font-weight: bold; text-decoration: none; background: none; }
			
		body#index #slideshow-controls ul li#prev,
		body#index #slideshow-controls ul li#next { width: 4px; height: 6px; margin-top: 8px; text-indent: -9999em; }
		
		body#index #slideshow-controls ul li#prev a,
		body#index #slideshow-controls ul li#next a { display: block; width: 4px; height: 6px; text-decoration: none; text-indent: -9999em; background: none; }
		
			body#index #slideshow-controls ul li#prev { background: url(/images/b_feat-nav-lft.gif) no-repeat 0 0; }
			body#index #slideshow-controls ul li#next { margin-left: 3px; background: url(/images/b_feat-nav-rt.gif) no-repeat 0 0; }
		
		
		
		

/* end homepage specific */


/* all inner pages specific */

/*=============== general inner pages styles ==============================*/

body.inner #main-area { font-size: 85%; }

body.inner ul#breadcrumb-nav { float: left; display: inline; margin: 13px 0 10px 0; padding: 0; font-size: 90%; }
body.inner ul#breadcrumb-nav li { float: left; display: inline; margin: 0 0 0 5px; padding: 0 11px 0 0; background: url(/images/icons/i_breadcrumb-arrow.gif) no-repeat right .5em; }
	body.inner ul#breadcrumb-nav li.first { margin: 0; }
	body.inner ul#breadcrumb-nav li.last { padding: 0; background: none; }

body.inner #box-header { clear: left; float: left; display: inline;  margin: 0; padding: 13px 0 11px 19px; width: 520px; background-color: #d6e3f0; }

body.inner #box-header h1 { margin: 0; color: #777; font-weight: bold; font-size: 150%; }
body.inner #box-header p { float: left; display: inline; }
body.inner #box-header ul { float: left; display: inline; margin: 1em 0; }
body.inner #box-header ul li { float: left; display: inline; margin: 0 0 0 16px; padding: 0; background: none; }

body.inner #content div.box #main-info p:first-child { margin-top: 0; }

body.inner #content div.box { float: left; display: inline; margin: 0; padding: 20px; width: 495px; border: 2px solid #d6e3f0; }

body.inner #content div.box #main-info { float: left; display: inline; margin: 0; width: 60%; }
	body.cat-main #content div.box #main-info { float: left; display: inline; width: 100%; }
	body.product #content div.box #main-info { float: left; display: inline; width: 48%; padding-right: 2%; }
	
	body.inner #main-area div.no-nav div.box #main-info { float: left; display: inline; margin: 0; width: 100%; }
	
	body.inner #main-area div.no-nav div.box #main-info table { width: 100%; }
	body.inner #main-area div.no-nav div.box #main-info th { padding: 5px 5px 0; font-weight: bold; }
	body.inner #main-area div.no-nav div.box #main-info #th_icon { padding: 0; width: 10px; }
	body.inner #main-area div.no-nav div.box #main-info td,
	body.inner #main-area div.no-nav div.box #main-info th { /*border-bottom: 1px solid #000;*/ }
	body.inner #main-area div.no-nav div.box #main-info tbody td { padding: 5px; vertical-align: top; }
		body.inner #main-area div.no-nav div.box #main-info tbody td.delete { padding: 8px 0 0; width: 10px; }
	body.inner #main-area div.no-nav div.box #main-info input.qty { width: 20px; }
	body.inner #main-area div.no-nav div.box #main-info input.icon { border: 0; }
	body.inner #main-area div.no-nav div.box #main-info input.update { margin-bottom: -6px; }
	
	body.inner #main-area div.no-nav div.box #discount
	{ float: left; display: inline; margin-top: 20px; padding: 10px; width: 45%; border: 1px solid #d6e3f0; }
	body.inner #main-area div.no-nav div.box #discount h3 { margin-top: 0; }
	body.inner #main-area div.no-nav div.box #discount #coupon { width: 65%; }
	body.inner #main-area div.no-nav div.box #discount #apply { float: right; display: inline; border: 0; }
	body.inner #main-area div.no-nav div.box #main-info #totals { float: right; display: inline; margin-top: 20px;
																	width: 45%; background: #D6E3F0; }
	body.inner #main-area div.no-nav div.box #main-info #checkout-summary
	{ float: left; display: inline; margin-top: 0; width: 100%; background: #d6e3f0; }
	body.inner #main-area div.no-nav div.box #main-info p#checkout { clear: both; margin: 0; text-align: right; }
	
	body.inner #main-area div.no-nav div.box #main-info #totals td,
	body.inner #main-area div.no-nav div.box #main-info #totals th,
	body.inner #main-area div.no-nav div.box #main-info #checkout-summary td,
	body.inner #main-area div.no-nav div.box #main-info #checkout-summary th { border-bottom: 1px dotted #fff; }
	body.inner #main-area div.no-nav div.box #main-info #totals #total-row,
	body.inner #main-area div.no-nav div.box #main-info #checkout-summary #total-row { border: none; font-weight: bold; }
	body.inner #main-area div.no-nav div.box #main-info #totals td,
	body.inner #main-area div.no-nav div.box #main-info #checkout-summary td { text-align: right; }
	
	body.inner #main-area div.no-nav div.box #main-info #checkout-form { clear: both; float: left; display: inline;
																		width: 100%; }
		#checkout-form fieldset,
		#checkout-form fieldset legend,
		#checkout-form fieldset p,
		#checkout-form fieldset p label { float: left; display: inline; }
		
		#checkout-form fieldset { /*border-top: 1px solid #ccc;*/ width: 100%; }
		#checkout-form fieldset legend { margin: 0; padding: 0 10px 0 0; font-weight: bold; }
		#checkout-form fieldset p { width: 100%; }
		#checkout-form fieldset label { width: 20%; }
		#checkout-form fieldset input,
		#checkout-form fieldset select { width: 48%; }
		#checkout-form fieldset input#sameCheck { border: 0; padding: 0; width: auto; background: none; }
		#checkout-form fieldset select#CC_Month,
		#checkout-form fieldset select#CC_Year { width: 15%; }
		
		#checkout-form #place-order { clear: both; padding-top: 20px; width: 71%; text-align: right; }
		#checkout-form #place-order #submit { padding: 0; border: 0; }

		#checkout-form  .help-icon { 
			float: right;
			width: 13px; 
			height: 13px;
			border: 0; 
			background: url(/images/icons/i_q-mark2.gif) no-repeat 0 0; 
			text-indent: -9999em; 
			cursor: pointer; 
			margin-right: 120px;
		}
	


																				
body.inner #content div.box #main-info h2 { color: #333; font-size: 100%; }
body.inner #content div.box #main-info ul { margin-left: 0; }
	

/*body.inner #content div.box #supp-nav { float: right; display: inline; margin: -13px -20px 0 0; width: 40%; }
	body.inner #content div.box #supp-nav ul { float: right; display: inline; margin: 0; }
	body.inner #content div.box #supp-nav ul li { margin: 7px 0 0 0; padding: 0 0 7px 20px; background: none; width: 190px; border-bottom: 2px solid #d6e3f0; }
	body.inner #content div.box #supp-nav ul li a { color: #337dbc; text-decoration: none; }
		body.inner #content div.box #supp-nav ul li a:hover { color: #f90; }*/

body.inner #content div.box #supp-info { float: right; display: inline; margin: 0; }
	body.cat-main #content div.box #supp-info { float: right; display: inline; width: 45%; }
		body.cat-main #content div.box #supp-info img { float: right; display: inline; }
	body.product #content div.box #supp-info { float: right; display: inline; width: 50%; }
		body.product #content div.box #supp-info img { float: right; display: inline; }

body.inner #content #desc { float: left; display: inline; width: 47%; font-weight: bold; color: #005dab; background-color: #b5cae3; }
	body.inner #content #desc h3 { margin-top: .5em; margin-bottom: .5em; margin-left: 8px; text-transform: uppercase; }
	body.inner #content #desc ul { margin: 0; }
	body.inner #content #desc ul li { padding: 8px 0 0 8px; background: none; border-top: 1px dotted #fff; }
	body.inner #content #desc ul li span.part-num { color: #333; }
	body.inner #content #desc ul li a:hover { color: #333; }
	
body.inner #content #ecommerce { float: left; display: inline; width: 47%; font-weight: bold; color: #005dab; background-color: #b5cae3; }
	body.inner #content #ecommerce table { margin: 0; width: 100%; }
	body.inner #content #ecommerce thead { margin-top: .5em; margin-bottom: .5em; margin-left: 8px;
											text-transform: uppercase; }
	body.inner #content #ecommerce thead th { padding: 5px; font-weight: bold; }
	body.inner #content #ecommerce thead th#th_description { width: 80%; }
	body.inner #content #ecommerce tbody td,
	body.inner #content #ecommerce tbody th { background: none; border-top: 1px dotted #fff; vertical-align: top; }
	body.inner #content #ecommerce tbody tr td { padding: 5px; }
	body.inner #content #ecommerce tr td span { display: block; color: #333; }
	body.inner #content #ecommerce input.quantity { width: 20px; text-align: left; }
	body.inner #content #ecommerce #add-to-cart { margin: 0; padding: 10px; text-align: right; border-top: 1px dotted #fff; }
	body.inner #content #ecommerce input#add { border: 0; padding: 0; }
	#ecommerce abbr { border: 0 }

body.inner #content #related-products { float: right; display: inline; width: 255px; margin-right: 4px; padding: 0 0 0 8px; background: url(/images/icons/i_star.gif) no-repeat 98% 4%; border: 2px solid #d6e3f0; }
	body.inner #content #related-products h4 { font-size: 115%; color: #333; margin-top: .5em; }
	body.inner #content #related-products ul { margin: 0 0 1em 0; }
	body.inner #content #related-products ul li { padding: 0; background: none; }
	body.inner #content #related-products ul li a { color: #337dbc; }
		body.inner #content #related-products ul li a:hover { color: #f90; }
		
		
	
	
	
	/* mark additions */
	body.inner #main-area div.no-nav div.box #main-info #shopping-cart-items th
	{ padding-bottom: 3px; text-transform: uppercase; /*color: #337dbc;*/ }
	#shopping-cart-items th#th_total,
	#shopping-cart-items td.th_total { text-align: right; }
	#shopping-cart-items td.th_part a { text-decoration: none; }
		
	body.inner #main-area div.no-nav div.box #main-info #shopping-cart-items td,
	body.inner #main-area div.no-nav div.box #main-info #shopping-cart-items th
	{ border-bottom: 1px dotted #669ecd; }
	
	#shopping-cart-items td .update { vertical-align: middle; }
	
	#shopping-cart-summary th { text-transform: uppercase; }
		
		
	#summary h3,
	#checkout-form fieldset h3 { text-transform: uppercase; border-bottom: 1px dotted #669ecd; color: #000; }
	#checkout-form fieldset legend { display: none; }
	
	#checkout-form fieldset p { margin: .35em 0; }
	#checkout-form fieldset p select { width: 49%; }
	
	#checkout-form fieldset label { text-align: right; font-weight: bold; width: 22%; margin-right: 1%; }
	#checkout-form fieldset label.req { color: #669ecd; }
	#checkout-form p.extra-field label { text-align: left; text-indent: -9000em; }
		#checkout-form fieldset label abbr { border: 0; }
	
	#checkout-form p span.note
	{ float: right; display: inline; width: 26%; font-style: normal; font-size: 100%; line-height: 1.1em; }
	#checkout-form p span.note em { color: #669ecd; font-style: normal; font-weight: bold; }
	
	#checkout-form p#phone-options label { margin-bottom: 3em; }
	#checkout-form p#phone-options span.radio { display: block; margin: .25em 0; line-height: 1em; }
		#checkout-form p#phone-options span.radio input { margin-left:  10px; width: 24%; }
		#checkout-form p#phone-options span.radio input.radio
		{ margin: 0 5px 0 0; width: auto; padding: 0; border: 0; }
		
	#checkout-form p#place-order
	{ margin: 1em 0 0; padding: 10px 140px 10px 10px; width: 345px; background: #d6e3f0; }
	
	body.inner #content div.box #main-info #thank-you h2 { margin: .25em 0 .5em; font-size: 16px; color: #337dbc; }
	#thank-you img { float: right; display: inline; margin: 0 0 20px 20px; }
	
	#box-header h1 { position: relative; }
		#box-header h1 a.print { position: absolute; right: 15px; top: 5px; display: block; text-align: right;
									width: 3em; height: 23px; padding-left: 20px;
									background: url(/images/icons/i_print-glow.gif) no-repeat 0 0;
									font-size: 11px; line-height: 23px; font-weight: normal; }
	/* end mark additions */
		

/*=============== body.cat-results styles ==============================*/

#content div.pagination { float: left; display: inline; margin: .5em 0; width: 536px; }
	#content div.pagination p { float: left; display: inline; margin: 1em 0; }
	#content div.pagination ul { float: right; display: inline; }
	#content div.pagination ul li { float: left; display: inline; text-align: left; margin: 0 0 0 4px; padding: 0; background: 0; }

body.cat-results #results { float: left; display: inline; margin: 0; width: 536px; }

body.cat-results #results ul { float: left; display: inline; margin: 0; border-bottom: 1px dotted #669ecd; }
body.cat-results #results ul li { clear: left; float: left; display: inline; margin: 0; padding: 9px 0 0 0; width: 536px; background: none; border-top: 1px dotted #669ecd; }
	body.cat-results #results ul li:hover { background-color: #e5eef6; }	
	

body.cat-results #results ul li h2 { margin-bottom: .5em; }
	body.cat-results #results ul li h2 a { text-decoration: none; }
		body.cat-results #results ul li h2 a:hover { text-decoration: underline; }
body.cat-results #results ul li p { margin-top: 0; }
body.cat-results #results ul li img { float: left; display: inline; margin: 0  19px 12px 0; }

/*=============== body.prod-ecom styles ==============================*/

body.product #box-header h1 { float: left; display: inline; font-weight: bold; }

body.product #box-header ul { float: right; display: inline; margin: 0 20px 0 0; }

body.product #box-header ul li { line-height: 25px; }
body.product #box-header ul li#request-info { padding-left: 17px; background: url(/images/icons/i_q-mark.gif) no-repeat left 50%; }
body.product #box-header ul li#print { padding-left: 27px; background: url(/images/icons/i_printer.gif) no-repeat left 50%; }

body.product #content div.box #supp-info #documentation { float: left; display: inline; width: 233px; margin-left: 2px; padding: 0 0 0 8px; border: 2px solid #d6e3f0; }
	body.product #content div.box #supp-info #documentation h3 { color: #333; font-size: 115%; }
	body.product #content div.box #supp-info #documentation ul { margin-left: 0; }
	body.product #content div.box #supp-info #documentation ul li { padding: 0; background: none; }
	body.product #content div.box #supp-info #documentation ul li a { color: #337dbc; }
		body.product #content div.box #supp-info #documentation ul li a:hover { color: #f90; }


body.distributor #content div.box #main-info { width: 100%; }
body.distributor #content div.box #main-info form#findDistributor { float: left; display: inline; width: 100%; }
body.distributor #content div.box #main-info form#findDistributor p { float: left; display: inline; margin: 0; width: 48%; }
	body.distributor #content div.box #main-info form#findDistributor label { float: left; display: inline; width: 15%; margin-right: 10px; }
	body.distributor #content div.box #main-info form#findDistributor select { width: 133px; border: 1px solid #ccc; padding: 1px 0 1px 1px; }
	body.distributor #content div.box #main-info form#findDistributor input#find ,
	body.distributor #content div.box #main-info form#findDistributor input.FindButton { width: 33px; height: 20px; border: 0; background: url(/images/b_find.gif) no-repeat 0 0; text-indent: -9999em; cursor: pointer; }

body.distributor #content div.box #main-info form#findDistributor p#counrySelect { float: left; display: inline; width: 48%; }
body.distributor #content div.box #main-info form#findDistributor div#secondarySelect { float: right; display: inline; margin: 0; width: 48%; }
body.distributor #content div.box #main-info form#findDistributor div#secondarySelect #stateSelectUS { margin-top: 0; }
body.distributor #content div.box #main-info form#findDistributor div#secondarySelect #stateSelectCA { margin-top: 0; }
body.distributor #content div.box #main-info form#findDistributor div#secondarySelect label { width: 37px; }


body.distributor #content #distributor-results { float: left; display: inline; width: 536px; }

body.distributor #content #distributor-results ul,
body.distributor #content #distributor-results ul li { margin: 0; }

body.distributor #content #distributor-results ul li { clear: left; float: left; display: inline; margin-bottom: 10px; padding-top: 9px; width: 100%; background: none; padding: 0; border-top: 1px dotted #669ecd; }

body.distributor #content #distributor-results ul li table { float: left; display: inline; width: 65%; }
body.distributor #content #distributor-results ul li table tbody,
body.distributor #content #distributor-results ul li table tr { width: 100%; }
	body.distributor #content #distributor-results ul li table td { width: 50%; vertical-align: top; }
	body.distributor #content #distributor-results ul li table td p { margin: 0; width: 175px; }

body.distributor #content #distributor-results ul li div.brands { float: right; display: inline; margin: 0; width: 30%; }

body.distributor #content #distributor-results ul li div.brands ul li { margin: 0; padding: 0 0 0 12px; background: url(/images/icons/i_plus.gif) no-repeat 0 .5em; border: 0; }
body.distributor #content #distributor-results ul li div.brands p { margin: 0; }

/*=============== body.search styles ==============================*/

/*body.search div#main-info h3 { margin-bottom: .25em; font-size: 125%; }
body.search div#main-info #results-products p { margin-top: .25em; }
body.search div#main-info h4 { margin-bottom: 0; }
body.search div#main-info p.total { margin: 0; font-style: oblique; }
body.search div#main-info div { border-bottom: 1px solid #d6e3f0; }

body.search #content div.box #main-info { width: 100%; }*/

body.search div#content { position: relative; left: 0; top: 0; }
body.search div#header { position: absolute; left: 0; top: 40px; margin-bottom: 0; width: 520px; }

	body.search div#main-info { float: left; display: inline; margin-top: 0; }
	
	body.search #header p { float: left; display: inline; margin: 20px 0 0 20px; width: auto; }
	
	body.search #header form#subsearch { float: right; display: inline; margin: 0; padding: 0; line-height: 22px; }
	body.search #header form#subsearch input#search-within { margin-bottom: -6px; padding: 0; border: 0; }

	body.search #header ul#search-tabs { clear: both; float: left; display: inline; margin: 8px 0 0 12px; width: 100%; }
	body.search #header ul#search-tabs li { float: left; display: inline; margin: 0; padding: 4px 14px; border: 1px dotted #fff; border-top: 0; border-bottom: 0; background-image: none; background-color: #d6e3f0; list-style: none; }
		body.search #header ul#search-tabs li.on { background-color: #547ebe; }
			body.search #header ul#search-tabs li.on a { font-weight: bold; color: #fff; }
	body.search #header ul#search-tabs li a { text-decoration: none; }

body.search #pagination { clear: left; float: left; display: inline; width: 100%; }
	body.search #pagination p#back { float: left; display: inline; margin-bottom: 0; }
	body.search #pagination p#next { float: right; display: inline; margin-bottom: 0; }
	body.search #pagination p#pageCount { clear: both; float: left; display: inline; margin-top: 0.5em; }
body.search #no-results { clear: left; float: left; display: inline; width:  100%; }

body.search #results-products,
body.search #results-docs,
body.search #results-website { position: relative; float: left; display: inline; margin: 33px 0 0; width: 536px; }
body.search #results-products p.error,
body.search #results-docs p.error,
body.search #results-website p.error { margin-top: 0; padding-top: 1em; border-top: 1px dotted #669ecd; }
body.search #results-products ul,
body.search #results-docs ul,
body.search #results-website ul { float: left; display: inline; margin: 0; border-bottom: 1px dotted #669ecd; }
	body.search #results-products ul li,
	body.search #results-docs ul li,
	body.search #results-website ul li { clear: left; float: left; display: inline; margin: 0; padding: 9px 0 0 0; width: 536px; background: none; border-top: 1px dotted #669ecd; }
		body.search #results-products ul li:hover,
		body.search #results-docs ul li:hover,
		body.search #results-website ul li:hover { background-color: #e5eef6; }
	
		body.search #results-website ul li { padding-bottom: 1.5em; }
	
	body.search #results-products ul li h2,
	body.search #results-docs ul li h2,
	body.search #results-website ul li h2 { margin-bottom: .5em; }
		body.search #results-products ul li h2 a,
		body.search #results-docs ul li h2 a,
		body.search #results-website ul li h2 a { text-decoration: none; }
		body.search #results-products ul li h2 a:hover,
		body.search #results-docs ul li h2 a:hover,
		body.search #results-website ul li h2 a:hover { text-decoration: underline; }
body.search #results-products ul li p,
body.search #results-docs ul li p,
body.search #results-website ul li p { margin-top: 0; }
body.search #results-products ul li img,
body.search #results-docs ul li img,
body.search #results-website ul li img { float: left; display: inline; margin: 0  19px 12px 0; }





/*=============== body.search revision styles =======================*/

body.search div#box-header { position: absolute; left: 0; top: 40px; padding-bottom: 0; }

body.search div#main-info { margin-top: 120px; }

body.search div#header { position: relative; left: 0; top: 0; }

body.search #header p { margin: 0; }

body.search #results-products ul,
body.search #results-docs ul,
body.search #results-website ul { float: left; display: inline; margin: 0; border-bottom: none; }

	body.search #results-products ul li,
	body.search #results-docs ul li,
	body.search #results-website ul li { clear: left; float: left; display: inline; margin: 0; padding: 9px 0 0 0; width: 536px; background: none; border-top: none; border-bottom: 1px dotted #669ecd; }

body.search #results-products,
body.search #results-docs,
body.search #results-website { margin: 0; }

body.search #box-header form#subsearch { position: absolute; right: 1em; top: 1.25em; margin: 0; padding: 0; line-height: 22px; }
	body.search #box-header form#subsearch input#search-within { margin-bottom: -6px; padding: 0; border: 0; }

body.search #box-header ul#search-tabs { clear: both; float: left; display: inline; margin: 0; width: 100%; }
	body.search #box-header ul#search-tabs li { float: left; display: inline; margin: 0 4px 0 0; padding: 4px 14px; background-image: none; background-color: #e5eef6; list-style: none; }
		body.search #box-header ul#search-tabs li.on { background-color: #fff; }
			body.search #header ul#search-tabs li.on a { font-weight: bold; color: #666; }
	body.search #box-header ul#search-tabs li a { text-decoration: none; }

body.search #content div#main-info { margin-top: 140px; }

body.search #content div#box-header div.pagination { position: absolute; left: 0; bottom: -45px; }

#content div.pagination ul li#show-all { margin-right: 6px; padding-right: 10px; background: url(/images/g_pagi-div.gif) no-repeat right 50%; }


/*=============== end body.search revision styles ===================*/


/*=============== body.tracking styles ==============================*/

body.tracking #content div.box #main-info { width: 100%; }
body.tracking #content div.box #main-info input#track-button { width: 119px; height: 21px; background: url(/images/b_track-package.gif) no-repeat 0 0; border: 0; text-indent: -9999em; cursor: pointer; }
body.tracking #content div.box #main-info p.disclaimer { font-style: oblique; }

/*=============== body.contact styles ==============================*/

body.contact #content div.box #main-info h2 { margin: .15em 0; color: #005dab; font-size: 140%; font-weight: bold; }
body.contact #content div.box #main-info h2 span { color: #4086c0; }

/*=============== body.sitemap styles ==============================*/

body.sitemap #content div.box #main-info ul li { background: none; }
body.sitemap #content div.box #main-info ul li span { font-size: 120%; font-weight: bold; color: #333; }


/*=============== body#regional-sales styles =======================*/

body#regional-sales div#secondarySelect div#stateSelect{ margin-top: 0; }

body#regional-sales div#regional-sales-results { clear: left; float: left; display: inline; width: 535px; }
body#regional-sales div#regional-sales-results div.profile { float: left; display: inline; margin: 0; padding-bottom: 10px; width: 535px; border-bottom: 2px solid #d6e3f0; }
	body#regional-sales div#regional-sales-results div.profile img { float: left; display: inline; margin: 0; }

body#regional-sales div#regional-sales-results div.profile div.profile-info { float: left; display: inline; margin: 0 0 0 10px; }

/* end inner pages specific */

/**********************************/

/*======================================
	=Navigation Styles
======================================*/

/* =navigation */
		
	#nav-wrap #navigation { position: absolute; right: 16px; top: 96px; width: 566px; height: 30px; background-color: #547ebe; font-size: 85%; }
		#navigation ul li { float: left; display: inline; padding: 11px 13px 11px 12px; line-height: 8px; background: transparent url(/images/bg_nav-div.gif) no-repeat right 50%; }
			#navigation ul li:hover { background-color: #0e66b0; }
		#navigation ul li a { color: #fff; text-decoration: none; }
		
	/*#nav-wrap #navigation { position: absolute; right: 17px; top: 96px; width: 566px; height: 30px; background: url(/images/sp_nav.gif) no-repeat 0 0; }
		#nav-wrap #navigation ul { float: left; display: inline; }
		#nav-wrap #navigation ul, #nav-wrap #navigation ul li, #nav-wrap #navigation ul li a { float: left; display: inline; height: 30px; }
		
		#nav-wrap #navigation ul li,
		#nav-wrap #navigation ul li a
			{ width: 70px; height: 30px; background: url(/images/sp_nav.gif) no-repeat 0 0; }
			
		#nav-wrap #navigation ul li a { text-indent: -9999em; }
		
		#navigation ul li#n-find-distributor,
		#navigation ul li#n-find-distributor a
			{ width: 108px; background-position: -70px 0; }
			
		#navigation ul li#n-lubrication-101,
		#navigation ul li#n-lubrication-101 a
			{ width: 98px; background-position: -178px 0; }
			
		#navigation ul li#n-more-info,
		#navigation ul li#n-more-info a
			{ width: 70px; background-position: -276px 0; }
			
		#navigation ul li#n-news,
		#navigation ul li#n-news a
			{ width: 51px; background-position: -346px 0; }
			
		#navigation ul li#n-contact-us,
		#navigation ul li#n-contact-us a
			{ width: 79px; background-position: -397px 0; }
		
		#navigation ul li#n-about a:hover { background-position: 0 -30px; }
		#navigation ul li#n-find-distributor a:hover { background-position: -70px -30px; }
		#navigation ul li#n-lubrication-101 a:hover { background-position: -178px -30px; }
		#navigation ul li#n-more-info a:hover { background-position: -276px -30px; }
		#navigation ul li#n-news a:hover { background-position: -346px -30px; }
		#navigation ul li#n-contact-us a:hover { background-position: -397px -30px; }
		
		body#about #navigation ul li#n-about a { background-position: 0 -30px; }*/
						
/* end navigation */		

			
			
/* =product-navigation */

#product-navigation ul { margin: 0; }
			#product-navigation ul li { margin: 0; padding: 0; width: 194px; background: none; } /* for pn-product */
			
				#product-navigation ul li#pn-system { background-position: 0 -24px; }
				#product-navigation ul li#pn-industry { background-position: 0 -48px; }
				#product-navigation ul li#pn-brand { background-position: 0 -72px; }
				#product-navigation ul li#pn-store { background-position: 0 -96px; }
			
			#product-navigation ul li a { display: block; width: 194px; height: 24px; background: url(/images/US_prod-nav.gif) no-repeat left top; text-indent: -9999em; }
			
				#product-navigation ul li#pn-system a { background-position: 0 -24px; }
				#product-navigation ul li#pn-industry a { background-position: 0 -48px; }
				#product-navigation ul li#pn-brand a { background-position: 0 -72px; }
				#product-navigation ul li#pn-store a { background-position: 0 -96px; }
				
				#product-navigation ul li#pn-product a:hover { background-position: 0 -120px; }
				#product-navigation ul li#pn-system a:hover { background-position: 0 -144px; }
				#product-navigation ul li#pn-industry a:hover { background-position: 0 -168px; }
				#product-navigation ul li#pn-brand a:hover { background-position: 0 -192px; }
				#product-navigation ul li#pn-store a:hover { background-position: 0 -216px; }
				
				body.product-type #product-navigation ul li#pn-product a { background-position: 0 -120px; }
				body.system-type #product-navigation ul li#pn-system a { background-position: 0 -144px; }
				body.industry-type #product-navigation ul li#pn-industry a { background-position: 0 -168px; }
				body.brand-type #product-navigation ul li#pn-brand a { background-position: 0 -192px; }
				body.store-type #product-navigation ul li#pn-store a { background-position: 0 -216px; }
				
			body.inner #product-navigation ul li ul, body.inner #product-navigation ul li ul li, body.inner #product-navigation ul li ul li a { background: none; text-indent: 0; }	
			body.inner #product-navigation ul li ul { padding: 4px 0 4px 0; width: 194px; background-color: #d6e3f0; }
				body.inner #product-navigation ul li ul li { width: 194px; height: 1.4em; }
				body.inner #product-navigation ul li ul li a { padding-left: 40px; width: 154px; height: 1.4em; letter-spacing: -.01em; text-decoration: none; line-height: 1.4em; }
					body.inner #product-navigation ul li ul li:hover { background: url(/images/icons/i_subcat-arrow.gif) no-repeat 28px 50%; }
			

/* end product-navigation */

/* =supp-nav */

body.inner #content div.box #supp-nav { float: right; display: inline; margin: -20px -20px 0 0; width: 40%; }

body.inner #content div.box #supp-nav ul { float: left; display: inline; margin: 0; padding: 0; width: 100%; }
body.inner #content div.box #supp-nav ul li, body.inner #content div.box #supp-nav ul li a { width: 192px; text-decoration: none; }

body.inner #content div.box #supp-nav ul li { float: right; display: inline; margin: 0; padding: 0; background: 0; border-bottom: 2px solid #d6e3f0; }

body.inner #content div.box #supp-nav ul li a { display: block; width: 172px; padding: 8px 0 2px 20px; line-height: 14px; }
	body.inner #content div.box #supp-nav ul li a:hover, body.inner #content div.box #supp-nav ul li.on a  { background: #e5eef6 url(/images/icons/i_subcat-arrow.gif) no-repeat 0.5em 1.1em; color: #005dab; }

/* end supp-nav */

/*body.inner #content div.box #supp-nav { float: right; display: inline; margin: -13px -20px 0 0; width: 40%; }
	body.inner #content div.box #supp-nav ul { float: right; display: inline; margin: 0; }
	body.inner #content div.box #supp-nav ul li { margin: 7px 0 0 0; padding: 0 0 7px 20px; background: none; width: 190px; border-bottom: 2px solid #d6e3f0; }
	body.inner #content div.box #supp-nav ul li a { color: #337dbc; text-decoration: none; }
		body.inner #content div.box #supp-nav ul li a:hover { color: #f90; }*/

/*======================================
	=Custom Styles and Microformats
======================================*/

.error { color: #c00; font-style: italic; padding-left: 0.33em;
			background: url(images/i_alert.gif) no-repeat 0 .3em; }
			
.note { font-size: 90%; font-style: italic; }

.tel { padding: 0 0 0 16px; list-style: none; background: url(/images/icons/i_phone.gif) no-repeat 0 .4em; }
.email { padding: 0 0 0 16px; list-style: none; background: url(/images/icons/i_email.gif) no-repeat 0 .4em; }
.fax { padding: 0 0 0 16px; list-style: none; background: url(/images/icons/i_fax.gif) no-repeat 0 .4em; }
	

/*======================================
	=Programming Styles
======================================*/
div#lightbox div#imageDataContainer { display: none; }