/* * Huber Woods - Advantech * JJohnson | E-dreamz 2008 */ /* * Global */ body{ background: #015690 url(../images/page-bg.jpg) repeat-x left top; color: #1F1F1F; } a{color: #1496c5; text-decoration:underline;} a:hover{color: #cd9708; text-decoration:underline;} .adminContent p, .adminContent{line-height: 18px;} .adminContent h2, .homeLeft h2{color: #c78b07; font-size: 14px; margin-bottom: 15px;} .adminContent h2 span, .homeLeft h2 span{background: #c78b07; color: #fff; font-size: 16px; text-transform: uppercase; padding: 5px;} .esr-content { margin-bottom: 20px} .goldSytle { color: #ce9a08; } /* * Positioning/Layout */ #wrapper{width: 960px; margin: 0 auto;} #hd{position: relative; height: 140px;} #hd .header1{background: url(../images/web-logo.gif) no-repeat left top; width: 230px; height: 70px; top: 5px; left: 10px; position: absolute;} #hd .header1 a{width: 230px; height: 70px; top: 0; left: 0; position: absolute; text-indent: -9999em;} .search{width: 182px; position: absolute; right: 0; top: 21px; color: #1496c5; } .search #txtSearch{color: #6790ae;} .search a{ float: right; padding-top:10px;} /* Header Login Buttons */ .loginControls{margin: 0 -12px 0 0; padding: 0; position: absolute; right: 0; top: 56px;} .loginControls li{display: inline; text-indent: -99999em;} .loginControls li a{ display:block; float: left; height: 23px; background-position: 0 0; background-repeat: no-repeat;} .loginControls li#loginButton a{background-image: url(/images/btn_login.gif); width: 75px; } .loginControls li a:hover{background-position: 0 -23px;} .accountControls{margin: 0 -11px 0 0; padding: 0; position: absolute; right: 0; top: 56px;} .accountControls li{display: inline; text-indent: -99999em;} .accountControls li a{display:block; float: left; height: 23px; background-position: 0 0; background-repeat: no-repeat; text-indent: -99999em;} .accountControls li#accountButton a{background-image: url(/images/btn_account.gif); width: 90px;} .accountControls li#logoutButton a{background-image: url(/images/btn_logout.gif); width: 75px;} .accountControls li a:hover{background-position: 0 -23px;} #haveAccount ul{margin:0;padding:0;} #haveAccount li{display:inline; text-indent: -99999em;} #haveAccount li a{display:block; float:left; height: 35px; background-position: 0 0; background-repeat: no-repeat;} #haveAccount li#accountLogin a{background-image: url(/images/b-login.gif); width: 80px;} .loginError {width:425px; height:35px; color:#ff0000; background-color: #eaa3a3; border: solid 1px #ff0000; margin:-5px auto 10px auto;text-align:center;padding-top:18px;} .shareControls{margin: 0; padding: 0;} .shareControls li{display: inline; text-indent: -99999em;} .shareControls li a{display:block; float: left; height: 32px; background-position: 0 0; background-repeat: no-repeat; text-indent: -99999em;} .shareControls li#sendButton a{background-image: url(/images/btn_send.gif); width: 120px;} .shareControls li#closeButton a{background-image: url(/images/btn_close.gif); width: 100px;} #masthead{background: #000; color: #fff; padding: 15px;} #videoColumn{width: 250px; float: right; font-size: 11px;} #videoColumn h3{font-size: 12px;} #videoPlayer{border: 1px solid #3d3d3d; position: relative;} #videoPlayer #playerbutton{ width: 74px; height: 74px; position: absolute; top: 40px; left: 90px; background: url('/images/buttons/play-button.png') top left no-repeat;} .videoDesc{padding: 10px 0 0 10px;} .videoDesc ul{margin: 0 auto; padding: 0; width: 150px;} .videoDesc li{margin-bottom: 5px;} .videoDesc li, .videoDesc li a{display: block; width: 150px; height: 23px;} .videoDesc li a{overflow: hidden; text-indent: -99999em; background-position: 0 0; background-repeat: no-repeat;} .videoDesc a:hover{background-position: 0 -23px;} .videoDesc #moreTestimonials a{background-image: url(../images/btn_moretestimonials.gif);} .videoDesc #submitTestimonial a{background-image: url(../images/btn_submittestimonial.gif);} #homeFlashPanel{width: 665px; float: left;} #content{background: #fff; padding: 20px 15px;} #contentrebate{background: #fff; padding-top: 20px;} .homeLeft{width: 460px; float: left; font-size: 12px;} .homeLeft .adminContent p{padding-left: 15px;} .homeLeft .newsletter {float:left; width:450px; padding-left:15px;} .homeLeft .newsletter-confirm {float:left; width:450px; padding-left:15px; font-weight:bold; color: #c78b07;} .homeRight{width: 440px; float: right;} .homeRight .cta{width: 220px; float: left; margin-bottom: 5px; margin-top:8px;} .bodyLeft{width: 200px; float: left; font-size: 11px; margin-right:15px;} .bodyRight{width: 700px; float: left;} h1{ display:block; width:100%; height:32px; margin-bottom:5px; text-indent: -9999em;} .h-about {background: url(../images/headers/h-about.gif) no-repeat left top;} .h-green {background: url(../images/headers/h-green.gif) no-repeat left top;} .h-earning {background: url(../images/headers/h-earning.gif) no-repeat left top;} .h-esr {background: url(../images/headers/h-esr.gif) no-repeat left top;} .h-flatout{background: url(../images/headers/h-flatout.gif) no-repeat left top;} .h-moisture{background: url(../images/headers/h-moisture.gif) no-repeat left top;} .h-strength{background: url(../images/headers/h-strength.gif) no-repeat left top;} .h-highest{background: url(../images/headers/h-highest.gif) no-repeat left top;} .h-getconnected{background: url(../images/headers/h-getconnected.gif) no-repeat left top;} .h-submit{background: url(../images/headers/h-submit.gif) no-repeat left top;} .h-contests{background: url(../images/headers/h-contests.gif) no-repeat left top;} .h-contact{background: url(../images/headers/h-contact.gif) no-repeat left top;} .h-unmatched{background: url(../images/headers/h-unmatched.gif) no-repeat left top;} .h-competitor{background: url(../images/headers/h-competitor.gif) no-repeat left top;} .h-video{background: url(../images/headers/h-video.gif) no-repeat left top;} .h-photo{background: url(../images/headers/h-photo.gif) no-repeat left top;} .h-product{background: url(../images/headers/h-product.gif) no-repeat left top;} .h-testimonials{background: url(../images/headers/h-testimonials.gif) no-repeat left top;} .h-calculator{background: url(../images/headers/h-calculator.gif) no-repeat left top;} .h-quantifier{background: url(../images/headers/h-value-quantifier.gif) no-repeat left top;} .h-getstarted{background: url(../images/headers/h-getstarted.gif) no-repeat left top;} .h-locator{background: url(../images/headers/h-locator.gif) no-repeat left top;} .h-request{background: url(../images/headers/h-request.gif) no-repeat left top;} .h-installation{background: url(../images/headers/h-installation.gif) no-repeat left top;} .h-engineered{background: url(../images/headers/h-engineered.gif) no-repeat left top;} .h-flooring{background: url(../images/headers/flooring.gif) no-repeat left top;} .h-sheathing{background: url(../images/headers/sheathing.gif) no-repeat left top;} .h-rimboard{background: url(../images/headers/rimboard.gif) no-repeat left top;} .h-documentation{background: url(../images/headers/h-documentation.gif) no-repeat left top;} .h-newsroom{background: url(../images/headers/h-newsroom.gif) no-repeat left top;} .h-media{background: url(../images/headers/h-media.gif) no-repeat left top;} .h-rebates{background: url(../images/headers/h-rebates.gif) no-repeat left top;} .h-resources{background: url(../images/headers/h-resources.gif) no-repeat left top;} .h-warranties{background: url(../images/headers/h-warranties.gif) no-repeat left top;} .h-installation{background: url(../images/headers/h-installation.gif) no-repeat left top;} .h-literature{background: url(../images/headers/h-literature.gif) no-repeat left top;} .h-plywoodpanels{background: url(../images/headers/h-plywoodpanels.gif) no-repeat left top;} .h-osbpanel{background: url(../images/headers/h-osbpanel.gif) no-repeat left top;} .h-osbsubflooring{background: url(../images/headers/h-osbsubflooring.gif) no-repeat left top;} .h-osbflooring{background: url(../images/headers/h-osbflooring.gif) no-repeat left top;} .h-marketing{background: url(../images/headers/h-marketing.gif) no-repeat left top;} .h-technical-info{background: url(../images/headers/h-technical-info.gif) no-repeat left top;} .h-technical{background: url(../images/headers/h-technical.gif) no-repeat left top;} .h-faqs{background: url(../images/headers/h-faqs.gif) no-repeat left top;} .h-technical-installation{background: url(../images/headers/h-technical-installation.gif) no-repeat left top;} .h-esr{background: url(../images/headers/h-technical-esr.gif) no-repeat left top;} .h-fire-rated{background: url(../images/headers/h-fire-rated.gif) no-repeat left top;} .photoprev{position: absolute; top: 15px; left: 15px;} .photonext{position: absolute; top: 15px; right: 15px;} .mainphoto{text-align: center; width: 100%; margin-top: 30px;} .mainphoto img{max-width: 960px;} .pager{text-align: center; width: 100%; margin-top: 15px;} .bodyRight .thumbrow{ margin-bottom: 20px; float: left; width: 700px;} .bodyRight .thumbrow .thumb{float: left; width: 150px; margin-right: 20px; text-align: center;} .bodyRight .thumbrow .thumb.photo{width: 120px; margin-right: 10px;} .bodyRight .thumbrow .thumb img{border: 2px solid #f2c409;} .bodyRight .thumbrow .thumb a{ font-weight: bold; text-decoration: none;} .bodyRight .subContent{ float: left; padding-left:10px;} .bodyRight .subContent p{padding-left:7px;} .bodyRight .subContent p.footnote{ margin-top:15px; font-size:9px;} .bodyRight .subContent h2{padding-left:7px;} .bodyRight .subContent .pl .graphic{float:right;} .graphic a img{float:right;} .bodyRight .subContent .pl ul.desc {padding-left:6px; list-style-image: url(/images/bullet-drop.gif);} .bodyRight .subContent .pl .desc li{margin-left:12px; padding-bottom:8px;} .bodyRight .subContent .pl-sheathing .graphic{float:right;} .bodyRight .subContent .pl-sheathing .charts{float:left; width:700px; margin-bottom: 15px; } .bodyRight .subContent .pl-sheathing .chart-img{float:left; margin-top:5px;} .bodyRight .subContent .pl-sheathing ul.desc { padding-left:10px; list-style-image: url(/images/bullet-drop.gif);} .bodyRight .subContent .pl-sheathing .desc li{margin-left:14px; padding-bottom:8px;} .bodyRight .subContent .amoisture .graphic{float:left;} .bodyRight .subContent .aa-moisture .desc{float:left; width:295px; margin: 7px 10px 0 0; padding-left:7px;} .bodyRight .subContent .aa-strength .desc{float:left; width:355px; margin: 7px 10px 0 0; padding-left:7px;} .bodyRight .subContent .aa-moisture ul.desc, .bodyRight .subContent .aa-strength ul.desc {padding-left:6px; list-style-image: url(/images/bullet-drop.gif);} .bodyRight .subContent .aa-moisture .desc li, .bodyRight .subContent .aa-strength .desc li{margin-left:12px; padding-bottom:8px;} .bodyRight .subContent .aa-moisture .tabs, .bodyRight .subContent .aa-strength .tabs{float:left; width:700px; height:400px; margin: 7px 10px 0 0; border:1px solid red;} .bodyRight .subContent .dc-overview .graphic{float:left; width:700px;} .bodyRight .subContent .dc-competitor .desc{float:left; width:700px; padding-left:7px;} .bodyRight .subContent .dc-competitor .tabs{float:left; width:700px; height:400px; margin: 7px 10px 0 0; border:1px solid red;} .bodyRight .subContent .header-product{width:400px; height:32px; margin-bottom:5px; margin-left:-10px;} .bodyRight .subContent .dc .graphic{float:left;} .bodyRight .subContent .dc ul.desc {padding-left:190px; height:125px; list-style-image: url(/images/bullet-drop.gif);} .bodyRight .subContent .dc .desc li{margin-left:12px; padding-bottom:8px;} .bodyRight .subContent .dc-testimonials .desc{float:left; width:700px; padding-left:7px;} .bodyRight .subContent .dc-testimonials .testimonial{float:left; width:700px; padding: 0 0 5px 7px; border-bottom:1px dotted #c78b07; margin-bottom:5px;} .bodyRight .subContent .dc-testimonials .videos{float:left; width:700px; height:300px; margin: 7px 10px 0 0; border:1px solid red;} .bodyRight .subContent .dc-testimonials a.submit{float:left; background-image: url(/images/btn-submit.gif); background-position:0 0; width: 90px; height:16px; text-indent: -99999em; margin-top:22px; } .bodyRight .subContent .dc-testimonials a.submit:hover{background-position: 0 -16px;} .bodyRight .subContent .howWhy { width: 300px; float: left; margin: 0 15px 10px 0; display: inline; } .installationVidPlayer { float: right; width: 450px;} .installation-left {float:left; width:230px;} /* * Tab Controls */ #tabcontainer {float:right; width:450px;} #tabs{margin: 0; padding: 0; float:right; } #tabs li{display: inline; margin-right: 10px; list-style:none;} .hidden{display:none;} /* * FAQS ACCORDION */ .question {font-size:18px; font-weight:bold; padding:3px 0 3px 5px; color: #fff; margin:0 0 5px 0; background:none; display:block;} .question a{font-size:14px; font-weight:normal; color: #fff; text-decoration:none;} .question a:hover{color:#fff; text-decoration:underline;} .answer {color: #fff; margin-left: 30px; margin-bottom:15px;} a.watchenglish{ width: 165px; height:16px; overflow: hidden; background: url('/images/buttons/watch-english.gif') top left no-repeat; text-indent: -9999em; display: block;} a.watchspanish{ width: 165px; height:16px; overflow: hidden; background: url('/images/buttons/watch-spanish.gif') top left no-repeat; text-indent: -9999em; display: block;} a.watchenglish:hover, a.watchspanish:hover { background-position: 0 -16px;} .bodyRight h2 { font-size: 18px; color: #d09d08; margin: 0 0 2px 0; padding-left: 0; } .bodyRight h3 { font-size: 15px; color: #013d69; margin: 0 0 2px 0; padding-left: 0; } .bodyRight h3.resource { padding-left: 7px; } .bodyRight h4 { font-size: 13px; color: #d09d08; margin: 0 0 2px 0; padding-left: 0; } #bucket{float:left; background:#462104; margin-right:10px; margin-bottom:15px;} .narrow{width:218px;} .wide{width:330px;} .bk-testimonials{margin-left:183px;} #bucket .bk-bottom{float:left; background:#56280e url(/images/bg-bucket2.jpg) top left repeat-x; color:#fff; font-size:11px; padding:8px 8px 0 8px; line-height:14px; min-height:65px;} #bucket .bk-bottom p{padding:0;} #bucket .bk-bottom a{color:#fff; line-height:25px;} #bucket .bk-bottom a:hover{color:#7c8c4f;} #contentArea { } #contentArea img { border: 1px solid #000; margin: 0 10px; } .contentAreaSub { background: url(/images/bg-gray-fade.jpg) no-repeat; padding: 15px 15px 30px 15px; } .contentAreaSub.right {float:right; } .ppcHeader {width:705px; float:left; } #contactLeft { float: left; width: 540px; } #contactRight { float: right; width: 145px; font-size: 11px; } .contestListing-wrap { margin-top: 15px;} .contestListing, .listing { padding-bottom: 15px; margin-bottom: 15px; margin-left: 10px; border-bottom: 1px solid #CCC; } .contestListing.subContest{margin-left: 160px;} .contestListing.subContest{} .contestListing-sub { padding-bottom: 15px; padding-left: 25px; margin-bottom: 15px; border-bottom: 1px solid #CCC; } .contestPic { width: 150px; float: left; margin-right: 15px; border:1px solid #000; overflow: hidden; } .contestDetails { width: 500px; float: left;} .subContest .contestDetails{width: 350px;} .contestDetails .headline { font-weight: bold; font-size: 16px; } .contestDetails .dates { font-size: 11px; line-height:20px;} .contestDetails .summary {} .listing .image {float:left; width:240px;} .listing a.title {float:left; font-size:14px; font-weight:bold; width:440px; padding:3px 0; } .newsListing { padding-bottom: 5px; margin-bottom: 0; } .date { font-size: 11px;} .date-detail {font-size: 11px; padding-left: 7px;} .searchResult { margin-bottom: 15px; border-bottom: 1px solid #CCC; } ul.stiffnessList { float:left; width: 330px; padding: 0 0 0 14px; list-style-image: url(/images/bullet-drop.gif); margin-right: 20px;} ul.stiffnessList li {margin-left:16px; padding-bottom:8px; font-weight: bold; color:#013d69; } .stiffnessChart { float:left; } #textTestimonials { margin: 0 0 0 0; padding-top: 35px; position: relative; } #testZip { width: 317px; height: 65px; background: url(/images/bg-zip.gif) no-repeat; position:absolute; top: 0; left:0; } #testZip .searchForm { margin: 38px 0 0 103px; } #testZip .zipSearchField { position:relative; top:36px; left:113px;} #allTest { position:absolute; top: 0; right:0; } .testimonialListing { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #CCC; } .testimonialListing img { float:left; margin: 0 15px 5px 0; border: 1px solid #000; } #textTestimonials a.viewAll{float:right; width:50px; margin-top:0px; font-weight:bold; font-size:12px;} .test-name {color:#707070;} .test-company {color:#707070;} h3.goldbar { background: url(/images/bg-gold-bar.gif) no-repeat; display:block; width: auto; height: 20px; color: #FFF; padding: 2px 0 0 4px; margin-bottom: 15px; } h4.bluebar { background: url(/images/bg-blue-bar.gif) no-repeat; display:block; width: auto; height: 18px; color: #FFF; padding: 2px 0 0 4px; margin-bottom: 15px; margin-left:25px;} h2.blueHeader { color:#013d69; } h2.blue{color: #015996;} h2.catSub{background: #ccc; color: #7c7c7c; font-size: 14px; padding: 3px; margin-left: 160px;} h3.blueCatHeader{float:left; background: #013D69 url(/images/bg-blue-bar.gif) no-repeat; display:block; width: 100%; color: #FFF; padding: 3px; margin-bottom: 15px} .buckets { width: 218px; height: 420px; float: left; background: url(/images/bg-bucket.jpg) no-repeat; padding: 6px; color: #FFF; font-size: 11px; } .buckets p { padding: 0; margin: 8px 6px; line-height: 16px;} .buckets-medium { width: 218px; height: 420px; float: left; background: url(/images/bg-bucket-medium.jpg) no-repeat; padding: 6px; color: #FFF; font-size: 11px; } .buckets-medium p { padding: 0; margin: 8px 6px; line-height: 16px;} .buckets-short { width: 218px; height: 420px; float: left; background: url(/images/bg-bucket-short.jpg) no-repeat; padding: 6px; color: #FFF; font-size: 11px; } .buckets-short p { padding: 0; margin: 8px 6px; line-height: 16px;} .contestLeft { width: 465px; float: left; display:inline; } .contestRight { width: 210px; float: right; display:inline; margin-top: 22px; margin-left: 10px;} /*Product Locator*/ #locatorBar form { margin: 0; padding: 0; } #locatorBar { width: 702px; height:65px; background: url(/images/bg-locator-bar.gif) no-repeat; position: relative; } #locatorBar .plZip { position: absolute; top: 32px; left: 14px; height: 14px; width: 85px; } #locatorBar .plCity { position: absolute; top: 32px; left: 158px; height: 14px; width: 85px; } #locatorBar .plState { position: absolute; top: 32px; left: 282px; width: 80px; } #locatorBar .plRadius { position: absolute; top: 32px; left: 407px; width: 80px; } #locatorBar .plBtn { position: absolute; top: 22px; right: 15px; } #locResults { } .locResult { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #CCC; } .locResult .retailer { font-size: 14px; font-weight: bold; color: #013d69; } .locResult .distance { font-size: 12px; font-weight: bold; font-style: italic; color: #999999; } .locResult .rebate { margin-left: 20px; } /*Forum*/ .forum {float:left; width:700px; background-color:#666666;} .forum td{background-image:url(../images/bg-forum.gif); background-repeat:repeat-x; background-color:#e0e0e0; padding:5px 8px 5px 10px;} .forum td h2{color: #c78b07; font-size: 16px; margin-bottom: 10px;} .forum td.item,. { width:500px; } .forum td.item a { font-weight: bold; } .forum td.item a:hover { color: #000; } .forum td.item .summary { font-weight: normal; } .forum td.topics{ width:50px; font-weight:bold; text-align:center;} .forum td.replies{ width:50px; font-weight:bold; text-align:center;} .forum td.date{ width:100px; color: #c78b07; font-size: 11px; font-weight: bold; font-style:oblique; text-align:center;} .forum th { color: #FFF; padding: 6px; font-size:12px; background-color: #013d69; } .testimonialText{ width: 500px; float: left; margin: 0 15px 0 0; display: inline; } .testimonialBtn{ width: 175px; float: left; display: inline; } .buildingText{ width: 400px; float: left; margin: 0 30px 0 0; display: inline; } .buildingBtn{ width: 250px; float: right; display: inline; } #ft{background: #000; padding: 15px; margin-bottom: 75px;} .footerCnt{position: relative; float: left; width: 940px;} #ft a{color: #fff;} #ft a:hover{color: #cd9708;} .huberLogo{width: 220px; height: 42px; position: absolute; right: 20px; top: 10px;} .zipLogo{position: absolute; padding-top: 20px; left: 0;} #company-thanks { width: 400px; height: 220px} #company-logo { width: 150px; height: 62px; float: left; margin: 20px 24px 10px 24px; border: 1px solid #000} #zipproduct {background: url(/images/structure/content-em-bg.jpg) repeat-y; padding: 0; width:958px; margin:0 !important; line-height: 19px} #zipproduct a{ text-decoration: none} #emLeft { width:400px; float:left; display:block} #emRight { width:549px; float:left; border: 0; min-height: 710px} #emRightalt { width:549px; position: relative; float:left; background: url(/images/structure/em-rep.gif) repeat-y; border: 0; min-height: 815px} .emcopy { padding: 20px 20px 20px 30px} .emmiddle { width:549px; height:274px; background: url(/images/structure/see-builds-bg.gif) top left no-repeat; padding-bottom: 5px } .emphoto { width:549px; height:190px; background: url(/images/structure/em-photo-bg.gif) top left no-repeat; padding-bottom: 5px } #em-map { width: 274px; float: left; padding: 0 20px 0 30px} .em-mapinfo { width: 195px; padding: 0 30px 0 0; float: left} .maptitle { padding: 20px 0 20px 30px} .photostitle { padding: 20px 0 0 30px} .em-fact-pad {padding-left:0} .lastcomment { margin-bottom: 15px} .em-viewcomments { font-weight: bold; color: #c14b27} .em-comments { padding: 0 20px 0 20px} .em-commentslist { margin-bottom: 15px} .em-commentfield { width: 520px; height: 285px; margin-top: 10px; margin-bottom: 10px} .em-username { width: 150px; margin-top: 10px} .comment { padding-top:10px} .comment p{ font-size: 11px; font-style: italic} #em-bodycomment { background: url(/images/structure/em-comment-bg.jpg) repeat-y; padding: 15px 0 0 30px;} .emblogtitle { padding: 10px 20px 0px 30px} .emblogtitle a{ color:#c14b27; font-weight: bold;} .emblogtitle a:hover{ text-decoration: none} .emblogposts { padding: 10px 20px 20px 30px} .emblogposts a{ color:#c14b27; font-weight: bold;} .emblogposts a:hover{ text-decoration: none} .emdate { font-size: 10px; padding: 0} .emspace { padding-bottom: 10px} .em-blogtitle { padding-bottom: 5px; border-bottom: 1px solid #000} .em-firstpost { padding-top: 10px; } .em-subscribe { font-size: 11px; position: absolute; right:20px; margin-top: -30px} .em-photo { width: 140px; height: 90px; float: left; margin: 0 0 10px 30px} .em-photos { width: 550px; height: 100px; display: block} .em-photo-page { width: 400px; margin: 0 0 0 30px; display: block} .em-photo-desc { font-size: 12px;} .em-video-text { font-size: 12px; padding-top: 15px} .em-photo-img { padding-bottom: 15px} .em-video {width:344px; height:367px; background: url(/images/structure/em-video-bg.gif) top left no-repeat; margin: 20px 0 0 32px;} .em-video-title { width:344px; padding: 10px 0 5px 0;} .em-video-desc { width:450px; padding: 10px 0 5px 0; font-size:14px; color:#c14b27; font-weight: normal;} .em-video-lrg { width: 305px; height: 229px; padding: 18px 0 0 18px; position: relative} .em-video-tmb { width: 51px; height: 51px; float: left; margin: 0 5px 0 5px} .em-video-thumbs {height: 51px; float: left} .em-video-thumbs ul{ list-style: none;} .em-video-thumbs li{ display: inline; margin: 0 4px 0 4px; width: 51px; height: 51px;} .em-video-prev { width: 24px; height: 51px; background: url(/images/structure/em-prev.jpg) top left no-repeat; display: block; float: left; text-indent: -99999em; margin: 0 10px 0 15px} .em-video-next { width: 24px; height: 51px; background: url(/images/structure/em-next.jpg) top left no-repeat; display: block; float: left; text-indent: -99999em; margin: 0 15px 0 10px} .em-video-play a{ background: url(/images/buttons/play-button.png) top left no-repeat; height: 74px; width: 74px; position: absolute; text-indent: -99999em; top:39%; left:41%} .emcta-rebates a{ background: url(/images/ctas/em-rebates-cta.jpg) top left; display: block; width: 340px; height: 81px; text-indent: -99999em; margin: 20px 0 0 27px} .emcta-rebates a:hover { background-position: 0 -81px} .emcta-products a{ background: url(/images/ctas/em-products-cta.jpg) top left; display: block; width: 340px; height: 81px; text-indent: -99999em; margin: 20px 0 0 27px} .emcta-products a:hover { background-position: 0 -81px} .em-news { width: 339px; padding: 20px 0 0 29px} .em-news-bot {width:339px; height:13px; display: block; background: url(/images/structure/em-news-bot.gif) top left no-repeat;} .em-bold { font-weight: bold} .em-news1 { border: 3px #487ca0 solid; background-color: #fff; border-top: 0; padding: 10px 0 20px 15px} .em-news2 { border: 3px #487ca0 solid; background-color: #fff; border-top: 0; border-bottom: 0; padding: 20px 0 0 15px} .em-news2 ul { margin: 0 0 0 15px} .em-news3 { border: 3px #487ca0 solid; background-color: #fff; border-top: 0; border-bottom: 0; padding: 10px 0 10px 15px;} .em-news3 p{ font-style: italic } .emcta-thanks a{ background: url(/images/ctas/em-thanks-em.jpg) top left; display: block; width: 344px; height: 78px; text-indent: -99999em; margin: 20px 0 25px 25px} .emcta-thanks a:hover { background-position: 0 -78px} /* * * News Listings * */ .newsListing{margin-top: 15px;} .newsItem{padding-left: 10px;} .newsItem .date{width: 30px; float: left; line-height: 17px; text-align: center; color: #717171; font-weight: bold; border-right: 1px solid #717171; padding-right: 8px;} .newsItem .date .month, .newsItem .date .year{font-size: 11px;} .newsItem .date .day{color: #c78b07; font-size: 22px; letter-spacing: -1px;} .newsItem .summary{margin-top: 3px; width: 400px; float: right; font-size: 11px; border-bottom: 1px solid #c5e6f4; margin-bottom: 10px;} .newsItem.noborder .summary{border: none;} .newsListing a.viewAll{float:right; width:50px; margin-top:-25px; font-weight:bold; font-size:12px;} /* * * Headers * */ h2.bgHeader{background-position: left top; background-repeat: no-repeat; width: 400px; height:30px; text-indent: -9999em;} h2#flatOut{background-image: url(../images/h_flatOut.gif);} h2#newsRoom{background-image: url(../images/h_newsroom.gif);} h2#newsletter{background-image: url(../images/h_newsletter.gif);} /* * * Navigation * */ .topNav{position: absolute; left: 250px; top: 25px; width: 550px; filter:alpha(opacity=99); opacity:.99;} .topNav li{display: inline; border-right: 1px solid #fff; padding-right: 8px; margin-right: 5px;} .topNav li.last{border:none;} .topNav a{color: #fff; font-size: 12px;} .topNav a:hover, .topNav a.selected {color: #D4A00E; text-decoration: none;} .ftTopNav{width: 670px; border-bottom: 1px solid #292929; padding-bottom: 6px; font-size: 11px;} .ftTopNav ul, .ftBottomNav ul{margin: 0; padding: 0; list-style:none;} .ftTopNav li, .ftBottomNav li{display: inline; border-right: 1px solid #292929; margin-right: 6px; padding-right: 7px;} .ftTopNav li.noborder, .ftBottomNav li.noborder{border: none;} #ft .ftTopNav a, #ft .ftBottomNav a{color: #a3a3a3; text-transform: uppercase;} #ft .ftTopNav a:hover, #ft .ftBottomNav a:hover{color: #fff;} .ftBottomNav{font-size: 10px; padding-top: 6px;} .navBar{height: 53px; width: 960px; position: absolute; bottom: 0; left: 0;} #nav { margin: 0; padding: 0; height: 53px; list-style: none; display: inline; overflow: hidden; } #nav li { margin: 0; padding: 0; list-style: none; display: inline; } #nav a { float: left; padding: 53px 0 0 0; overflow: hidden; height: 0px !important; height /**/:53px; /* for IE5/Win only */ } #nav a:hover { background-position: 0 -53px; } #nav a:active, #nav a.selected { background-position: 0 -106px; } #tproduct a { width: 175px; background: url(/images/nav/productlineup.gif) top left no-repeat; } #tadvantech a { width: 214px; background: url(/images/nav/advantage.gif) top left no-repeat; } #tdare a { width: 193px; background: url(/images/nav/daretocompare.gif) top left no-repeat; } #tgetting a { width: 184px; background: url(/images/nav/gettingstarted.gif) top left no-repeat; } #tbuilding a { width: 194px; background: url(/images/nav/buildingconnection.gif) top left no-repeat; } #ttechnical a { width: 194px; background: url(/images/nav/technical.gif) top left no-repeat; } /* * * Subnavigation / Header Image * */ #headerImg{ float:right; width: 715px;} #subnav { width: 194px; color: #ffffff; float: left;} #subnav ul{ height: 100%; width: 194px; margin: 0; padding: 0; list-style: none; display: inline; overflow: hidden;} #subnav li { margin:0; list-style: none; display: inline; margin: 0; padding: 0;} #subnav a { float: left; overflow: hidden; width: 194px; margin-left: 0px; text-indent: -99999em;} #subnav a:hover, #subnav .selected { background-position: -195px 0;} #ti-connection a:hover, #subnav .selected { background-position: -195px 0; margin-top: -1px;} #subnav .leftQuote{ float:left; width:188px; padding-top:25px;} #subnav .leftQuote a{ background-image: url(/images/btn_readmore.gif); background-position:0 0; width: 67px; height:12px; text-indent: -99999em;} #subnav .leftQuote a:hover{background-position: 0 -12px;} #pl-overview a { height: 33px; background: url(/images/nav/subnav/pl-overview.gif) top left no-repeat;} #pl-flooring a { height: 33px; background: url(/images/nav/subnav/pl-flooring.gif) top left no-repeat;} #pl-sheathing a { height: 33px; background: url(/images/nav/subnav/pl-sheathing.gif) top left no-repeat;} #pl-rimboard a { height: 33px; background: url(/images/nav/subnav/pl-rimboard.gif) top left no-repeat;} #aa-overview a { height: 33px; background: url(/images/nav/subnav/aa-overview.gif) top left no-repeat;} #aa-esr a { height: 33px; background: url(/images/nav/subnav/aa-esr.gif) top left no-repeat;} #aa-moisture a { height: 47px; background: url(/images/nav/subnav/aa-moisture.gif) top left no-repeat;} #aa-strength a { height: 47px; background: url(/images/nav/subnav/aa-strength.gif) top left no-repeat;} #aa-quality a { height: 47px; background: url(/images/nav/subnav/aa-quality.gif) top left no-repeat;} #dc-overview a { height: 33px; background: url(/images/nav/subnav/dc-overview.gif) top left no-repeat;} #dc-competitor a { height: 33px; background: url(/images/nav/subnav/dc-competitor.gif) top left no-repeat;} #dc-video a { height: 33px; background: url(/images/nav/subnav/dc-video.gif) top left no-repeat;} #dc-photo a { height: 33px; background: url(/images/nav/subnav/dc-photo.gif) top left no-repeat;} #dc-product a { height: 33px; background: url(/images/nav/subnav/dc-product.gif) top left no-repeat;} #dc-testimonials a { height: 33px; background: url(/images/nav/subnav/dc-testimonials.gif) top left no-repeat;} #dc-value a { height: 33px; background: url(/images/nav/subnav/dc-value.gif) top left no-repeat;} #dc-value-quantifier a { height: 33px; background: url(/images/nav/subnav/dc-value-quantifier.gif) top left no-repeat;} #gs-overview a { height: 33px; background: url(/images/nav/subnav/gs-overview.gif) top left no-repeat;} #gs-product a { height: 33px; background: url(/images/nav/subnav/gs-product.gif) top left no-repeat;} #gs-rebates a { height: 33px; background: url(/images/nav/subnav/gs-rebates.gif) top left no-repeat;} #gs-request a { height: 47px; background: url(/images/nav/subnav/gs-request.gif) top left no-repeat;} #gs-installation a { height: 33px; background: url(/images/nav/subnav/gs-installation.gif) top left no-repeat;} #bc-overview a { height: 33px; background: url(/images/nav/subnav/bc-overview.gif) top left no-repeat;} #bc-ask a { height: 33px; background: url(/images/nav/subnav/bc-ask.gif) top left no-repeat;} #bc-submit a { height: 33px; background: url(/images/nav/subnav/bc-submit.gif) top left no-repeat;} #bc-contest a { height: 33px; background: url(/images/nav/subnav/bc-contest.gif) top left no-repeat;} #bc-em a { height: 47px; background: url(/images/nav/subnav/bc-em.gif) top left no-repeat;} #ti-tips a { height: 33px; background: url(/images/nav/subnav/ti-tips.gif) top left no-repeat;} #ti-faqs a { height: 33px; background: url(/images/nav/subnav/ti-faqs.gif) top left no-repeat;} #ti-installation a { height: 47px; background: url(/images/nav/subnav/ti-installation.gif) top left no-repeat;} #ti-esr a { height: 47px; background: url(/images/nav/subnav/ti-esr.gif) top left no-repeat;} #ti-fire a { height: 47px; background: url(/images/nav/subnav/ti-fire.gif) top left no-repeat;} #ti-warranties a { height: 32px; background: url(/images/nav/subnav/ti-warranties.gif) top left no-repeat;} #ti-connection a { height: 33px; background: url(/images/nav/subnav/ti-building-connections.gif) top left no-repeat; margin-top: 1px;} #nr-current a { height: 33px; background: url(/images/nav/subnav/nr-current.gif) top left no-repeat;} #nr-media a { height: 33px; background: url(/images/nav/subnav/nr-media.gif) top left no-repeat;} #rs-overview a { height: 33px; background: url(/images/nav/subnav/aa-overview.gif) top left no-repeat;} #rs-installation a { height: 33px; background: url(/images/nav/subnav/rs-installation.gif) top left no-repeat;} #rs-technical a { height: 33px; background: url(/images/nav/subnav/rs-technical.gif) top left no-repeat;} #rs-marketing a { height: 33px; background: url(/images/nav/subnav/rs-marketing.gif) top left no-repeat;} #res-overview a { height: 33px; background: url(/images/nav/subnav/res-overview.gif) top left no-repeat;} #res-warranties a { height: 33px; background: url(/images/nav/subnav/res-warranties.gif) top left no-repeat;} #res-installation a { height: 47px; background: url(/images/nav/subnav/res-installation.gif) top left no-repeat;} #res-literature a { height: 47px; background: url(/images/nav/subnav/res-literature.gif) top left no-repeat;} #res-marketing a { height: 33px; background: url(/images/nav/subnav/res-marketing.gif) top left no-repeat;} #gb-building a { height: 47px; background: url(/images/nav/subnav/gb-building.gif) top left no-repeat;} #gb-earning a { height: 33px; background: url(/images/nav/subnav/gb-earning.gif) top left no-repeat;} /* * * Layout / Form * */ .error li {list-style-position:inside;} .error h5{width:99%;} .error strong { display: block; } ul.error_list li { list-style:none; padding-left:20px;} .form.sendtofriend {width:450px; margin:10px 25px;} .form.sendtofriend .formItemLong { width: 400px; float: left;} .form.sendtofriend .formItemLong .textfield{ width: 390px;} .form.sendtofriend .formItemLong .textarea{ width: 390px;} .form{ padding: 5px 5px 50px 5px; width: 600px;} .form.bgTab{ background: #e6e6e6 url('../images/tab-form-bg.jpg')top left no-repeat; color: #666666;} .formRow{ margin-top: 10px;} .formItem { width: 270px; float: left;} .formItem .textfield{ width: 250px;} .formItem .dropdown{ height: 23px;} #short{ width:110px; } .formItemLong { width: 550px; float: left;} .formItemLong .textfield{ width: 520px;} .formItemLong .textfield2{ width: 200px;} .formItemLong .textfield-small{ width: 50px;} .formItemLong .textarea { width: 520px;} .formItemLong .dropdown{ height: 23px;} .city{ width: 270px; float: left;} .city .textfield{ width: 250px;} .state{ width: 50px; float: left;} .state .dropdown{ height: 23px;} .zipcode{ width: 50px; float: left; margin-left:10px;} .zipcode .textfield{ width: 50px;} .phone{ width: 270px; float: left;} .phone .textfield{ width: 30px;} .phone .textfield2{ width: 35px;} .radio {float:left; margin-top:3px;} .radio-text {float:left; margin:3px 5px 0 2px;} /*.form{float: left; width:70px; padding: 5px; margin: 0 0 5px 5px;} .form.sensitive {width:535px;} .formRow{ margin-bottom: 15px;} .zipcode{float: left; width: 70px;} .zipcode .textfield{ width: 50px; margin-top:3px;} .row-height{margin-bottom: 10px;}*/ /*** MODAL DIALOG STYLES ***/ .modalBackground { background-color:#000; filter:alpha(opacity=70); opacity:0.7; } .modalPopup { background-color:#fff; border-width:1px; border-style:solid; border-color:Gray; padding:3px; width:600px; color: #000; } .displayNone {display:none;} /* * * Landing Page * */ .navBarLanding{float:left; height: 53px; width: 960px; margin-bottom:50px;} #landingFlashPanel{width: 715px; float: left;} #landingsub { width: 194px; color: #ffffff; float: left; margin:0 12px 0 3px;} #landingsub ul{ height: 100%; width: 194px; margin: 0; padding: 0; list-style: none; display: inline; overflow: hidden;} #landingsub li { margin:0; list-style: none; display: inline; padding: 0;} #landingsub a { float: left; overflow: hidden; width: 195px; height: 33px; margin-left: 0px; text-indent: -99999em;} #landingsub a:hover { background-position: -195px 0;} #landingsub .leftQuote{ float:left; width:188px; padding-top:25px;} #landingsub .leftQuote a{ background-image: url(/images/btn_readmore.gif); background-position:0 0; width: 67px; height:12px; text-indent: -99999em;} #landingsub .leftQuote a:hover{background-position: 0 -12px;} #left-rebates a {background: url(/images/landing/left-rebates.gif) top left no-repeat;} #left-product a {background: url(/images/landing/left-product.gif) top left no-repeat;} #left-literature a {background: url(/images/landing/left-literature.gif) top left no-repeat;} .landing {} .landing .column {float:right; width:700px; padding:0 0 30px 30px; border-left:1px solid #d6a00c; margin-left:0px;} .landing .plywoodcolumn {float:right; width:710px; padding:0 0 30px 10px; border-left:1px solid #d6a00c; margin-left:20px;} .landing .column h1{color: #cf9c08; font-size: 18px; text-indent: -9999em; background-position: 0 0; background-repeat:no-repeat; height: 35px;} .landing .columnImages {float:left; width:175px; padding-left:0px;} .landing .plywoodcolumnImages {float:left; width:175px; padding-left:15px;} .landing .plywoodcolumnImages img {margin-top: 40px; margin-bottom: 40px;} h1.homeowners{background-image: url(../images/atl/h-homeowners.gif);} h1.choose{background-image: url(../images/landing/h-choose.gif);} h1.builders{background-image: url(../images/atl/h-builders.gif);} .landing .columnForm {float:left; width:175px; padding-left:10px;} .landing .columnFormLocator {float:left; width:175px; padding-left:10px; border-right:1px solid #D6A00C;} .landing .columnLocator {float:right; width:720px; padding:0 0 30px 0px; margin-left:10px; } .ctaRow {width:810px; padding-left:150px; background:#013157 url(/images/landing/bg-cta-row.jpg) 0 0 repeat-x;} .ctaRow.marginset{} .block {float:left; width:220px;} .block .small {font-size:10px; color:#fff; padding:10px 15px 10px 10px;} /*From Atlanta*/ .ho{width: 169px; float: left; border-right: 1px solid #a6a6a6; padding: 5px 0;} .ho.m{margin-right: 16px; padding-right: 5px;} .ho.noborder{border:none;} .ho h4{color: #cf9c08; font-weight: normal; font-size: 20px; text-transform: uppercase; margin-left: 25px;} .ho h4 span{font-size: 14px; font-weight: bold;} .ctaLanding{width: 169px; float: left;} .ctaLanding.m{margin-right: 18px;} .ctaLanding h2{color: #005188; text-transform: uppercase; font-size: 13px; font-weight: bold; background: url(../images/atl/h2-bg.gif) no-repeat left bottom; padding-bottom: 6px; margin: 6px 0;} .videos{padding: 10px 25px 5px 0;} .videos .m{margin-right: 15px;} .ftLanding{color: #fff; font-size: 16px; font-weight: bold; padding: 8px; background: #015690; margin: 10px 20px;} .ftLanding a{color: #cf9c08;} /*Table*/ .table {float:left; width:670px; margin:0 0 15px 8px;} .table table {background:#ecfaff;} .table table td {border:1px solid #aaaaaa;} .wide {width:500px;} .table-header {width:600px; background:#2baedc; color:#fff; font-weight:bold; font-size:16px;} .table-subheader {width:600px; height:15px; background:#aaaaaa; color:#fff; font-weight:bold;} .narrow {padding-left:20px; width:100px; font-weight:bold;} .green-images {float:right; width:360px; margin-right:15px;} .green-images img{float:right; margin-left:10px;} .green-graphic {float:right; margin:0 20px 10px 10px;} /* * * Rebate Form * */ .dropdowns{height: 22px;} /* * Value Quantifier * */ label{font-weight: bold; color: #515151;} .req{color: #d09d08; font-weight: bold;} .panel-value{width: 658px; border-left: #9ebace 1px solid; border-bottom: #9ebace 1px solid; border-right: #e8f1f7 1px solid; border-top: #e8f1f7 1px solid; background: url(/images/panel-bg.jpg) bottom left no-repeat; margin-bottom: 20px; padding: 20px;} .contentrow{ margin-bottom: 15px; } .contentrow .formitem{width: 300px; float: left; margin-bottom: 10px;} .contentrow .formitemlong{margin-bottom: 10px;} .contentrow .formitem .textfield{width: 250px;} .contentrow .formitem.right{margin-right: 20px;} .valueform{margin-top: 20px;} .valueform .valuerow{ border-bottom: #dfe9f0 1px solid; padding-bottom: 2px; margin-bottom: 2px;} .valueform .valuerow.noborder{border: none;} .valueform .valuerow.right{text-align: right;} .valueform .valuerow .question{width: 250px; float: left; margin-right: 5px; padding: 10px 0; color: #333; font-size: 12px;} .valueform .valuerow .resultcol{width: 190px; float: left; padding: 10px 5px;} .valueform .valuerow .resultcol.light{ background: #d6e1e9; min-height: 22px;} .valueform .valuerow .resultcol.dark{ background: #aac4d5; min-height: 22px;} .valueform .valuerow .resultcol.sublight{ background: #e6ca0b; min-height: 22px;} .valueform .valuerow .resultcol.subdark{ background: #baa204; min-height: 22px;} .valueform .valuerow .resultcol .textfield{ width: 180px;} .valueform .valuerow .resultcol .textfield2{ width: 20px;} .valueform .valuerow .resultcol .textfield3{ width: 60px;} .valueform .valuerow .resultcol .textfield.unedit {background: #f0f0f0; border-width: 1px; color: #626262; } .valueform .valuerow .resultcol .textfield2.unedit {background: #f0f0f0; border-width: 1px; color: #626262; } .valueform .valuerow .resultcol .textfield3.unedit {background: #f0f0f0; border-width: 1px; color: #626262; } .valueform hr{border: none; height: 1px; background-color: #9ebace;} .colorbox{ color: #fff; background: #015690; padding: 10px;} .colorbox a{color: #fff;} .colorbox a:hover{color: #efb000;} .valuequestion h2{color: #015996;} .valuequestion .text{width: 515px; float: left; margin-right: 15px;} .valuequestion .image{width: 120px; float: left;} .valuequestion .leftcol{ width: 425px; float: left; margin-right: 10px; padding: 5px 0;} .valuequestion .leftcol .textfield {width: 180px;} .valuequestion .leftcol .textfield .valuequestion .leftcol .textarea {width: 270px;} .valuequestion .rightcol{ background:#f2f2f2; width: 200px; float: left; padding: 10px;} .questionblue{color: #015690; font-weight: bold;} /* Rad Window */ .RadWindow .rwControlButtons .rwPinButton, .RadWindow .rwControlButtons .rwReloadButton, .RadWindow .rwControlButtons .rwMinimizeButton, .RadWindow .rwControlButtons .rwMaximizeButton {display:none;} .RadWindow .rwControlButtons .rwCloseButton {float:right; margin-left:-20px;}