html { overflow: hidden; overflow-y:auto;  }
html,body { padding:0; margin:0; width: 100%; height: 100%; }
body{ font: 0.8em 'Trebuchet MS', sans-serif; line-height: 1.4em;	}

ul { padding-left: 20px; list-style: disc; }

#header { margin: 0; background: url(../img/header-bg.jpg) left 0 repeat-x; }
#header .header-content { width:800px; margin: 0 auto; padding: 0 20px; height:99px; overflow:hidden; background: url(../img/header.jpg) left 6px no-repeat; }

#menu { float:right; margin-top: 34px; }
#menu li { float:left; list-style: none }
#menu li a { float:left; padding: 10px; text-decoration: none; color: #0054A6; font: 17px "Myriad Pro", tahoma, sans-serif; text-shadow: 0 0px 2px #fff;}
#menu li a:hover { color: #75B540; }

.home-header { background: url(../img/home-header2.jpg) left top repeat-x; padding-top: 1px; }
.home-header-content { width:815px; padding: 1px 0 0 10px; height: 432px; margin: auto; background: url(../img/home-header-content.jpg) right 11px no-repeat; }
.home-subheader { margin: -128px auto -20px; width: 820px; height: 143px; position: relative; background: url(../img/home-subheader.gif) left top no-repeat; clear:both; }


.submenu { float:left; list-style:none; margin: -20px 0 0 0; padding:0; }
.submenu li { float:left; }
.submenu li a { float:left; font-size:1.2em; font-weight:bold; color:#FFF; text-decoration:none; margin:13px 0 23px 13px; padding:0.4em 1.4em 0.4em 0.8em;
	background: #4796CE url("../media/tab_tech_sub3.gif") repeat scroll center top; }
.submenu li a:hover { background: #8fd8f8 url("../media/tab_tech_sub.gif") repeat center top; }



.content { width: 800px; margin: 0 auto; padding: 20px 0; }
.content h1 { color:#FFF; font-size:17px; font-weight:bold; height:43px; padding:18px 20px 5px 10px; margin-top: -20px; float: left; background: url("../media/tab_env.gif") repeat-x center top; }
.content h1.blue { background: url("../media/tab_env_blue.gif") repeat-x center top; }
.content h1 a { color:#FFF; text-decoration: none; }
.content h2 {color:#006699; font-size:1.6em; letter-spacing:1px; margin:1.6em 10px 0.7em 0; }
.content h3 { color:#006699; font-size:14px; letter-spacing:1px; margin: 10px 0 0 0; }

.content h4 { color:#006699; font-size:1.2em; font-weight:bold; margin:1.6em 10px 0.7em 0; }
.content h5 { color:#4E7D90; font-size:1em; margin:1.6em 10px 0.7em 0; }

.content p { margin:10px 0; padding:0; text-align:left; }
.content strong { font-weight: bold; }

.content .spacer { clear: both; }
.content .divider { background:url("../media/hr.jpg") repeat-x scroll center bottom transparent; clear:both; height:30px; margin:0 0 -1em; padding:0; width:800px; }


#techbanner { background:url("../media/silver.jpg") repeat-x center; height:114px; width:100%; margin:30px 0; padding:0; position:absolute; left: 0; }
#techbanner .techinner { background:url("../media/silver2.jpg") no-repeat center; height:114px; margin:0 auto; padding:0; width:800px; }
#techbanner .techinner h3 { margin:0; padding:40px 0 0; text-align:center; color:#006699; font-size:1.6em; font-weight:100; letter-spacing:1px; }

* html #techbanner { top: 110px; width: expression(document.body.offsetWidth + 'px'); }

img.articleimgL { float: right; border:1px solid #CCCCCC; margin:0; padding:9px; width:324px; }
img.articleimgR { float: left; border:1px solid #CCCCCC; margin:83px 0 0 0; padding:9px; width:324px; }
img.articleimg_unlock { float: right; border:1px solid #CCCCCC; margin:0; padding:9px;  }
 
p.caption { color:#006699; float:right; font-size:1.3em; font-weight:bold; padding:5px 9px 19px; clear:both;width: 335px; }
p.captionR { color:#006699; float:left; font-size:1.3em; font-weight:bold; padding:5px 9px 0px; clear:both;width: 335px; }

.column_2_1 { float:left; clear: left; margin:0; padding:0 0 20px 0; width:380px; }
.column_2_1_right { float:right; margin:0; padding:0 0 20px 0; width:380px; }

.column_2_1_right table td,
.column_2_1_right table tr { border-bottom: 1px solid #ddd; padding-left: 0; padding-right: 0; }

.content .contact { padding: 10px 20px; height:200px; width:345px; margin-bottom: 10px; }
.content .contact1 { float: left; clear:left; background: #006699; border:1px solid #006699; color: #fff; }
.content .contact1 * { color: #fff; font-weight: bold; }
.content .contact2 { float: right; clear:right; background: #FFFFFF url("../media/hr.jpg") repeat-x center top; border:1px solid #DDDDDD; font-size:1em; }




.homecolumn {  float: right; width: 360px; padding: 0;  }
.homecolumn h2 { color: #23B8F2; margin:0 0 10px; padding: 45px 0 15px 0; font-size: 21px; border-bottom: 1px solid #C4E3A0; clear:both;}
.homecolumn img { float:left; margin:5px 20px 40px 10px;}
.homecolumn p a { line-height: 1.6em; }
.homecolumn p a { float:left; width: 117px; height: 38px; margin-top: 15px;}
.homecolumn .homelink-calc { background: url(../img/homelink1.gif) left top no-repeat; }
.homecolumn .homelink-benefits { background: url(../img/homelink2.gif) left top no-repeat; }
.homecolumn .homelink-suppliers { background: url(../img/homelink3.gif) left top no-repeat; }

* html .homecolumn h2 { padding-top: 15px; }


.roundbox { overflow:hidden; width: 419px; }
.roundbox .roundbox-header,.roundbox .roundbox-content,.roundbox .roundbox-footer { float:left; width: 419px; }
.roundbox .roundbox-header { background: url(../img/roundbox-header.jpg) left top no-repeat; height: 30px; }
.roundbox .roundbox-content { background: url(../img/roundbox-bg.jpg) left top repeat-y; padding: 10px 20px 0; width: 379px }
.roundbox .roundbox-footer { background: url(../img/roundbox-footer.jpg) left top no-repeat; height: 34px; }
.roundbox h1 { color: #23B8F2; margin: 0; text-align: center; font-size: 24px; font-weight:normal; height:auto; padding:0; float: none; background: none;}

.roundbox ul { color: #23B8F2; margin: 20px 0 0 0; padding: 0 15px; list-style: none; }
.roundbox ul li { border-top: 1px solid #23B8F2; color: #000; padding: 25px 0px 25px 20px; margin: 0; background: url(../img/bullet.jpg) left 30px no-repeat; }

 #quoteFormConfirmationWindow{height: 100px; width: 400px;} 

.quoteForm {}

.quoteForm h1 { float: left; margin: 15px 0 10px 0; height: 22px; width: 405px; width: 405px; }
.quoteForm h1.building { background: url(../img/home-header-content-h1.gif) left top no-repeat; }
.formblock h1.request { background: url(../img/quoteform-h1.gif) left top no-repeat; }
.formblock h1.top_header { font-size:22px; color:#0055a6; }

.quoteForm h2 { float: left; width: 533px; height: 38px; margin: 5px 0 12px; clear:both;}
.quoteForm h2.a { background: url(../img/home-header-content-h2.gif) left top no-repeat; margin-bottom: 15px; }
.quoteForm h2.sub_headera { font-size:14px; color:#26a6cb; font-style:italic; line-height:21px; height:70px; margin-bottom: 15px; }
.quoteForm h2.sub_headerb { font-size:14px; color:#26a6cb; font-style:italic; line-height:21px; height:50px; margin-top:30px; margin-bottom:5px; }
.quoteForm h2.sub_headera span.highlight { color:#92ca45; }

.quoteForm h2.b { background: url(../img/quoteform-h2b.gif) left top no-repeat; margin-top: 30px;  }


.quoteForm {overflow:hidden; padding:0; margin:0; }

.quoteForm label, .quoteForm .txt,
.quoteForm .extxt, .quoteForm .button { float:left; margin-bottom: 5px;}

.quoteForm label { color: #0457A3; font: 16px Tahoma, sans-serif; padding: 2px 3px 0px 40px; height: 25px; clear:left; width: 130px; background: url(../img/quoteform-label.gif) left top no-repeat; }
.quoteForm input { padding: 2px 4px 0; }
.quoteForm .txt { clear:right; width: 270px; height: 18px; border: 1px solid #B3BAC4; background: #fff url(../img/input-bg.jpg) left top repeat-x; }

.quoteForm textarea.txt { height: 45px; width: 274px; font: inherit; padding: 2px; margin-bottom: 10px; }
.quoteForm div.txt { padding: 1px 4px; }
.quoteForm .button { clear: both; margin: 3px 0 0 -5px; }

.quoteForm label.nobg { background: none; padding:1px 10px 3px; clear:none; width: auto; margin: 0; } 
.quoteForm .txt-small { width: 100px;  } 
.quoteForm div.txt-small { width: 39px; }

.quoteForm .additional-info { padding: 25px 0 10px; float:left; clear:both; }
.quoteForm .additional-info input { float:left; width: 25px; height: 25px; margin-right: 10px; }
.quoteForm .additional-info label { clear: none; padding: 3px; background: none; width: 540px; }
.quoteForm .additional-info label em { color: #333; font-size: 13px; padding-left:10px; }

.quoteForm .x-form-field-trigger-wrap .x-form-text { padding: 1px 3px !important; font: inherit; }
.quoteForm .invalid { background:#FFF url("../extjs/resources/images/default/grid/invalid_line.gif") left bottom repeat-x; border-color:#CC3300; }

.quoteForm #productImage { float: right; width: 250px; height: 160px; position: relative; margin: 38px 0 -160px -100px; top:34px; }
.quoteForm .Readymix { background: url(../img/readymix.png) left 13px no-repeat; }
.quoteForm .Bags { background: url(../img/bags.png) left 7px no-repeat; }
.quoteForm .Blocks { background: url(../img/blocks.png) left top no-repeat; }
span#quantity { display:inline-block; margin-top:-4px; position:relative; }

* html .quoteForm #productImage { margin-top: 85px; }


#additionalInfoText textarea {  margin: 25px 0 0 36px; }

.suppliers-combo em { float:right; font-weight: bold; }
.suppliers-combo .email { float:left; clear: both; font-size: 11px; color: #666; }


.formblock { background: #fff url(../img/formblock-bg.jpg) left top repeat-x; padding-top: 1px; padding-bottom: 5px;}
.formblock-content { width:790px; padding: 1px 0 0 10px; margin: auto; }

.EXTtooltip { height:16px; width:16px; float:left; margin: 2px 0 0 10px; background:url(../img/icon-info.png) center top no-repeat; text-decoration: none; }




#footer { margin: 0;padding: 0;clear:both;text-align: center; background: #91DBF8; }
#footer .footer-content { background: #b0e4fa url(../img/footer.jpg) no-repeat top; width: 800px; height: 74px; margin: 0 auto; padding-top: 15px; }
#footer ul{	padding: 10px 0 0; margin: 0 auto; list-style: none; display:block; width: 615px; overflow:hidden;}
#footer ul li{ margin: 0; padding: 0; display:inline-block; float:left; color: #0054A6; }
#footer ul li a { float:left; margin: 0; padding: 3px 15px; height: 18px; color: #0054A6; text-decoration: none; font-weight: bold; text-shadow: 0 0px 2px #fff; }
#footer ul li a:hover { color: #0091C2 }
#footer ul.cpr { width: 270px;  }
#footer ul.cpr a { padding: 3px 5px;}