/* CSS Document */
* { margin: 0; padding: 0; border: 0; outline: 0;font-weight: inherit; font-style: inherit; font-size: 100%; font-family: Verdana; vertical-align: baseline;}
:focus { outline: 0; }
body { line-height: 1; color: #333333; font-size: 12px; background: #ffffff url(/images/body_bg.gif) top left repeat; }
ol, ul { list-style: none; }
a img,:link img,:visited img { border:none; }
.clearer, #content label span.clearer {float: none; clear: both; line-height: 0; display: block; }
html, body { height: 100%; background:  #f4f4f4 url(/3eliving/images/bg.jpg) top left repeat-x; }
strong { font-weight: bold; color: #4b4b4b; }
a:link { color: #999;  }
a:hover { color: #ff0000; }
a:active { color: #999; }
a:visited { color: #3f3f3f; }
h1 { font-size: 20px; color: #3190f8; margin-bottom: 20px; letter-spacing: 90%; padding-top: 0px; margin-top: 0px; }
h2 { font-size: 20px; color: #6cbfeb; margin-bottom: 20px; }
h3 { font-size: 16px; color: #333333; margin-bottom: 10px; margin-top: 20px; line-height: 125%; }
h5 { font-size: 16px; color: #333333; margin-bottom: 10px; margin-top: 20px;  }
h6 { font-size: 14px; margin-bottom: 10px; color: #4b4b4b; }

p { line-height: 1.5; margin-bottom: 10px; }
sup { font-size: 10px; vertical-align: text-top; }
input { border: 1px solid #666; height: 20px; line-height: 16px; }
form ul { list-style-type: none; }
form ul li { margin: 5px; list-style-type: none; }
.textReplace {
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.textReplace span {
	position: absolute;
	top: 0px; left: 0px;
	z-index: 5;
	display: block;
	width: 100%; height: 100%;
}
.btn {
	display: block;
	position: absolute;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
}
.error { color: #ff0000; }

#container { width: 100%; position: relative; min-height: 100%; }
#container .wrap { width: 930px; margin: 0px auto; position: relative; background-color: #fff; padding: 0px 20px; z-index: 1; }

#header { width: 100%; height: 130px; position: relative; z-index: 2; background: url(images/partnership.jpg) 370px 20px no-repeat; }
#header .logo { position: absolute; top: 20px; left:0px; width: 332px; height: 59px; background: url(images/logo.jpg) top left no-repeat; }

#header ul { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; width: 915px; height: 35px; background-color: #464749; position: absolute; bottom: 0px; padding-left: 15px; }
#header ul li { display: block; position: relative; float: left; width: 115px; }
#header ul li#applications a { margin-left: 15px; margin-right: 15px; }
#header ul li#corporate { width: 250px; }
#header ul li#downloads { width: 170px; }
#header ul li#applications { width: 140px; }
#header ul li#products { margin-left: 10px; }

#header ul li#corporate a { margin-left: 15px; }
#header ul li a { color: #FFF; text-decoration: none; display: block; line-height: 35px; vertical-align: middle; background: url(images/nav_bullet.gif) 0px 15px no-repeat; padding-left: 15px; margin-left: 15px; }
#header ul li a:hover { color: #999; text-decoration: none; }
#header ul li ul { position: absolute; top: 35px; height: auto; left: 15px; width: 145px; z-index: 997; padding: 0; margin: 0; display: none; }
#header ul li ul li { width: 122px; }
#header ul li#products ul { width: 93px; left: 15px; }
#header ul li#products ul li { width: 93px; }
#header ul li#downloads ul li { width: 170px; }
#header ul li:hover ul { display: block; }
#header ul li ul li {  display: block; margin: 0; padding: 8px; padding-left: 15px; font-size: 12px; background: #464749 url(images/nav_bullet.gif) 0px 0px repeat-y; z-index: 997; }
#header ul li#applications ul li a, #header ul li#products ul li a, #header ul li#downloads ul li a  { line-height: 125%; background: none;  margin-left: 0px; padding: 0px; } 

#content { width: 100%; margin-top: 10px; padding-bottom: 80px; z-index: 1;}

#content .left { float: left; z-index: 1; }
#content .right { float: right; }
#content .left img.right { margin-left: 10px; margin-bottom: 10px; border: 5px solid #ccc; }
#content .left img.right.no_float { float: none; }
#content .left img.right.no_border { border: none; }
#content .left img.right.left { float:left; }

#content ul { margin-bottom: 10px; }
#content ul li { list-style: square; line-height: 125%; padding: 5px; margin-left: 15px; }
#content .top, #content .bottom { border: 1px solid #cdcdcd; padding: 15px; margin: 15px 0px; position: relative; }
#content .right.home .bottom.blanket { padding: 10px; height: 256px; }
#content .top .email, #content .top .mobile, #content .top .address { padding-left: 20px; }
#content .top .email { background: url(images/email.png) top left no-repeat; }
#content .top .email a { text-decoration: none; color: #333; }
#content .top .mobile { background: url(images/phone.png) top left no-repeat; }
#content .top .address { background: url(images/building.png) top left no-repeat; }
#content .middle { position: relative; height: 90px; }
#content .left.home { width: 615px; }
#content .right.home { width: 300px; }
#content .right.home .bottom { height: 278px; }

#content .video_content { width: 320px; height: 240px; margin-right: 15px; }
#content .middle #spaceloft { position: absolute; left: 0px; top: 0px; background: url(images/space_loft.jpg) top left no-repeat; width: 203px; height: 87px; }
#content .middle #cryogel { position: absolute; left: 208px; top: 0px; background: url(images/cryogel.jpg) top left no-repeat; width: 203px; height: 87px; }
#content .middle #pyrogel { position: absolute; left: 416px; top: 0px; background: url(images/pyrogel.jpg) top left no-repeat; width: 203px; height: 87px; }
#content .read_more { background: url(images/read_more.jpg) top left no-repeat; width: 81px; height: 21px; display: block; }
#content label { display: block; margin-bottom: 10px; }
#content label span { float: left; display: block; width: 100px; vertical-align: middle; line-height: 18px; }
#content label span.required { float: left; display: block; width: auto; vertical-align: middle; line-height: 18px; }
#content span.required { color: red; }
#content textarea, #content select, #content input { border: 1px solid #666; width: 200px; float: right; }
#content input.submit { padding: 5px; height: 30px; width: auto; }
#content #s3capcha div { float: left; margin-bottom: 10px; }
#content #form { width: 400px; background: #fefefe url(images/form_bg_grad.gif) top left repeat-x; }
#content #submitButton { float: none; }
#content #cross_section { display: block; width: 600px; height: 350px; background: url(images/content/cross_sections/residential.jpg) top left no-repeat; margin-top: 15px; }
#content .left #residential { position: relative; width: 600px; margin-top: 15px; }
#content .left #residential .res_roof { position: absolute; width: 28px; height: 28px; top: 104px; left: 258px; display: block; z-index: 997; }
#content .left #residential .res_ceiling { position: absolute; width: 30px; height: 30px; top: 163px; left: 329px; display: block; z-index: 997; }
#content .left #residential .res_wall { position: absolute; width: 30px; height: 30px; top: 219px; left: 283px; display: block; z-index: 997; }
#content .left #residential .res_floor { position: absolute; width: 30px; height: 30px; top: 272px; left: 374px; display: block; z-index: 997; }
#content .left #residential .comm_roof { position: absolute; width: 28px; height: 28px; top: 32px; left: 216px; display: block; z-index: 997; }
#content .left #residential .comm_ceiling { position: absolute; width: 30px; height: 30px; top: 76px; left: 253px; display: block; z-index: 997; }
#content .left #residential .comm_wall { position: absolute; width: 30px; height: 30px; top: 302px; left: 357px; display: block; z-index: 997; }
#content .left #residential .comm_floor { position: absolute; width: 30px; height: 30px; top: 370px; left: 329px; display: block; z-index: 997; }
#content .left #residential .ware_roof { position: absolute; width: 26px; height: 26px; top: 210px; left: 200px; display: block; z-index: 997; }
#content .left #residential .ware_ceiling { position: absolute; width: 26px; height: 26px; top: 196px; left: 321px; display: block; z-index: 997; }
#content .left #residential .ware_wall { position: absolute; width: 26px; height: 26px; top: 246px; left: 340px; display: block; z-index: 997; }
#content .left #residential .ware_floor { position: absolute; width: 26px; height: 26px; top: 290px; left: 274px; display: block; z-index: 997; }
#content .right .bottom #ctc { position: absolute; top: 173px; left: 164px; }
#content .right .bottom #iso { position: absolute; top: 53px; left: 31px; }
#content .right .bottom #eco { position: absolute; top: 53px; left: 164px; }
#content .right .bottom #astm { position: absolute; top: 173px; left: 31px; }
#content .bottom a { color: #666; margin-left: 0; }
#content .bottom ul li { padding-left: 0; }

#content ul.backend a { color: #666; margin-left: 0; } 
#content ul.backend ul { margin-top: 5px; }
#content ul.backend ul li { margin-bottom: 0px; padding-bottom: 0; line-height: normal; }

.pdf { background: url(images/pdf_icon.jpg) top left no-repeat; padding-left: 40px; min-height: 40px; padding-top: 10px;  }
#footer { width: 100%; position: absolute; bottom: 0px; margin-bottom: 15px; z-index: 2; }
#footer .footer_content { color: #fff; position: relative; width: 910px; height: 38px; background-color: #6cbfeb; border-top: 2px solid #909aa6; padding-left: 20px; z-index: 2;  }
#footer .footer_content p {  line-height: 38px; vertical-align: middle; }
#footer .login { position: absolute; top: 10px; right: 10px; }
#footer .login  a { color: #fff; }

/* login styles */
#content h2.login_logo, #content h2.register { font-size: 16px; }
#content h2.login_logo { padding-left: 50px; background: url(images/login.gif) top left no-repeat; line-height: 40px; vertical-align: middle; margin-bottom: 10px; }
#content h2.register { padding-left: 50px; background: url(images/sign_up.gif) 5px 0px no-repeat; line-height: 35px; vertical-align: middle; margin-bottom: 10px; }

/* sign-up form styles */
#content .sign_up h1, #content .sign_up h2 { margin-top: 20px; }
#content .sign_up #form { border: 1px solid #666; margin-bottom: 15px; }
#content .sign_up #form { width: 420px; padding-bottom: 10px; }
#content .sign_up #form ul li { list-style-type: none; width: 300px; }
#content .sign_up #form ul li { width: 380px; }
#content .sign_up #form ul li label { margin-bottom: 0; }
#content .sign_up #form ul li label.checkbox { vertical-align: top; line-height: 20px; }
#content .sign_up #form ul li label.checkbox input { float: none; width: auto; margin-right: 10px; height: auto; border: none; }
#content .sign_up #form input.submit { width: auto; height: 20px; cursor: pointer; padding: 0 5px 3px 5px; }
#content .sign_up #form p { padding-left: 20px; }
#content h2.first_time { border-top: 1px solid #bbb; width: 100%; padding-top: 15px; }
#content h2.heading_cross { margin-top: 15px; margin-bottom: 5px; }
.videos { text-decoration: underline; cursor: pointer; }

#content ul.cross_section_links li a { color: #333; }