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

body { background:#170803 url(/images/bg/repeating_background.jpg) center top no-repeat; font-family:"Verdana", sans-serif; font-size:62.5%; }

/* typog */
strong { font-weight:bold; }

.error { color: red; }

/* structure */
#wrapper {  display:block; margin:0px auto; position:relative; width:759px; height: 100%; }
#header { background:url('/images/header/header.jpg') top left no-repeat; height:190px; position:relative; z-index:1000; }
#billboard { background:url('/images/bg/content.jpg') top left no-repeat; position:relative; width: 759px; height: 292px; }
#billboard img { margin: 0 0 0 9px; position: absolute; }

#sub_billboard { background:url('/images/bg/content.jpg') top left no-repeat; position:relative; width: 759px; height: 228px; }
#sub_billboard img { margin: 0 0 0 9px; }

#menu { height:40px; padding:0 0 0 2px; position:relative; }
#content { background:url('/images/bg/content.jpg') top left repeat-y; position:relative; }

#subpage_content { background:url('/images/bg/content.jpg') top left repeat-y; position:relative; display:block; float:left; width: 759px; height: 100%;}
#subpage_container { background:url('/images/bg/subpage_main.jpg') top left repeat-y; margin: 0 0 0 9px; position:relative; float:left; }
#subpage_right { background: url('/images/bg/side_repeater.jpg') top left repeat-y; float:left; position:relative; width: 220px; height: 100%}
#subpage_right .right_overlay { vertical-align: baseline;}
#subpage_right img { position: absolute;}
#subpage_right .overlayBottom { position: absolute; bottom:0; }
#footer { background:url('/images/footer/footer.jpg') top left no-repeat; padding:26px 0 100px 0; position:relative; }

#subcont { background:url(/images/bg/content_short.jpg) top left repeat-y; padding:0 9px; }
#subcont .inset { background:url(/images/bg/subcont_inset.jpg) bottom right no-repeat; }
#subcont .L,
#subcont .R { float:left; position:relative; }
#subcont .L { width:521px; }
#subcont .L .top { background:url(/images/bg/subcont_L_top.jpg) top left no-repeat; display:block; padding:20px 20px 40px 30px ; }
#subcont .R { width:220px; }
#subcont .R .top { display:block; }
#subcont .R .cap { background:url(/images/content/right_overlay.png) top left no-repeat; display:block; padding:240px 10px 120px 14px; }

#subcont h1 { color:#073f87; display:block; font-size:2.4em; margin:0 0 10px; position:relative; }
#subcont h2 { color:#7b0707; display:block; font-size:1.4em; line-height:1.4em; font-weight:normal; position:relative; margin:10px 0; }
#subcont h3 { color:#032145; display:block; font-size:1.4em; line-height:1.4em; font-weight:normal; position:relative; margin:10px 0 0; }
#subcont p,
#subcont ul { color:#032145; display:block; font-size:1.2em; line-height:1.4em; margin:20px 0 0; }
#subcont li { display:block; margin:2px 0 4px 20px; }
#subcont a { color:#08428B; line-height:1.4em; }
#subcont strong { line-height:1.4em; }
#subcont .small { font-size:10px; margin:8px 0 0; }

#subcont .box { background:url(/images/bg/subcont_box.gif) 0 3px repeat-y; display:block; margin:0 0 20px; position:relative; }
#subcont .box .inside { background:url(/images/bg/subcont_box_top.jpg) top left no-repeat; display:block; padding:0 0 4px; position:relative; }
#subcont .box img.btm { bottom:-3px; left:0; position:absolute; }
#subcont .box .inside h3 { color:#FFF; font-size:11px; font-weight:bold; height:26px; line-height:26px; padding:0 16px; text-transform:uppercase; }
#subcont .box .inside p,
#subcont .box .inside ul { color:#FFF; display:block; font-size:11px; line-height:14px; margin:0; padding:10px 16px; }
#subcont .box .inside ul li { display:block; margin:0; padding:6px 0; text-indent:0; }
#subcont .box .inside p a,
#subcont .box .inside ul a { color:#FFF; line-height:inherit; padding:0; }

#subcont img.button { display:block; margin:0 0 20px; }

.product { -moz-border-radius: 3px; -webkit-border-radius: 3px; background:#E1C366; display:block; float:left; margin:0 3px 3px 0; padding:4px 4px 0; }
.product div { display:block; float:left; position:relative; height:42px; overflow-y:hidden;}
.product .swatch { padding:1px 0 0; width:70px; }
.product .desc { color:#032145; display:block; font-size:11px; height:34px; line-height:34px; margin:0; overflow:hidden; padding:0; width:200px; }
.product .qty { color:#032145; display:block; float:right; font-size:11px; height:34px; line-height:34px; margin:0; overflow:hidden; padding:0; width:50px; }
.product .btn { float:right; }
.product .btn img { cursor:pointer; }
#subcont .product .btn a.add_btn { background:url(/images/buttons/price_btn_blank.jpg) top left no-repeat; color:#FFF; display:block; height:39px; line-height:34px; text-align: center; text-decoration: none; width:135px; }
#subcont .product .btn a.add_btn strong { font-size:11px; line-height:inherit; padding:0 4px;  }
.product.selected { margin-top:20px; margin-bottom:20px; }
.product.selected div.desc { font-weight: bold; }

.red {color:#7b0707;}
#redtabs { background:url(/images/offer/tabsbg.png) no-repeat; margin:20px 0 0 0; width:509px; padding:30px 0 20px 0;}
#redtabs a { float:left; }

.compact,
.wide { display:block; margin:20px 0 0; }

.wide .product { width:auto; }
.wide .product .desc { display:block; }
.compact .product { width:222px; }
.compact .product .desc,
.compact .product .qty { display:none; }

#subcont .article { padding:8px 0 48px; }
#subcont .article img { display:block; margin:0 auto; position:relative; }
#subcont .article p { margin:4px 0 0; }

#subcont p.caption { font-size:1em; margin:0; text-align:center; }

/**** video player ****/
#videoplayer { background:url(/images/bg/videoplayer.jpg) left bottom no-repeat; width:360px; height:230px; }
#videoplayer.commercial { background:url(/images/bg/videoplayer_commercial.jpg) left bottom no-repeat; }
#instruction { font-size:0.9em; }
#video_label { font-size:1.3em; padding:0 0; }
#video_label a { font-size:0.9em; line-height:1.3em; }
#video_label strong { font-weight:bold; }
#items.videos { border-bottom:#bbb 1px dotted; border-top:#bbb 1px dotted; padding:10px 0; }
#items.videos img { border:none; display:block; float:none; margin-bottom:6px; padding: 0 0 0 8px; }
#items.videos li { background:none; border:none; color:#333; display:inline; float:left; font-size:0.9em; margin:0; font-size: 10px; }
#items.videos li p {font-size:10px; padding:10px 0 0 0; margin:0;}
#items.videos li p a {padding: 10px 0 0 0;}
#items.videos li p a img {float:left;}

/* components */
#header .logo { height:98px; left:0; position:absolute; top:0; width:280px; }

h1 { font-family: "Georgia"; padding: 5px 0 5px 0; margin: 0 5px 0 5px; }

/* menus */
#topmenu { position:absolute; right:0; top:0; }
#topmenu li  { font-size: 0.9em; color: #fff; }

.menu li { display:inline; float:left; position:relative; }
.menu li a { color:#fff; display:block; float:left; font-size:1.2em; height:40px; line-height:40px; padding:0 30px; text-decoration:none; }
.top li a { font-size:1.1em; height:36px; line-height:36px; padding:0 10px; }
.top li a:hover { color:#999; }
#whiteOverlay { height:28px; background:url('/images/content/submenu.png') top left repeat-x; width:741px; margin: 0 0 0 9px; position: absolute;}
#logoHitArea { width: 220px; height: 66px; position: absolute; margin: 75px 0 0 40px; }
#main_menu { position:absolute; margin: 0 0 0 9px; right:9px; font-size:1.0em;}
			
		#main_menu a { position:relative; padding:25px 18px 10px 18px; height: 10px; color:#FFF; text-decoration:none; font-size:1.1em; display:block; border-left:#053670 1px solid; z-index:1000; }
		.main.active { background: url('/images/bg/main_nav_selected.jpg') top left repeat-x; }
		.main:hover { background: url('/images/bg/main_nav_selected.jpg') top left repeat-x; }
		
			#main_menu li { float:left; list-style-type:none; position:relative; z-index:50;  }
			#main_menu li ul { display:block; position:absolute; width: 759px; top:45px; z-index:1000; }
			#main_menu li ul li {  position:relative; height:30px;  }
			#main_menu li ul img { display:block; float:left; margin:0; position:relative; top:0; }
			/*#main_menu li ul img.left { left:-15px; }
			#main_menu li ul img.right { right:-14px; }*/
			#main_menu li ul { }
			#main_menu li ul li a { color:#000; display:block;  border: none; float:left; font-family:Arial; padding: 8px 15px 5px 0; font-size:11px; margin:0px; height: 30px; text-decoration:none; }
			#main_menu a.sub:hover,
			#main_menu li ul li a.active {   color:#042c5d; }
			#submenuActive { background: url('') }

/* content */
#content h1 {  color:#073f87; display:block; font-size:2.4em; font-weight:normal; position:relative; margin: 30px 0 0 30px; }

/*#content h2 { color:#666; display:block; font-size:1.5em; font-weight:normal; font-style:italic; line-height:1.2em; margin:8px 0; padding:0 160px 0 0; position:relative; }*/
#content h2 { color:#7b0707; display:block; font-size:1.4em; font-weight:normal; position:relative; margin: 0 0 0 30px; width: 410px; }
#content p,
#content ul { color:#032145; display:block; font-size:1.1em; line-height:1.9em; margin:16px 0 0 30px; padding:0 120px 0 0; position:relative; width: 369px; }
#content a {color:#08428B;}
#content li { list-style-type:square; margin:0 0 0 30px; padding:3px 0 3px 3px; }
	#main { display:block; background:url('/images/bg/mainrepeatable.jpg') top left repeat-y; position:relative; margin: 10px 0 0 9px; }
		#left { float: left; width: 455px; padding:0 0 30px 0; }
		#right { float: left; padding:40px 0 0 20px; }
		
		#right .button { display:block; margin:0 0 8px; }
		
			.home.box { display:block; width:264px; }
			.home.box h2 { background:url("/images/bg/home_box_top.png") top left no-repeat; border:#F00 1px solid; display:block; height:44px; margin:0; padding:0; }
			.home.box div.content { background:url("/images/bg/home_box.png") top left no-repeat; border:#F00 1px solid; color:#FFF; font-size:10px; margin:0; padding:0; }
			.home.box div.content p { color:#FFF; margin:0; padding:0; }
		
			#findDistributor { background:url('/images/content/find_distributor.png'); margin: 20px 0 0 0; width: 264px; height: 141px; }
			#findDistributor p { color: #fff; font-size: 1.0em; width: 200px; line-height: 1.5em; padding: 50px 0 0 30px; margin: 0 0 0 0; }
			#findDistributor input { color:#093270; width: 85px; margin: 8px 0 0 44px; font: normal normal bold 12px/15px Verdana, sans-serif; padding:4px; text-align: center; }
				#submitZip { float:left; display: block; position: relative; }
				#submitZip img { cursor:pointer; position: absolute; top: 9px; padding-left: 10px;}
			#placeOrder { margin: 0 0 0 25px; width: 100px;}
				#combo { display: block; float: none; }
	#define { margin: 10px 0 0 25px; }
	
#subpage_content h1 { color:#073f87; display:block; font-size:2.5em; position:relative; margin: 0 0 0 40px; }
#subpage_content h2 { color:#7b0707; display:block; font-size:1.4em; font-weight:normal; position:relative; margin: 0 0 0 40px; width: 410px; }
#subpage_content a { color:#032145; text-decoration: underline; }
#subpage_content a:hover { text-decoration: none; }
#subpage_content p,
#subpage_content ul { color:#032145; display:block; font-size:1.1em; line-height:1.9em; margin:16px 0 0 40px; padding:0 0 0 0; position:relative; width: 309px; }
#subpage_main_content p span { line-height:inherit; }
#subpage_top { width: 521px; height: 120px; background: url('/images/bg/subpage_main_top.jpg') top left no-repeat;}
#subpage_bottom { width: 521px; height: 139px; margin: -100px 0 0 0; background: url('/images/bg/subpage_main_bottom.jpg') top left no-repeat;}
#subpage_main_content { margin: -100px 0 0 0; width: 480px; min-height:415px; }
#subpage_main_content p { width: 450px; }
#subpage_main_content ul { width: 450px; }
#subpage_main_content p span { line-height:inherit; }
#sidebar_menu_heading { position: absolute; padding: 10px 0 0 32px; }
#sidebar_menu_heading h3 { color: #fff; font-size: 1.3em; }
#sidebar_content { background: url('/images/content/testimonials_repeater.png') repeat-y; width: 208px; }


#sherwin { background:url(/images/bg/sherwin_williams.gif) top left no-repeat; display:block; padding:10px 10px 10px 80px; }
#sherwin h2 { color:#0069B3; font-size:1.6em; font-style:italic }
#sherwin p { margin:8px 0 0; }


#casestudy_container { display:block; padding:20px 0; }
#casestudy_image { position:relative; background: url('/images/content/preview_image_border.png') top right no-repeat; padding:0; height:110px; float: left; width: 120px;}
#casestudy_image img { padding: 10px 0 0 20px;}
#casestudy_copy { position:relative; width: 300px; float:left;}
#casestudy_copy p { width: 299px; padding:3px 0 0 20px; margin: 0; }
#casestudy_copy a { position: absolute; margin: 5px 0 0 0; font-weight: bold; text-decoration: underline; }

#subpage_main_content .product_slot { background: url('/images/bg/product_bg.gif')top left no-repeat; width:413px; height:48px; padding: 0 0 0 0; display: block; }
	#subpage_main_content .product_copy { margin:0; padding:13px 0 0 5px; width:210px; float:left; }
	#subpage_main_content .product_swatch { padding:0; margin:7px 0 0; width: 62px; display:block; float:left; }
	#subpage_main_content .product_copy img { padding: 0 0 0 0; margin: 0 0 0 0; }
	#subpage_main_content .product_copy p { margin:0; padding: 0 0 0 0; width: 209px;  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold; }
	#subpage_main_content .price_button_container {width: 135px; padding: 6px 0 0 0; float:left; cursor:pointer; }

#moreInformation .sideBarList a { line-height: 1.8em; text-decoration: underline; }

/* contact form */
#subpage_main_content #error_message { color:#C00; font:bold 12px/14px Verdana; padding:0 0 12px; }

#contact_form,
#place_an_order_form { padding:12px 0; }

#subpage_main_content img {  }
#sub_placeOrder { position:absolute; width: 100px; padding: 50px 0 0 0; }
#sub_combo { display: block; float: none; }
#sub_combo .number { padding: 54px 0 0 8px;  }
#moreInformation { position:absolute; top: 230px; padding: 0 0 0 5px; }
#moreInformation p { color: #fff; font-size: 10px; width: 140px; margin: 42px 0 0 31px;}
#moreInformation a { color: #fff; line-height:inherit; }
/* footer */
#footer { position:relative; width: 759px; display:block; float: left; }
#footer h2 { color:#d4ba9b; font-size:1.6em; font-weight:normal; text-transform:uppercase; }
#footer h3 { color:#fff; font-size:1.3em; font-weight:normal; text-transform:uppercase; }
#footer p { color:#fff; font-size:1.1em; line-height:1.2em; margin:8px 0 0; }
#footer p.address { font-size:0.9em; line-height:2.2em; text-align:left; padding: 0 0 0 50px; }
#footer p.address strong { line-height:1.4em; }
#footer p a { color:#fff; line-height:1.2em; }
#footer input { background:#d4ba9b; border:#FFF 1px solid; width:150px; }
	#contact { width:345px; padding: 0 0 0 15px; text-align:right; float:left; }

	#bottommenu { float: left; width: 375px; margin: 5px 0 0 0; }
	#bottommenu a { color:#fff; font-size:0.9em; line-height:1.9em; text-align:left; text-decoration: none; } 
 
	li.bottomMenuCol1 { margin: 0 0 0 0px; }
	li.bottomMenuCol2 { margin: 0 0 0 140px; }
	li.bottomMenuCol3 { margin: 0 0 0 260px; }
	
	li { line-height: 1.0em;  }
	li.reset { margin-top: -8.5em; }

#cart { background:url(/images/bg/content.jpg) top left repeat-y; padding:6px 20px; }
#cart p.cartrow { padding:0 0 10px; text-align:right; }
#cart p.cartrow a.empty_cart { border:#FCF5E7 1px solid; color:#666; padding:2px 4px; text-decoration:none; }
#cart p.cartrow a.view_cart { border:#999 1px solid; color:#000; padding:2px 4px; text-decoration:none; }
#cart p.cartrow a.show { display:inline; }
#cart p.cartrow a.hide { display:none; }
#cart p.cartrow a.view_cart:hover { background:#135ab2; border:#FFF 1px solid; color:#FFF; }
#cart p.cartrow a.empty_cart:hover { background:#C00; border:#900 1px solid; color:#FFF; }

#order_review_area { clear:both; padding:10px 0; }
#order_review_area p { margin:0; padding:0 12px 4px 12px; }
#order_review_area p strong { line-height:inherit; padding:0 0 12px; }

h3.cart { clear:both; color:#866020; display:block; font-size:14px; padding:24px 0 8px 10px; }

#subcont ul.cart li { border-top:#D6B45A 1px solid; margin:0; }
ul.cart li.total { font-size:12px; font-weight:bold; }
ul.cart li.shipping { font-size:10px }
ul.cart div.grid.header { font-size:10px }
ul.cart div.grid { display:block; float:left; padding:10px 0; position:relative; }
ul.cart div.grid.qty { width:80px; }
ul.cart div.grid.desc { width:200px; }
ul.cart div.grid.desc.flammable { background:url("/images/bg/desc_flammable.gif") center left no-repeat; padding-left:20px; width:180px; }
ul.cart div.grid.shipping { width:360px; }
ul.cart div.grid.long { width:300px; }
ul.cart div.grid.unit { width:80px; }
ul.cart div.grid.subtotal { width:80px; }
ul.cart div.grid.button { padding:8px 0 10px; width:20px; }
ul.cart div.grid.button img { cursor:pointer; }
ul.cart div.number { text-align:center; }
ul.cart div.grid.input { width:80px; }
ul.cart div.grid.input input { text-align:center; width:60px; }
ul.cart div.grid.padtop { padding:18px 0 0; }
ul.cart div.grid a { display:inline; line-height:1em; padding:0; }
ul.cart div.dangerous_goods { font-size:10px; line-height:13px; margin:12px; }


.overlay { background:url(/images/bg/overlay.png) top left repeat; display:none; left:0; position:absolute; top:0; z-index:1001 }
#loader { display:none; position:absolute; z-index:1002 }

#calculator { background:#145fb8 url(/images/bg/popup.jpg) top left repeat-x; border:#f5e6cf 1px solid; color:#FFF; display:none; left:10px; position:absolute; top:10px; width:650px; z-index:1003; }
#calculator .close { cursor:pointer; display:block; position:absolute; right:15px; top:15px; }
#calculator .add { cursor:pointer; display:block; float:right; position:relative; }
#calculator .inset { font:normal 12px/14px Verdana; padding:0 20px 20px; }
#calculator h2 { color:#FFF; font:bold 18px/58px Verdana; padding:0 0 12px }
#calculator .griddiv { display:block; padding:0 0 16px; }
#calculator .lineabove { border-top:#5473a0 1px solid; }
#calculator .grid { display:block; float:left; padding:10px 0; position:relative; }
#calculator .grid.header { color:#FFF; font-size:10px }
#calculator .number { text-align:center; }
#calculator .grid.desc { width:360px; }
#calculator .grid.qty { width:80px; }
#calculator .grid.qty.input { padding:4px 0 10px; width:80px; }
#calculator .grid.qty.input .plus,
#calculator .grid.qty.input .minus { cursor:pointer; display:block; position:absolute; top:12px; }
#calculator .grid.qty.input .plus { right:0; }
#calculator .grid.qty.input .minus { left:0; }
#calculator .grid.qty input { border:none; padding:4px; text-align:center; width:40px; }
#calculator .grid.subtotal { width:80px; }
#calculator .grid.unit { width:80px; }
#calculator .grid.total { color:#c2cedf; }

#calculator .alert { background:#c5d2e3; border:#FFF 1px solid; color:#000; display:none; margin:0 0 16px; padding:10px; }
#calculator .alert a { color:#000; }
#calculator .caption {color:#c2cedf;  font-size:10px; font-style:italic; padding:0 0 8px; }

#calculator .slider { display:block; margin:0 0 16px; }
#calculator .slider .option { background:#08316f; border:#FFF 1px solid; color:#FFF; display:block; float:left; font-size:12px; margin:0 5px; padding:60px 0 10px; text-align:center; width:110px; }
#calculator .slider .option.selected { background:#FFF url(/images/bg/option_selected.jpg) top left repeat-x; color:#02132b; }

#calculator .thermometer { background:url(/images/bg/thermometer.jpg) top left no-repeat; cursor:default; display:block; height:90px; margin:0 0 16px; position:relative; width:600px; }
#calculator .progress { background:url(/images/bg/progress.jpg) top left no-repeat; height:71px; left:0; position:absolute; top:0; }

#calculator #unitprice_popup { background:#CCC; border:#FFF 1px solid; color:#333; display:none; font-size:12px; font-weight:bold; padding:10px 20px; position:absolute; z-index:2000; }

div.alertbox { background:#EFEFEF; border:#CCC 2px solid; display:block; left:0; padding:20px; position:fixed; top:0; }
div.alertbox p { color:#333; font-size:1.2em; text-align:center; }
div.alertbox p a { color:#02458d; }
div.alertbox p a:hover { text-decoration:none; }

#subcont .disclaimer { clear:both; }
#subcont .disclaimer p { color:#7A6427; font-size: 11px; padding:8px 12px 12px; text-align:center; }
#subcont .disclaimer p a { color:#7A6427; }

#surveyform { color:#032145; font-size:11px;}
#surveyform input { margin:10px 0 0 0; color:#032145; }

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */