/* ========= 1.0 UNIVERSAL RESETS 2.0 GENERIC CLASSES 3.0 GENERAL STRUCTURE 4.0 HEADINGS 5.0 BRANDING 6.0 LINKS 7.0 PARAGRAPHS 8.0 BLOCKQUOTES AND CITATIONS 9.0 FORMS 10.0 LISTS 11.0 TABLES 12.0 MISC PRESENTATION ELEMENTS 13.0 IMAGES 14.0 META 15.0 ACCESSIBILITY 16.0 LAYOUT GRID Common colors OC Pink: #f06 Visited links: #906 ========= */ /* Supplemental - Font Definitions - All custom font definitions go here, site-wide ------------------------------------------ */ /* Light */ div.footerlinks dt, #content h1, h1, h2, div.spotlights h2, #utilities p.audience, .applications-and-projects-detail-page #sidenav h3.appnav, #ecotouch-microsite p, #header-content div.you-are-here p a, body.homeowner-landing p.intro { font-family: "Gill Sans W01 Light", Arial, Helvetica, sans-serif; font-weight: 300; } /* Regular weight */ #topnav li a, ul.tab-nav li a, #sidenav ul li a, #sidenav h3, #content h2, body.find-locator-template div.contentbody h2, p.intro, div.tab h3, .tooltip h3, .ecotouch-content h2, #ecotouch-microsite h1#contractorsHeading, #ecotouch-microsite h2#contractorsSubHead, ul.play-pause { font-family: "Gill Sans W01 Book", Arial, Helvetica, sans-serif; } /* Medium weight */ ul.tab-nav li.selected a, #sidenav ul li.selected a, #content .prod-details h3, #ecotouch-microsite h1#introHeading, a.button, h3, h4, h5, h6 { font-family: "Gill Sans W01 Medium", Arial, Helvetica, sans-serif; } /* 1.0 UNIVERSAL RESETS ------------------------------------------ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-weight: inherit; font-style: inherit; vertical-align: baseline; background: transparent; } body { line-height: 1; color: black; background: white; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } strong, b { font-weight: bold; } em, i { font-style: italic; } /* change colours to suit your needs */ ins { background-color: #ff9; color: #000; text-decoration: none; } /* change colours to suit your needs */ mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted inherit; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } /* change border colour to suit your needs */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } /* Set some basic line-heights */ #content p, #content ul, #content ol, #content label, #content dl { line-height: 1.3; margin-bottom: 1em; } #content li { margin-bottom: 0.25em; } /* Superscript, subscript */ /*sup { line-height: 0; font-size:xx-small; vertical-align: super; }*/ /* 2.0 GENERIC CLASSES ------------------------------------------ */ /* Utility class to clear an element */ .clear { clear: both; } br.clear { height: 0 !important; display: block; } .clearfix:after { content: "."; display: block; height: 0; line-height: 0; clear: both; visibility: hidden; } * html .clearfix, *:first-child+html .clearfix { zoom:1; } .hidden { display:block; position:absolute; text-indent:-9999em; overflow:hidden; height:0; width:0; } .replaced { display: block; text-indent: -9999em; overflow: hidden; background-repeat: no-repeat; background-position: top left; } .pull-right { float: right; margin: 0 0 1em 1em; } .pull-left { float: left; margin: 0 1em 1.4em 0; } /*.note { background: none repeat scroll 0 0 #FDF1F6; border: 1px solid #FBC8D6; padding: 1em;}*/ .framed { background: #fff; border: 1px solid #999; padding: 2px; } .smallprint { font-size: 0.9em; font-style: italic; line-height: 1.1em; } #content .citeNote {font-style:normal;} p.smallprint.citeNote a {display:block;padding-left:10px;text-decoration:underline;font-size:11px;} strong.pink {color:#f06;} .clearLeft {clear:left;} html {overflow-x:hidden;} .ie7 html {overflow-x:hidden;} /* 3.0 GENERAL STRUCTURE ------------------------------------------ */ body { font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 1; } body.consumer { background: white url(/images/ui/bg/page-bg-repeat-pink.png) repeat-x; } body.ecotouch {background-image:url(/images/ui/bg/page-bg-repeat-homeowner.gif);} #wrapper { background: white url(/images/ui/bg/page-bg-repeat.png) repeat-x; } #content { margin: 0 auto; width: 940px; } #promo-bar { text-align: center; padding: 15px 0; border-bottom: 1px solid #ccc; color: #333; font-size: 14px; font-weight: bold; } #promo-bar img { vertical-align: middle; } #promo-bar a#banner-trigger { margin-left: 10px; } #promo-bar a.bar-close { float: right; margin-right: 50px; display: inline-block; } body.systems-landing #content, body.area-of-home-landing #content { margin-top:0;} body.landing-page-template #content { margin-top:0;} #content .gridcontainer {margin-left:0;} #content.grid16 {width:940px; padding:0 20px;} .ie6 #content.grid16 {width:940px; padding:0 0 0 20px;} #header { height: 110px; width:940px;width:940px;margin:0 auto;} #topnav { position: relative; z-index: 5; font-size: 16px; height: 45px} #utilities { position: relative; height: 42px; } #footer { border-top: 1px solid #e5e5e5; margin-top: 60px; } body.with-spotlights #footer { margin-top: 48px; } .empty-grey-bar{width:980px;height:36px;background:url("/images/ui/bg/cep-replacement.png") 0 0 no-repeat;padding:0;text-indent:-9999em;margin:0 auto;overflow:hidden;text-align:center;z-index:99;} a#cep-banner, a#cep-banner:link, a#cep-banner:visited, a#cep-banner:hover{display:block;border:0;outline:0;cursor:pointer;position:relative;width:980px;padding:0;} a#cep-banner:active, a#cep-banner:focus{-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-box-shadow:#f06 0 0 2px;-webkit-box-shadow:#f06 0 0 2px;box-shadow:#f06 0 0 2px;} #header-content div.logo { padding-top: 30px; } #header-content div.you-are-here { text-align: right; padding-top: 76px; } .mainwrapper { position:relative; z-index:100; } #maincontent { margin: 0 0px 0 0; position: relative; z-index: 98; } body.consumer div#maincontent { background: url(/images/skin/feature_bg.png) no-repeat bottom center; } body.homeowner-landing div#maincontent { background: none; } div.footerlinks-wrapper { background: #ebebeb url(/images/ui/bg/footer-bg.png) repeat-x; border-top: 2px solid #fcfcfc; } div.footerlinks { padding: 16px 20px; } div.copyright-wrapper { background: #333 url(/images/ui/bg/footer-bg.png) repeat-x 0 -583px;border-top:1px solid #666; } div.copyright { padding: 16px 20px; color: white; line-height: 1.4; font-size: 11px; } body.template2 div.contentbody, body.find-locator-template div.contentbody { margin-bottom: 24px; } div.spotlights { background: #feedf2 url(/images/ui/bg/footer-bg.png) repeat-x 0 -1050px; padding: 20px 20px 20px; } body.applications-detail-page div.spotlights {margin-left:-20px;} div.spotlight-content { overflow: hidden; } div.tab-container { background: #ccc url(/images/ui/bg/tabs-bg.png) no-repeat;width:980px; } div.tab { padding: 20px 35px; } .ie6 div.tab, .ie7 div.tab { padding: 20px 0px 20px 35px; } body.template5 #intro { margin-bottom: 30px; } body.template5 div.need-help { margin: 48px 0 0 -24px; } div.attic-rolling-insulation { background: url(/images/pic/attic-rolling-insulation.jpg) no-repeat left bottom; min-height: 380px; } .ie6 div.attic-rolling-insulation { height: 380px; } div.attic-rolling-insulation div.grid-content { margin-left: 290px; } /* IBS2011 Dealer */ body.dealer {background:url("/images/ui/bg/ecotouch-bg.jpg") repeat-x center top;} body.dealer #header{background:url("/images/ui/bg/page-bg-repeat.png") repeat-x white; height:155px; width:100%;} body.dealer #footer{margin-top:0;} #dealer-header img{float:left;margin:0 30px 0 0;} #dealer-header h1{font-size:30px;} #dealer-header h2{margin:0 0 26px 0;font-size:26px;} div.dealer-top{border:4px double #ceafaa; border-left:0; border-right:0;} div.dealer-top p{margin:5px 0 0 0;} div.dealer-top ul{font-size:13px; margin:0 0 10px 0;} div.dealer-top li{color:#444; margin:0.25em 0 0 0;} div.dealer-top img{position:relative; float:left; margin:30px 0 0 0; left:-20px; top:10px;} div.dealer-top-left{float:left;margin:20px 0 0 -20px; width:350px;font-family:Arial,Helvetica,sans-serif;} body.dealer div.dealer-top-left p.arial-subhead{margin:0 !important } body.dealer div.dealer-top-left p.learn-more{color:#444; font-size:12px; font-weight:bold; margin:10px 0 0 10px} div.dealer-top-right{float:left; margin:0 0 0 30px;} div.dealer-top-right p{margin:20px 0 10px 0;} div.dealer-top-right img{float:none; left:0; top:0; margin:0;} div.dealer-top-right img.button{display:block; margin:30px auto} body.dealer img.pink{display:block; margin:20px 0 0 0} body.dealer #content h2.dealer-mid{font-size:26px; margin:20px 0;} body.dealer #content div.dealer-btm ul{ color:#333; float:left; font-family:"Gill Sans W01 Bold",Arial,Helvetica,sans-serif; margin:0 0 0 5px; padding:0; overflow:hidden} div.dealer-btm{border-top:4px double #ceafaa; margin:0 0 20px; overflow:hidden} div.dealer-btm img.pink{display:block;} div.dealer-btm li{list-style:none; float:left; margin:0 23px 0 0; width:261px;} div.dealer-btm li.test-first{font-size:24px; margin-top:55px;} div.dealer-btm li.test-second{font-size:18px; margin-top:30px;} div.dealer-btm li.test-third{font-size:20px; margin-top:65px; margin-right:0} div.dealer-btm li span{display:block; font-family:"Gill Sans W01 Light",Arial,Helvetica,sans-serif; font-size:12px; margin:5px 0 0 0;} body.dealer .footnote{clear:both; line-height:15px; padding:20px 0 10px; font-size:10px;} body.dealer #footer div.footerlinks dl dd a{color:#FF0066;} #quiz-footnotes {margin-top:20px;} #quiz-footnotes p.footnote {color:#858585; clear:both; line-height:15px; padding:0; font-size:10px;} #quiz-footnotes p.footnote a{color:#858585;} /* EcoTouch */ div.ecotouch-leaf { padding-bottom: 40px; } div.ecotouch-leaf div.grid-content { /*width: 390px;*/padding-right:20px; } div.ecotouch-leaf div.grid-content p, div.ecotouch-leaf div.grid-content ul li{ font-size:14px;color:#333; } div#homeowner-path-choice { width: 798px; margin: 0 auto; } div.pink-burst { background: transparent url(/images/ui/bg/projects_pink_glow.png) bottom center no-repeat; padding-bottom:1em;} .aux-landing #content ul.projects-list li ul.prodline-subnav {margin-bottom:0.5em;list-style:none;padding-left:0;margin-left:0;} .aux-landing #content ul.projects-list li ul.prodline-subnav li {display:inline;font-size:14px;margin-right:0.5em;} div.ecotouch-content {height:190px;} div.ecotouch-content img#ecotouch-centered-logo {width:187px;padding:100px 180px;padding-bottom:0;} /* 4.0 HEADINGS ------------------------------------------ */ h1, h2, h3, h4, h5, h6 { margin-bottom: 0.25em; color: #333; } h1 { font-size: 32px; } .aux-landing div.ecotouch-leaf h1 { padding-top: 0;color:#000; } .aux-landing h2#rightcol-heading { font-size:26px; } h2 { font-size: 22px; margin-top: 1em; margin-bottom: 0.5em; } h3 { font-size: 18px; } h4 { font-size: 16px; } .homeowner-choices h1 { margin: 0; padding: 14px 0 8px 0!important; text-align: center; font-size: 30px!important;} body.homeowner-landing #maincontent h1 { text-align: center; font-size: 42px; padding-top: 24px; } .homeowner-landing h1 { text-align: center; font-size: 42px; /*padding-top: 20px!important; who keeps using "!important"? -MRH*/ } .professionals-choices h1 { text-align: center; font-size: 42px; padding-top: 19px!important; } .homeowner-landing h2 { text-align: center; line-height: 24px; margin-top: 8px! important; font-family: "Gill Sans W01 Light", Arial, Helvetica, sans-serif !important; font-weight: 300; } .pink { color: #FF3366; font-weight: bold; } body.template1 #content h1 { margin-bottom: 4px; } body.template2 #content h1 { margin-bottom: 12px; } body.template3 #content h1 { font-size: 36px; margin-bottom: 4px; padding-bottom: 12px; background: url(/images/ui/hr-fade-700.png) no-repeat bottom left; } body.find-locator-template #content h1 { font-size: 36px; margin-bottom: 8px; padding-bottom: 16px; background: url(/images/ui/hr-fade-700.png) no-repeat bottom left; } body.template5 #intro h1 { font-size: 46px; margin-top: 24px; margin-bottom: 0; padding-top: 0; } div.spotlights h2 { font-size: 22px; color: #333; margin-bottom: 8px; } div.spotlights .grid4 h2 { font-size: 16px; } body.find-locator-template div.contentbody h2 { font-size: 20px; color: #333; margin-bottom: 12px; } div.tab h3 { font-size: 18px; color: #333; margin-bottom: 12px; } .ie6 div.tab h3, .ie7 div.tab h3 {font-size:16px;} .full-width-template h1, h1#appheader, h1#hd-technical-resources, h1#hd-contactus, h1#hd-calculator, h1#install-videos, h1#hd-as-seen-in, body.template4 #content h1 { font-size: 36px; margin-bottom: 20px; padding-bottom: 16px; background: url(/images/ui/hr-fade-700.png) no-repeat bottom left; } .applications-and-projects-detail-page #sidenav h3.appnav {font-size:22px;letter-spacing:-0.5px;margin-top:12px;} #content .arial-subhead {font-family: Arial, Helvetica, sans-serif; font-size:14px;font-weight:bold;} .ie body.area-of-home-landing h2 {font-weight:normal;letter-spacing:0.5px;} h2.application-list-title{margin-top:30px;} /* WIDOW-FIXER-UPPER*/ h1#product-title {width:700px;} h1#appheader {width:500px;padding-right:200px;} .ie6 #app-content {display:inline;zoom:1;} /* 5.0 BRANDING ------------------------------------------ */ .callpink{background:url(/images/graphics/call-get-pink.png) no-repeat 50% 0;width:327px;padding:100px 10px 10px 10px;zoom:1;} .callpink h2.hidden { display: none; } /* 6.0 LINKS ------------------------------------------ */ a { color: #f06; } a:visited { color: #906; } /* Footer links */ div.copyright a { color: white; } div.copyright a:visited { color: #ccc; } dl.social-links a { background-image: url(/images/logos/social-media-logos.png); } dl.social-links a.facebook { background-position: 0 0; height: 18px; } dl.social-links a.twitter { background-position: 0 -40px; height: 20px; } dl.social-links a.youtube { background-position: 0 -80px; height: 33px; } /* Top nav links */ #topnav { z-index: 399; } #topnav li { } #topnav li#nav-service { margin-right: 0; } /* Default state */ #topnav li a { cursor: hand; display: block; color: #333; text-decoration: none; height: 45px; overflow: hidden; } #topnav li li a { display: inline-block; } #topnav li a span { display: inline-block; height: 26px; position: relative; padding-top: 16px; font-weight: 300; } /* Hover state */ #topnav li:hover a, #topnav li.selected a { } #topnav li.over a { } /* Selected state */ #topnav li:hover a span, #topnav li.over a span, #topnav li.selected a span { background-position: 100% -31px; font-weight: 400; } #topnav li.over a span { } /* Subnav */ #topnav .subnav { display: none; } #topnav .subnav li { margin-right: 20px; } #topnav .subnav li a { display: block; background: url(/images/ui/icons/arrow-sprite.png) no-repeat 0 -45px; padding-left: 15px; margin-left: 5px; overflow: visible; height: auto; } #topnav .subnav li.selected a, #topnav .subnav li.over a, #topnav .subnav li a:hover { color: #f06; } /* Tab nav links */ ul.tab-nav li a { display: inline-block; padding-left: 20px; margin-left: -20px; color: #333; text-decoration: none; height: 41px; overflow: hidden; background: url(/images/ui/bg/topnav-links-left.gif) no-repeat left 15px; } ul.tab-nav li a { margin-left: 0; font-size: 16px; } ul.tab-nav li a:hover, ul.tab-nav li.selected a { background-position: 0 -31px; } ul.tab-nav li a span { display: inline-block; height: 32px; position: relative; padding-right: 20px; padding-top: 6px; font-weight: 300; } ul.tab-nav li a span { background: url(/images/ui/bg/topnav-links-right.gif) right 15px no-repeat; } ul.tab-nav li a:hover span, ul.tab-nav li.selected a span { background-position: 100% -31px; font-weight:bold;color:#333;} .ie6 ul.tab-nav li, .ie6 ul.tab-nav li a, .ie6 ul.tab-nav li.selected a, .ie6 ul.tab-nav li.selected a span {color:#333;zoom:1;} /* Side nav links */ #sidenav ul li a, #sidenav ul li a:visited{display:block;overflow:hidden;padding:10px 20px;text-decoration:none;background:url('/images/ui/icons/sidenav-arrow.png') 0px 0px no-repeat;font-size:15px;color:#f06;zoom:1;} .ie6 #sidenav ul li a,.ie6 #sidenav ul li a:visited{background:url('/images/ui/icons/sidenav-arrow.gif') 0 0 no-repeat;} #sidenav ul li:first-child a, #sidenav ul li:first-child a:visited, #sidenav ul li.first-nav a, #sidenav ul li.first-nav a:visited { /*background-position: 0 -100px;*/ } #sidenav ul li a:hover, #sidenav ul li.selected a, .ie6 #sidenav ul li a:hover, .ie6 #sidenav ul li.selected a{background-position:100% 50% !important;color:#fff;position:relative;z-index:5;font-weight:bold;} a.change-audience { display: inline-block; position: relative; top: 1px; width: 53px; height: 17px; background: url(/images/ui/buttons/sprite-buttons.png) no-repeat 0 0; margin-left: 5px; } .ie6 a.change-audience { top: -2px; } .ie7 a.change-audience { top: -2px; } /* Button-styled links */ a.button{color:#fff;font-size:1.3em;text-decoration:none;font-weight:400;background:url("/images/ui/buttons/btn_left.png") top left no-repeat;height:25px;display:inline-block;overflow:hidden;padding:0 0 0 15px;margin:0;} .spotlights a.button {font-size:15px;} .button-list a.button{float:left;display:block;position:relative;z-index: 20;} a.button,a.button span{cursor:pointer;} a.button:visited{color:#fff;} .ie6 a.button{background:url("/images/ui/buttons/btn_left.gif") top left no-repeat;} .ie6 a.button span{display:block;width:0;white-space:nowrap;cursor:pointer;} .homeowner-renovation a.button{display:block;float:left;height:25px;position:absolute;left:80px;top:230px;} .homeowner-new-home a.button{display:block;float:left;height:25px;position:absolute;left:100px;top:230px;} .professionals-commercial a.button{display:block;float:left;height:25px;position:absolute;left:110px;top:238px;} .ie .professionals-commercial a.button{display:block;float:left;height:25px;position:absolute;left:118px;top:238px;} .professionals-residential a.button{display:block;float:left;height:25px;margin:0 0 0 30px;} .ie .professionals-residential a.button {margin-left:12px;} .ie .professionals-residential a#remodel-click {position:relative;left:-4px;top:-4px;} .ie .professionals-residential a#insulation-click {position:relative;left:4px;top:4px;} .homeowner-choices a.button span,.professionals-choices a.button span{padding:6px 23px 0 0!important;} a.button span{display:inline-block;height:25px;background:url("/images/ui/buttons/btn_right.png") top right no-repeat;padding:3px 23px 0 0; padding-top:3px !important;/*fix for ie9*/} .ie a.button span { background: url("/images/ui/buttons/btn_right.gif") top right no-repeat; padding:4px 23px 0 0;} .ie8 a.button span { padding:6px 23px 0 0;} a.button:hover { background-position: 0 -25px; } a.button:hover span { background-position: 100% -25px; } #content ul.play-pause { list-style: none; margin-left: 0; padding-left: 0; font-size: 15px; } #content ul.play-pause li { margin-bottom: 15px; } #content ul.projects-list { list-style: none; margin-left: 0; padding-left: 0; font-size: 14px; } #content ul.projects-list li { margin-bottom: 13px; } ul.play-pause a, ul.play-pause span.active { background: url(/images/ui/sprite-play-pause.png) no-repeat; padding-left: 25px; display: block; } ul.play-pause a { background-position: 0 -50px; } ul.play-pause span.active { background-position: 0 0; } a.more-link {font-size:13px;} .spotlights a.more-link {font-size:14px;line-height:16px;text-decoration:none;cursor:pointer;} body.template5 #content a.sign-in { font-size: 14px; font-weight: bold; } div.footerlinks dl dd a { color:#6D6D6D; } a#new-calculation {background:transparent url(/images/ui/buttons/new-calculation.png) 50% 50% no-repeat;display:block;margin:1em 0;width:132px;height:37px;} #sidenav-interstitial { position:relative; left:-105px; margin-bottom:20px; } /* 7.0 PARAGRAPHS ------------------------------------------ */ #header-content div.you-are-here p a { font-size: 24px; font-weight: 300; color: #333; text-decoration: none; } #utilities p.audience { font-size: 22px; color: white; padding-top: 7px; } .ie6 #utilities p.audience { padding-top: 8px; } .ie7 #utilities p.audience { padding-top: 6px; } .ie8 #utilities p.audience { padding-top: 9px; } body.consumer #utilities p.audience { color: #333; } p.intro { font-size: 18px; color: #666; line-height: 1.4; } body.homeowner-landing p.intro { text-align: center; font-size: 22px; width: 700px; margin: 0 auto; } div.cms-content p, div.tab p { margin-bottom: 12px; } div.spotlights p { margin-bottom: 12px; } .framed p { margin: 0; padding: 0.25em; text-align: center; } .ie6 #app-detail p, .full-width-template #content p, #app-detail > p {font-family:Arial,sans-serif;color:#444;font-weight:normal;font-size:14px;line-height:18px;} .ie6 #app-detail p {font-size:14px;} .basic-form p {font-family:Arial,sans-serif;color:#444;font-weight:normal;font-size:12px;line-height:16px;} #content #insulationCalcResults p, #calc-intro-wrapper p {font-family:Arial,sans-serif;color:#444;font-weight:normal;font-size:13px;line-height:16px;color:#222;} #calc-intro-wrapper p {padding-top:10px;} .ie6 #app-detail p.smallprint, #content #insulationCalcResults p.smallprint, #app-detail > p.smallprint {font-size:12px;line-height:16px;} .ie6 #app-detail p.smallprint {font-size:14px;} #app-detail ul.compact {font-size:14px;} /* 8.0 BLOCKQUOTES AND CITATIONS ------------------------------------------ */ /* 9.0 FORMS ------------------------------------------ */ div.calc-rows {display:block;float:left;height:40px;/*width:100%;*/width:700px;clear:both;} div.contactusform-div {height:40px;} p#chooser label.wide-input.grid5, div.calc-rows label.wide-input.grid5, #commentsbox label, #calc-energy-savings label, #setzip label, label.textinputlabel {font-weight:bold;position:relative;top:4px;cursor:pointer;} .calc-rows > label {cursor:pointer;} p#chooser label, #calc-energy-savings label, #setzip label, #find-a-pro label.textinputlabel, fieldset#attic-calc-insulation label {text-align:right;} #dropdown-mileage-selectah {vertical-align:middle;margin-bottom:0.5em;position:relative;height:20px;} #dropdown-mileage-selectah p {vertical-align:middle;font-size:16px;margin-bottom:0;position:relative;} #dropdown-mileage-selectah p select {position:relative;top:-1px;margin-left:4px;} #commentsbox {height:140px;} #commentsbox textarea {height:120px;position:relative;left:120px;top:-10px;} #table-interest {height:auto;} input.image { cursor:pointer;} .contactus-inputs select, .contactus-inputs input.form-field {position:absolute;left:120px;} .radiocontainer label {margin-left:3px;margin-right:15px;} .radiocontainer p {font-weight:bold;margin-top:1em;} #utilities input.site-search { width: 172px; height: 25px; border: 1px solid #999; border-right: 0; font-size: 13px; padding: 0 5px; } .ie #utilities input.site-search { padding-top: 5px; height: 20px; } #utilities input.image { margin-left: 0; } input.default-text { color: #999; font-style: italic; } .basic-form label { float: left; clear: left; width: 10em; margin-right: 1em; } .basic-form .no-label { margin-left: 11em; } .basic-form div { clear: left; margin-bottom: 1em; } .basic-form .required { font-weight: bold; color: #c00; } .literature-search select { margin-bottom: 20px; } #length-times-width {display:block;clear:both;margin-top:1em;} span#calc-or, span#times {display:inline;font-weight:bold;vertical-align:middle;} span#calc-or {padding-left:60px;display:block;float:left;clear:both;height:12px;position:relative;top:4px;} #calc-area label, #length-times-width label {position:relative;top:1px;} #length-times-width {padding-left:14px;} #attic-calc-area {display:block;float:left;width:370px;} #row-borders {width:700px;} #calc-intro-wrapper {height:90px;} .submit-spacer {padding-left:300px;} #find-a-pro .submit-spacer {padding-left:140px;} #find-a-pro .contactusform-div {margin-bottom:0;position:relative;} #find-a-pro input, #find-a-pro label.textinputlabel, .ie6 #find-a-pro label.textinputlabel {font-size:12px;top:3px;} .ie6 #find-a-pro label.textinputlabel {top:4px;right:10px;} #find-a-pro input.zip-code-pro-findr {width:50px;} #find-a-pro .calc-row input.image {margin-left:130px;} .ie6 #find-a-pro .calc-row input.image {margin-left:120px;} .calc-advice{text-align:left;padding:1em;clear:both;margin-top:1em;padding-left:20px;} .grey-note{margin:0;border:0;background-position:0 -4px;border:1px solid #EBEBEB;} #calc-results-list-holder {clear:both;margin-bottom:1em;} #calc-results-list-holder div.optional-product, #calc-results-list-holder div.required-product {float:left;position:relative;} #calc-results-list-holder div.optional-product {margin-top:2em;} #insulationCalcResults .calc-rows.result-listing {height:70px;width:700px;} #insulationCalcResults .result-listing {padding-top:1em;padding-bottom:1em;border:1px solid #EBEBEB;border-top:1px solid #CCC;clear:both;} #insulationCalcResults .result-listing a.show-detail {display:block;float:left;height:70px;line-height:70px;font-size:20px;margin-left:1em;} #insulationCalcResults .result-listing div.calc-results-thumbnail {display:block;float:left;} #insulationCalcResults .result-listing div.calc-results-thumbnail img {margin-left:20px;} #insulationCalcResults .result-listing span.unfinished-results-quantity {display:block;float:left;width:70px;height:70px;} #insulationCalcResults .result-listing span.unfinished-results-quantity input.qty.text {height:30px;width:40px;text-align:center;display:block;line-height:30px;vertical-align:middle;color:#333;font-size:16px;font-weight:bold;position:relative;top:20px;} #insulationCurrentConfiguration {margin-right:0;float:left;position:relative;width:218px;} .ie #insulationCurrentConfiguration {width:216px;height:154px;} .ie6 #insulationCurrentConfiguration {float:none;display:inline;position:absolute;right:0;width:218px;zoom: 1;} #insulationCurrentConfiguration.pink-note {padding:1em 0 0 0;} #insulationCurrentConfiguration.pink-note p {padding:0 1em;} .your-stats {margin-bottom:2em;} input.standard-subtmit-btn {margin-left:5px;} .ie6 input.standard-subtmit-btn {position:relative;top:2px;} .ie6 #area, .ie6 #areaLabel p, .ie6 #areaLabel p strong, .ie6 #areaLabel p strong span {display:inline;float:none;zoom: 1;} #currentRValueLabel {padding-left:1em;padding-top:1em;} .ie #currentRValueLabel {height:154px;border-bottom:1px solid #EBEBEB;} .ie8 #currentRValueLabel, .ie8 #insulationCurrentConfiguration {height:156px;} #currentRValueLabel h3.arial-subhead{margin-bottom:1.5em;} .ie6 .hints .yellow-note {width:654px;height:auto;padding:20px;zoom: 1;} #main-results .pink-note {clear:both;} #results-footer-notes {height:auto;} .ie6 #results-header {} .ie6 #main-results { /* display:none;*/ } .ie6 #calc-results-list-holder div.optional-product, .ie6 #calc-results-list-holder div.required-product {width:694px;zoom: 1;} .ie6 #insulationCalcResults .result-listing {height:70px;width:694px;zoom: 1;} .ie6 #print-btn {} .ie6 #results-footer-notes { width:694px;zoom: 1; } #energy-intro-wrapper {height:60px;padding:1em;margin-top:2em;width:680px;} #energy-intro-wrapper p {margin-top:1em;} #calc-energy-savings {height:60px;margin-top:1em;width:700px;position:relative;} #calc-energy-savings label {top:8px;} .ie6 #calc-energy-savings label {top:4px;} .ie7 #calc-energy-savings label {top:9px;} .ie8 #calc-energy-savings label {top:14px;} #calc-energy-savings #calculateSavings {position:relative;top:2px;} #calc-energy-savings #bill {position:relative;top:1px;} .ie6 #calc-energy-savings #calculateSavings {top:-1px;font-size:15px;} .ie7 #calc-energy-savings #calculateSavings {top:5px;} .ie8 #calc-energy-savings #calculateSavings {top:10px;} #newBill {display:none;width:680px;clear:both;display:block;float:left;text-align:center;} /* Main search in header area */ #searchbox{padding:0;margin:0;position:absolute;right:0;top:8px;} .ie8 #searchbox {} fieldset.pretty-pink-hilite {display:block;vertical-align:middle;} #searchbox fieldset.pretty-pink-hilite {border:1px solid #999;background-color:#FFF;width:218px;height:25px;} input.input-changezip-audiencetray, input.main-search-box { -webkit-appearance: none; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #9; border: 0 solid; border-color: #EFEFEF #999999 #EFEFEF #EFEFEF; color: #888; width:192px; outline: 0; padding: 4px 4px 2px 4px; font-size: 13px; font-family: Arial, sans-serif; font-style:italic; border-right:0px; height:25px; } .ie6 input.main-search-box { padding: 4px 4px 0 4px; height:auto; } #searchbox input.main-search-BTN {position:absolute;top:0;right:0;display:block;height:27px;width:28px;border:0;outline:0;margin:0;padding:0;} input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active { -moz-box-shadow: #f06 0 0px 6px; -webkit-box-shadow: #f06 0 0px 6px; box-shadow: #f06 0 0px 6px; /* for Opera */ z-index: 1; } /* 10.0 LISTS ------------------------------------------ */ div.footerlinks dt { font-size: 16px; color: #333; margin-bottom: 4px; } div.footerlinks dd { font-size: 11px; margin-bottom:0;line-height:18px; vertical-align:middle;} dl.social-links dd { margin-left: -2px;margin-bottom:4px; } /* Top nav */ #topnav ul, ul.tab-nav { list-style: none; padding: 0; } #topnav li, ul.tab-nav li { position: relative; float: left; display: inline; height: 45px; text-align: center; } .ie7 #topnav li {display:inline-block;} ul.tab-nav li { margin-top: 9px; } #topnav li li { text-align: left; } #topnav ul.subnav { padding-top: 10px; } #topnav ul.tactile-top-nav { width:943px;margin:0 -2px;} /*.ie7 #topnav ul.tactile-top-nav {position:absolute;left:0;overflow:auto;}*/ #topnav #pHomeowners ul.tactile-top-nav {margin-left:-2px;} #topnav #pProfessionals ul.tactile-top-nav {margin-left:-3px;} #topnav ul.subnav li { height: auto; } #topnav li:first-child, ul.tab-nav li:first-child { margin-left: 0; } .list {position: relative!important; margin: 0!important;} ul.button-list { margin: 0!important; padding: 0!important; list-style: none!important;} ul.button-list li { position: absolute;} ul.button-list li .tooltip { -moz-border-radius:0 10px 10px 10px;-webkit-border-radius:0 10px 10px 10px;border-radius:0 10px 10px 10px; background: none repeat scroll 0 0 #EEEEEE; border: 1px solid #999999; color: #333333; display: none; left: 10px; padding: 0.75em; position: absolute; top: 22px; width: 250px; z-index: 19;} #content ul { list-style: square; margin-left: 1em; padding-left: 1em; } #content ol { list-style: decimal; margin-left: 1em; padding-left: 1em; } #content ul.compact, #content ol.compact, #content ul.doclist { list-style: none; margin-left: 0; padding-left: 0; } a.nav_home_link { width: 81px; height: 45px; background: transparent url(/images/ui/nav_bar.gif) 0 0 no-repeat; } a.nav_products_link { width: 159px; height: 45px; background: transparent url(/images/ui/nav_bar.gif) -81px 0 no-repeat; } a.nav_projects_link { width: 160px; height: 45px; background: transparent url(/images/ui/nav_bar.gif) -240px 0 no-repeat; } a.nav_find_link { width: 200px; height: 45px; background: transparent url(/images/ui/nav_bar.gif) -400px 0 no-repeat; } a.nav_locator_link { width: 161px; height: 45px; background: transparent url(/images/ui/nav_bar.gif) -600px 0 no-repeat; } a.nav_support_link { width: 182px; height: 45px; background: transparent url(/images/ui/nav_bar.gif) -761px 0 no-repeat; } li.selected a.nav_home_link, a.nav_home_link:hover { background-position: 0 -45px; } #nav_projects.over a.nav_projects_link, li.selected a.nav_projects_link, a.nav_projects_link:hover { background-position: -240px -45px; } #nav_products.over a.nav_products_link, li.selected a.nav_products_link, a.nav_products_link:hover { background-position: -81px -45px; } li.selected a.nav_find_link, a.nav_find_link:hover { background-position: -400px -45px; } li.selected a.nav_locator_link, a.nav_locator_link:hover { background-position: -600px -45px; } #nav_support.over a.nav_support_link, li.selected a.nav_support_link, a.nav_support_link:hover { background-position: -761px -45px; } a.nav_pro_home_link { width: 81px; height: 45px; background: transparent url(/images/ui/nav_bar_pro.gif) 0 0 no-repeat; } a.nav_pro_products_link { width: 120px; height: 45px; background: transparent url(/images/ui/nav_bar_pro.gif) -81px 0 no-repeat; } a.nav_pro_applications_link { width: 138px; height: 45px; background: transparent url(/images/ui/nav_bar_pro.gif) -202px 0 no-repeat; } a.nav_pro_distributor_link { width: 189px; height: 45px; background: transparent url(/images/ui/nav_bar_pro.gif) -341px 0 no-repeat; } a.nav_pro_programs_link { width: 210px; height: 45px; background: transparent url(/images/ui/nav_bar_pro.gif) -531px 0 no-repeat; } a.nav_pro_customer_link { width: 201px; height: 45px; background: transparent url(/images/ui/nav_bar_pro.gif) -742px 0 no-repeat; } li.selected a.nav_pro_home_link, a.nav_pro_home_link:hover { background-position: 0 -45px; } #nav_products.over a.nav_products_link, li.selected a.nav_pro_products_link, a.nav_pro_products_link:hover { background-position: -81px -45px; } body.applications-and-projects-detail-page a.nav_pro_applications_link, #nav_pro_applications.over a.nav_pro_applications_link, li.selected a.nav_pro_applications_link, a.nav_pro_applications_link:hover { background-position: -202px -45px; } li.selected a.nav_pro_distributor_link, a.nav_pro_distributor_link:hover { background-position: -341px -45px; } li.selected a.nav_pro_programs_link, a.nav_pro_programs_link:hover { background-position: -531px -45px; } #nav_pro_customer.over a.nav_pro_customer_link, li.selected a.nav_pro_customer_link, a.nav_pro_customer_link:hover { background-position: -742px -45px; } #topnav .subnav{position:absolute;top:46px;left:-1px;z-index:10;width:200px;background:#f0f0f0;-moz-border-radius:0 5px 5px 5px;-webkit-border-radius:0 5px 5px 5px;border-radius:0 5px 5px 5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-box-shadow:#ABABAB 1px 1px 4px;-webkit-box-shadow:#ABABAB 1px 1px 4px;box-shadow:#ABABAB 1px 1px 4px;border:1px solid #888;border-top:0;} #topnav span.homeowners-prod-subnav ul.subnav {left:-1px;} #nav_projects.subnav-container span.projects-subnav ul.subnav {left:0px;} #topnav .subnav li{float:none;clear:both;display:block;margin-bottom:12px;margin-left:0;padding-left:6px;} /* #glossary */ #glossary dt,#glossary dd{display:block;margin:0;} #glossary dt{font-weight:bold;} #glossary dd{margin:0 0 1em 0;} #glossary #key{list-style:none;margin:0 0 1.5em 0;color:#444;} #glossary #key li{display:block;float:left;font-size:1.1em;margin:0 1em 0 0;font-weight:bold;} #glossary #key li a{text-decoration:none;} /* Side nav */ #sidenav { margin-top: 2px; } #sidenav ul {list-style: none; padding-left: 0; margin-bottom: 30px; } #sidenav li { display: block; margin: 0 0 0 -20px; } #sidenav .sidenav-features { margin: -10px 20px 0 -20px; background: url(/images/ui/hr-fade-700.png) top left no-repeat; padding-top: 20px; } /* Breadcrumbs */ #breadcrumbs { margin: 14px auto 30px auto; font-size: 11px; color: #333;position: relative; z-index: 125; } .ie6 #breadcrumbs, .ie7 #breadcrumbs {left:-4px;} body.applications-and-projects-detail-page #breadcrumbs, body.aux-landing #breadcrumbs {margin:14px auto 30px;} body.applications-detail-page #breadcrumbs {margin:14px auto 14px;} body.insulation-comfort-quiz #breadcrumbs {margin:14px auto 20px;} body.area-of-home-landing #breadcrumbs {margin:14px auto 0;} .home-page-landing #breadcrumbs {margin:0;height:0;display:none;} #breadcrumbs li { display: inline;} #breadcrumbs li:first-child { padding-left:0px;} #breadcrumbs li:before { display:inline;content: '>'; } #breadcrumbs li:first-child:before { content: ''; } .ie6 #breadcrumbs li, .ie7 #breadcrumbs li { padding-left: 9px; background: url(/images/ui/ie_breadcrumb_separator.gif) 0 50% no-repeat; } .ie6 #breadcrumbs li.first, .ie7 #breadcrumbs li.first { padding-left: 0; background: transparent; } /* Breadcrumb links */ #breadcrumbs li span { margin: 0 3px 0 6px} #breadcrumbs li:first-child span { margin: 0 3px 0 0; } body.intro-slider-landing ol#breadcrumbs {text-indent:-9999em;display:none;} /* Tab nav */ ul.tab-nav { height: 48px; padding: 0 0 0 35px; } /*Literature links*/ #content ul.doclist { color: #666; margin-bottom: 30px; } #content ul.doclist li { margin-bottom: 1em; line-height: 1.3; } ul.certifications { margin-bottom: 30px; } ul.certifications li { float: left; margin-right: 18px; } ul.bullets, div.cms-content ul { list-style: square outside; padding-left: 25px; } ul.bullets li, div.cms-content ul li { margin-bottom: 12px; } #content .teaser-list li { margin-bottom: 1em; } div.spotlight-content dl.link-list dt { font-weight: bold; } div.spotlight-content dl.link-list dd { margin-bottom: 6px; } #content ul.article-list { list-style-type: none; } #content ul.article-list li { display:block; /*width:316px; */float:left; margin: 0 0 15px; } .template4 #content ul.cust-support-list {padding-left:0;margin-left:0;} .template4 #content ul.cust-support-list li { display: inline-block; margin: 0 0 15px; height:84px; } .ie6 .template4 #content ul.cust-support-list li {margin-bottom:0;} .ie7 .template4 #content ul.cust-support-list li {height:90px;} .template4 #content ul.cust-support-list li h2 {font-size:20px;line-height:22px;} .ie6 .template4 #content ul.cust-support-list li h2 {font-size:18px;} .ie7 .template4 #content ul.cust-support-list li h2 {font-size:18px;} .template4 #content ul.cust-support-list li p { line-height:16px;} .ie6 #content ul.article-list li { display:block; float:left; } /* all products */ ul.accessorieslist, ul.productlist { padding:0 300px 240px 0;background-repeat:no-repeat;background-position:100% 100%;margin-bottom:0;min-height:300px;} ul.productlist {background-image:url("/images/products/allproducts2.png");} ul.accessorieslist {background-image:url("/images/products/allaccessories.png");padding-bottom:20px;} /* 11.0 TABLES ------------------------------------------ */ #content table{border:1px solid #999;border-collapse:collapse;margin-bottom:1em;} #content td,#content th{padding:0.25em 0.5em;} #content th { font-weight: bold; text-align: left; } div.tab table, div.cms-content table, table.styled-table { border: 1px solid #aaa; background: white; width: 100%; margin-bottom: 12px; } div.tab th, div.cms-content th, table.styled-table th, #content table#selection-guide-table th { background: #feedf2; padding: 8px; font-weight: bold; text-align: left; } div.tab td, div.cms-content td, table.styled-table td, #content table#selection-guide-table td { border: 1px solid #aaa; padding: 8px; } .fadebg { background:url("/images/skin/pinkfade-bg-sm.gif") repeat-x scroll left top transparent; } /* 12.0 MISC PRESENTATION ELEMENTS ------------------------------------------ */ /*h1 sup { font-size: 35%; position: relative; top: -1ex; }*/ h1 span.lead-in { display: block; font-size: 18px; margin-bottom: 10px; } body .after-spotlights { display: block; background: url(/images/ui/hr-fade-980.png) repeat-x; border: 0; width: 980px; height: 12px; margin: 1px 0 0 -20px; } .pdf { background:transparent url(/images/ui/icons/icon-pdf.png) 0 50% no-repeat; padding-left: 40px; padding-top: 6px; min-height: 29px; } .ie6 li.pdf { background-image: url(/images/ui/icons/icon-pdf.gif);height:29px;} .doc { background:transparent url(/images/ui/icons/icon-doc.png) 7px 0 no-repeat; padding-left: 40px; padding-top: 6px; min-height: 29px; } .ie6 li.doc { background-image: url(/images/ui/icons/icon-doc.gif); height:29px;} .external-link { background: url(/images/ui/icons/icon-misc.gif) no-repeat left center; padding-left: 40px; padding-top: 6px; min-height: 29px; } .grid6 h1 { margin-top: 40px;} .pros-applications .grid6 h1 { margin-top: 10px;} .grid6 h2 { margin: 8px 0; line-height: 1.3em; font-family: "Gill Sans W01 Light", Arial, Helvetica, sans-serif; font-weight: 300;} .professionals-landing h1 { margin-top: 20px;text-align:center;} .professionals-choices h1 { margin-top: 0px!important; } div.cms-content strong { font-weight: bold; } div.slideshow { height: 420px; background :#ccc; width: 940px; margin: 20px 0 20px 0px; } div.homeowner-new-home { position: absolute; width: 311px; height: 150px; background: url(/images/ui/bg/homeowner-new-home.jpg) no-repeat right top; padding: 139px 34px 0 70px; text-align: center; left: 55px;} div.homeowner-renovation {position: absolute; width: 271px; height: 150px; background: url(/images/ui/bg/homeowner-remodeling.jpg) no-repeat left top; padding: 139px 49px 0 70px; text-align: center; left: 473px; } div.professionals-commercial { float: left; margin-left: 4px; width: 310px; height: 132px; background: url(/images/ui/bg/professionals-commercial.jpg) no-repeat right top; position: relative; padding: 174px 81px 0 79px; text-align: center; } .ie6 div.professionals-commercial {margin-left:0;} div.professionals-residential { float: left; width: 260px; height: 132px; background: url(/images/ui/bg/professionals-residential.jpg) no-repeat left top; position: relative; padding: 174px 121px 0 70px; text-align: center; margin-left: 6px; } div.professionals-choices {margin: 20px 0px 0 0px; } p.intro strong { color: #ff4461; } .homeowner-choices { position: relative; height: 290px;} #button-applications-attics { left: 570px; top: 85px; z-index: 50;} #button-applications-all-projects { left: 370px; top: 15px; z-index: 50;} #button-applications-floors-and-walls { left: 440px; top: 245px; z-index: 50;} #button-applications-specialty-projects { left: 745px; top: 255px; z-index: 50;} #button-applications-duct-insulation { left: 420px; top: 325px; z-index: 50;} #button-applications-basements-and-crawlspaces { left: 619px; top: 364px; z-index: 50;} .quietzone-box, .insulation-scorecard-box { background: url(/images/ui/bg/feature-box.jpg) no-repeat left top; padding: 12px 25px 15px 110px; width:194px; float:left; } .grid15 .insulation-scorecard-box {margin-left:140px;} .insulation-ask-oldhouse { background: url(/images/ui/bg/feature-bg-oldhouse.jpg) no-repeat left top; padding: 7px 25px 15px 110px; width:194px; height:100px;float:left;margin-left:20px;} .quietzone-box { background-image:url(/images/ui/bg/feature-box-quietzone.jpg);margin-top:20px;padding:15px 115px 15px 20px;} .quietzone-box p {width:180px;} .ie6 .quietzone-box, .ie6 .insulation-scorecard-box {margin-left:0;} /*.quietzone-box { background: url(/images/ui/bg/feature-box-quietzone.jpg) no-repeat left top; padding: 12px 20px 15px 110px; margin-top: 15px; width:199px; position:relative;left:-20px;}*/ .insulation-scorecard-box h2{margin:0 !important; padding:0 !important; font-size:20px !important; white-space:nowrap; font-weight:normal;} .insulation-ask-oldhouse h2{ line-height:15px; margin:0 0 5px 0; font-size:17px !important; white-space:nowrap; font-weight:normal;} .lte9 .insulation-ask-oldhouse h2{font-size:13px !important;} .quietzone-box h2 { margin: 0 !important; padding: 0 !important; font-size: 20px !important;font-weight:normal;} .ie .quietzone-box h2 { height:46px;font-size: 18px !important;letter-spacing:0px;} .quietzone-box p a, .insulation-scorecard-box p a, .insulation-ask-oldhouse p a {text-decoration:none;} .insulation-ask-oldhouse p{font-size:12px;} .lte9 .insulation-ask-oldhouse p{font-size:12px;} .quietzone-box h2 { margin: 0 !important; padding: 0 !important; font-size: 20px !important; } #demo1 { margin: 0 -20px 15px -20px;} .renovating-container, .new-construction-container, .professional-residential-apps-container { position: relative; height: 480px;} .renovating-container .grid-third.last h1, .new-construction-container .grid-third.last h1, .professional-residential-apps-container .grid-third.last h1 {margin-top:20px;} .renovating-container img, .new-construction-container img, .professional-residential-apps-container img { position: absolute; /*top:-20px;*/ right: -40px;} /*.professionals-landing {padding-top: 10px;} */ .tax-credit-banner {position:static !important;margin-left:70px;} .tax-panther-landing {display:inline-block;margin:11px -20px 0;} /* 13.0 IMAGES ------------------------------------------ */ div.spotlights img { float: left; display: inline; margin-right: 12px; } div.spotlight-content img.spotlight-ad { float: none; margin-top: 40px; margin-right: 0; } #content ul.article-list li img.resource-list { margin: 12px 10px 15px 0; } #content ul.article-list li h2, #content ul.article-list li p { margin-left:90px; } /* 14.0 META ------------------------------------------ */ /* 15.0 ACCESSIBILITY ------------------------------------------ */ /* 16.0 LAYOUT GRID ------------------------------------------ */ .grid1 { width: 40px; } .grid2 { width: 100px; } .grid3 { width: 160px; } .grid4 { width: 220px; } .grid5 { width: 280px; } .grid-third { width: 300px; } .grid6 { width: 340px; } .grid7 { width: 400px; } .grid8 { width: 460px; } .grid9 { width: 520px; } .grid10 { width: 580px; } .grid11 { width: 640px; } .grid12 { width: 700px; } .grid13 { width: 760px; } .grid14 { width: 820px; } .grid15 { width: 880px; } .grid16 { width: 940px; margin: 0 auto; } .grid16_wide { width: 940px; margin: 0 auto; } .grid1, .grid2, .grid3, .grid4, .grid5, .grid-third, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12, .grid13, .grid14, .grid15 { float: left; margin-right: 20px; position: relative; } .first { margin-left: 0 !important; } .last { margin-right: 0 !important; } .full-width { margin-left: -20px; } .ie6 .full-width { clear: both; zoom:1; position:relative;} .content-row { clear: both; zoom: 1; margin-bottom: 1em; } .gridcontainer { margin-left: 20px; margin-right: 0; } .gridcontainer .last { margin-right: 0; } .EktronAjaxLoading { display: none; } /* 17.0 PAGE SPECIFIC ------------------------------------------ */ #videoholder { margin-top:40px;position:relative; } #hd_vaporwick{background-image:url("/img/text/hdrs/hd_vaporwick.gif");} #hd_vaporwickvideo{height:30px;background-image:url("/img/text/hdrs/vaporwick/hd_vaporwickvideo.gif");} #hd_vaporwickads{background-image:url("/img/text/hdrs/vaporwick/hd_vaporwickads.gif");} .adblock{float:left;width:120px;padding:10px 0 0 0;margin:0;} #videos{background:#fff;border:1px solid #666;border-spacing:0;border-collapse:collapse;margin:0 0 1em 0;} #videos td{padding:0.75em;} #video_wrapper{width:700px;padding-bottom:3em;} .col_one{float:left;width:390px;} .col_two{float:left;width:300px;} #features_benefits li{list-style-image:none;list-style-position:outside;list-style-type:square;margin-left:1.5em;padding-left:0.5em;} .projects-overview h1{font-size:42px;} /* search pages - find a pro, store locator */ #find-a-pro > img { margin:0; } ul.results-key{list-style:none !important;margin-bottom:1em;margin-left:0 !important;padding-left:0 !important;margin-top:1em;} ul.results-key-installer{list-style:none !important;margin-bottom:1em;margin-left:0 !important;padding-left:0 !important;} ul.results-key-installer li {position:relative;z-index:1;} .resultskey{position:relative;z-index:10;} .imageborder{border:1px solid #999;padding:3px;background-color:#FFF;margin-bottom:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} ul.results-key li{float:left;width:60px;height:125px;margin-right:1em;font-size:.9em;line-height:1.1em;text-align:left;} ul.results-key li img {max-width:100%;} ul.results-key li span.results-caption {} ul.results-key-installer .imageborder{vertical-align:middle;} ul.results-key li em{width:400px;background:#eee;top:-80px;left:50px;text-align:left;font-size:11px;} #locator-results .installer{float:left;border-top:1px solid #eee;margin:0 20px 0 0;width:325px;padding:1.25em 0px 0.5em 0;display:inline;vertical-align:top;} #locator-results .installer img {float:right;max-width:86px;clear:both;} #locator-results .installer .icons img{float:left;max-width:initial;clear:initial;} .installer h4 img.imageborder{float:right; margin: 0 3px 10px 3px;} .results-icons-guide{margin-top:40px;} ul.results-key-installer .imageborder{float:left;} ul.results-key-installer a{margin-top:10px;} ul.results-key-installer li{float:left;display:block;font-size:.9em;line-height:1.1em;text-align:left;position:relative;} ul.results-key-installer li em { background: #EEEEEE; border: 2px solid #999; width: 300px; position: absolute; top: 0; left: 75px; text-align: left; padding: 10px 10px 2px 10px; font-style: normal; z-index: 2; display: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: #CCC 1px 1px 4px; -webkit-box-shadow: #CCC 1px 1px 4px; box-shadow: #CCC 1px 1px 4px; } .results-key-certified-professional div{padding-left:60px;padding-top:14px;} .results-key-certified-professional img{margin-left:5px;} .results-key-certified-toth div{padding-left:60px;padding-top:10px;} .results-key-certified-toth img{margin-left:5px;} .results-key-certified-quietzone div{padding-left:60px;padding-top:30px;} .results-key-certified-exteriorfx div{padding-left:60px;padding-top:12px;} .results-key-certified-energycomplete div{padding-left:60px;padding-top:4px;} div#print-btn a.button {float:right;clear:both;margin-bottom:1em;} .ie-compliance {display:none;} .ie6 .ie-compliance {border:0;outline:0;margin:0;padding:0;display:block;clear:both;height:1px;width:100%;background:transparent;} /* ================ */ /* = AUDIENCE BAR = */ /* ================ */ #audience-bar{height:40px;margin:0;float:left;} #audience-bar-inner{float:left;margin:0 auto;display:block;height:40px;} /*#language-selection{float:right;}*/ #audience-selection{position:absolute;top:12px;left:0px;} .audience-homeowners {border:0;border-top:1px solid #888;position:relative;z-index:390;} .audience-professionals {border:0;border-top:1px solid #888;} .change-button{vertical-align:middle;margin:0;} #forhomeowners-tray{background:url("/images/headers/audience-welcome-homeowners.gif") no-repeat;height:19px;width:226px;float:left;margin:0;} #forprofessionals-tray{background:url("/images/headers/audience-for-building-professionals.gif") no-repeat;height:22px;width:240px;float:left;margin:0;} #for-unselected{background:url("/images/headers/audience-welcome-to-owens-corning.gif") no-repeat;height:22px;width:277px;float:left;margin:0;} #current-zip-code{font-size:14px;font-weight:bold;vertical-align:middle;} #audience-bar-pro #current-zip-code{color:#fff;} #audience-bar-pro #not-set{} #audience-bar #not-set{} .audience-homeowners #zip-status{position:absolute;right:80px;top:0;padding-top:12px;text-align:right;} .audience-professionals #zip-status{position:absolute;right:80px;top:0;padding-top:12px;text-align:right;} #zip-status p.products-avail-text{font-size:13px;display:inline;vertical-align:middle;} #changezip-audiencetray{display:none;width:300px;position:absolute;top:8px;right:80px;text-align:right;} .ie6 #changezip-audiencetray{top:6px;} .audience-professionals #changezip-audiencetray {color:#FFF;} #changezip-audiencetray .submit-button{margin:0;} #changezipbutton{display:inline-block;vertical-align:middle;margin-left:5px;} #changezip-audiencetray .form-field{width:50px;margin-right:5px;color:#000;font-size:14px;font-weight:bold;font-style:normal;font-family:Arial,sans-serif;text-align:left;padding:3px;vertical-align:middle;} #changezip-audiencetray label {vertical-align:middle;} .audience-homeowners #not-set,.audience-homeowners #zip-status{color:#333;} .audience-professionals #not-set,.audience-professionals #zip-status{color:#FFF;} /* ========== */ /* = Errors = */ /* ========== */ .audience-zip-error{position:absolute;top:40px;left:50%;line-height:1.25em;width:160px;padding:15px;margin-left:-95px;background:#EEEEEE;border:1px solid #999;font-size:0.9em;font-weight:bold;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-box-shadow:#CCC 1px 1px 4px;-webkit-box-shadow:#CCC 1px 1px 4px;box-shadow:#CCC 1px 1px 4px;} .audience-zip-error span.arrow {background:url("/images/ui/error-arrow.gif") no-repeat 0 0;width:10px;height:10px;position:absolute;top:-10px;left:50%;margin-left:-5px;} .zip-error-message{} .long-error{} #zip-system-message{} div.audience-homeowners .zip-error-message, div.audience-homeowners #zip-system-message { color: #D00; } div.audience-professionals .zip-error-message, div.audience-professionals #zip-system-message { color: #FFF; } div.audience-homeowners { height: 42px; background: transparent url(/images/ui/bg/audience-bg-homeowners-repeat.png) 0 0 repeat-x; } /*div.audience-professionals { height: 42px; background: transparent url(/images/ui/bg/audience-bg-professionals-repeat.png) 0 0 repeat-x; }*/ div.audience-professionals { height: 42px; background: transparent url(/images/ui/bg/audience-bg-professionals-repeat.jpg) 0 0 repeat-x; } /* ================== */ /* = #system-detail = */ /* ================== */ .scroller-enabled{margin-top:15px;padding-top:20px;/*background:url("/images/ui/applist_arrow_up.gif") 50% 0 no-repeat;*/max-height:290px;overflow:hidden;} .scroller-enabled ul{position:absolute;} #content ul.application-list li{margin-bottom:1em;font-size:14px;font-family:Arial;} .scroller-inner{/*background:url("/images/ui/applist_arrow_down.gif") 50% 100% no-repeat;*/padding-bottom:20px;} .ie6 .scroller-inner{zoom:1;} .scroller-mask{height:250px;overflow:hidden;position:relative;} #maincontent #system-detail .system-image{float:right;margin-left:2em;position:relative;display:block;} #maincontent p#pickanother a {font-size:13px;} #maincontent #system-detail p {font-size:13px;line-height:16px;color:#333;} #maincontent #system-detail p.smallprint {font-size:11px;line-height:14px;} /* ====================== */ /* = OLD PROMOTIONS.CSS = */ /* ====================== */ #maincontent .insulation-promo h1, #maincontent .insulation-promo h2{position:relative;z-index:50;margin:0 0 0.5em 0;} #maincontent .insulation-promo h2{color:#f09;} #maincontent .insulation-promo p.intro{width:440px;position:relative;font-size:16px;color:#333;z-index:55;} #content .spotlights .insulation-promo ul.compact{margin-bottom:0;} #maincontent .insulation-promo{position:relative;margin-left:20px;height:350px;width:940px;zoom:1;} #maincontent .insulation-promo img{display:block;position:absolute;right:0;bottom:0;z-index:1;} #content .insulation-promo #view-all-applications{position:absolute;bottom:30px;right:95px;z-index:51;width:auto;} .ie6 #content .insulation-promo #view-all-applications{width:0;} .intro-slider-landing .spotlights h2{margin:0 0 1em 0;} .intro-slider-landing .spotlights h3{font-size:13px;font-weight:bold;font-family:Arial,Helvetica,sans-serif;} #content .spotlights .insulation-promo li.clearfix ul{float:left;width:180px;margin-left:0;padding-left:1.25em;} /* ================= */ /* = slideshow.css = */ /* ================= */ .slides_container{padding:25px 0px 0px 0px;margin:0px 0px 15px -20px;position:relative;font-family:Arial,Sans-Serif;font-size:13px;display:block;width:980px;height:380px;overflow:hidden;z-index:150 !important;} .slides_container a{text-decoration:none;color:#FBC8D6;} .slides_container a:hover{text-decoration:underline;} .slides_container .slides_box{padding:0px;margin:0px;overflow:hidden;position:relative;} .slides_container .title_thumb_box{width:100%;position:absolute;bottom:0px;} .slides_container .title_thumb_box .title_box{padding:5px;display:none;} .slides_container .title_thumb_box .thumb_box{text-align:left;height:25px;position:absolute;top:-40px;left:10px;width:250px;} .thumb_p,.thumb_n{display:none;} .slides_container .title_thumb_box .thumb_box span{margin-right:5px;margin-left:5px;} .slides_container .title_thumb_box .thumb_box span img{cursor:pointer;} .slides_container img{padding:0px;margin:0px;border:none;} #slides ul.pagination{position:absolute;bottom:30px;left:10px;list-style:none;z-index:250 !important;padding:0;margin:0;} #slides ul.pagination li{display:block;float:left;width:18px;height:18px;margin-right:10px;} #slides ul.pagination li a{display:block;width:18px;height:18px;text-indent:-9999em;overflow:hidden;background:url(/images/ui/bg/carousel_circle_normal.png) top left no-repeat;} #slides ul.pagination li.current a{background-image:url(/images/ui/bg/carousel_circle_solid.png);} #slides ul.pagination li a:hover{background-image:url(/images/ui/bg/carousel_circle_hoverhit.png);} /* ============== */ /* = search.css = */ /* ============== */ ul#search-results{list-style:none;margin:1em 0 0 0;padding:0;} ul#search-results li{padding:10px 10px;margin:0;float:left;width:920px !important;width /* */ :700px;/* false ie/win value */} .shaded{background:#FCF0F5;} .search-inner-left{float:left;width:500px;} .search-inner-right{float:right;width:80px;} #bb-wrapper{background:url(/img/skin/pinkfade_bg.gif) repeat-x 0 0;border-right:1px solid #ccc;border-top:1px solid #ccc;border-left:1px solid #ccc;padding:1em 0;} #best-bets{list-style:none;margin:0;padding:10px;} #best-bets li{width:200px !important;width /* */:220px;/* False value for IE4-5.x/Win. */ padding:0 10px;float:left;} #searchresults-wrapper{background:#fff;/*ie quirck*/} #counter-wrapper{text-align:center;padding:10px 10px;background:#f2f2f2;border:1px solid #ccc;} /* ========================= */ /* = OLD ACCORDION STYLING = */ /* ========================= */ .ui-accordion {border: 1px solid #999;background: #fff;list-style: none;padding-left: 0;margin-left: 0;} .ui-accordion h2 {font-weight: bold;font-size: 1.45em;background: url("/images/skin/accordion_header_bg.gif") top left repeat-x;margin: 0;padding: 0 10px;border-bottom: 1px solid #999;cursor: hand;height: 36px;} .ui-accordion h2 a, .ui-accordion h2 a:link , .ui-accordion h2 a:visited, .ui-accordion h2 a:hover, .ui-accordion h2 a:active {color: #000 !important;display: block;width: 100%;height: 25px;text-decoration: none;padding-top: 11px;background: url("/images/skin/arrow_right.gif") 100% 50% no-repeat;font-weight:300;} .ui-accordion h2.selected a, .ui-accordion h2.selected a:link , .ui-accordion h2.selected a:visited, .ui-accordion h2.selected a:hover, .ui-accordion h2.selected a:active {background: url("/images/skin/arrow_down.gif") 100% 50% no-repeat; } .ui-accordion h3 {font-size: 1.5em;} #content .ui-accordion ul {display: block;border-bottom: 1px solid #999;margin: 0;padding: 20px;clear: both;overflow: hidden;zoom: 1; } /* ============ */ /* = SET ZIP FORM = */ /* ============ */ #zip-wrapper{border-top:1px solid #CCC;margin-top:1em;padding-top:1em;} #zip-wrapper h3 {margin-bottom:.5em;} /*.yellow-note{background:#fdf1f6;border:1px solid #CCC;padding:1em;}*/ .gradTop{background:transparent url('/images/graphics/NeedInfoRPT.jpg') 0 0 repeat-x;} .pink-note{background:#fdf1f6;border:1px solid #fbc8d6;padding:1em;} #adobe-note, .yellow-note{background:#FFFFCC;border:1px solid #CCC;padding:1em;} #adobe-note a strong {margin-top:1em;display:block;font-size:11px;} #adobe-note, #adobe-note div > div.note {padding-bottom:0;} .grey-note{margin:0;border:0;background-position:0 -4px;border:1px solid #EBEBEB;} .hideMe {display:none} #contentbody .prod-details br, #contentbody .prod-details p br {display:none;height:0;width:0;margin:0;padding:0;border:0;outline:0;float:none;position:absolute;text-indent:-9999em;} #pre-footer { background: url(/images/ui/bg/cep-replacement.png) repeat-x left top; padding: 38px 20px 40px 0px; font-size: 11px; } .ie6 #pre-footer { background: url(/images/ui/bg/cep-replacement.png) repeat-x left top; padding: 38px 20px 40px 0px; font-size: 11px; clear: both;} #ecotouch-microsite p {font-size:18px;color:#333;} body.ecotouch #content {margin-top:110px;} body.dealer #content {margin-top:55px;} #ecotouch-microsite { position: relative; width: 940px;} #ecotouch-microsite .grid5 { width: 260px; margin: 0;} #ecotouch-microsite .grid11 { width: 662px; margin: 0!important; padding: 0!important; float: right; } #ecotouch-microsite .grid11 p { font-size: 16px;} #ecotouch-microsite a.reinvention-of-insulation { display: block; cursor: default; outline: none; margin-bottom: 20px; } #ecotouch-microsite a.button-wrapper { position: absolute; right: -1px; top: 311px; display: block; width: 205px; height: 40px; outline: none; } #ecotouch-microsite p.pink-is-green { text-align: center; margin-top: 20px; } #ecotouch-microsite p.pink-is-green img { width: 134px; height: auto;} #ecotouch-microsite #ecotouch-logo {height: 95px; margin-top: 10px;} #ecotouch-microsite #ecotouch-logo img {float: right;} #ecotouch-microsite h1 { font-size: 26px; margin-bottom: 0.5em;} #ecotouch-microsite p { font-size: 18px; } #ecotouch-microsite .you-are-here { line-height: 30px; margin-top: -9px; } body.ecotouch #ecotouch-microsite .subcontent {margin-right:0;} /* ======================================================================================== */ /* = this so all the stupid ®balls & ™ will work correctly and still display normal links = */ /* ======================================================================================== */ sup,sub{vertical-align:baseline;position:relative;line-height:normal;top:-0.3em;font-size:x-small;} .ie6 sup{font-size:12px;} a sup {position:relative;top:0px;} #breadcrumbs span sup {line-height:0;position:relative;top:-1px;} h1 sup, h2 sup{line-height:0;vertical-align:middle;} h1 sup {font-size:17px;top:-0.7em;} h2 sup {font-size:14px;top:-0.5em;} .ie6 #content h1 sup {font-size:17px;top:-0.4em;} .ie7 sup, .ie8 sup {font-size:small;top:-0.4em;} .ie7 #content h1 sup, .ie8 #content h1 sup {font-size:16px;top:-0.4em;vertical-align:super;} .ie7 #content h1 sup {font-size:16px;top:-0.75em;} #project-list ul.compact li, #content ul.productlist li {margin-bottom:0.5em;} #content ul.accessorieslist li a, #content ul.productlist li a, #project-list ul.compact li a, ul#product-list li.product-line a.prod-line-link, #content ul.application-list li a, .projects-list li a, ul.doclist li a, ul.cust-support-list li h2 a, ul.bullets li a {text-decoration:none;border:0;border-bottom:1px solid #F06;} #content ul.accessorieslist li a sup, #content ul.productlist li a sup, #project-list ul.compact li a sup, ul#product-list li.product-line a.prod-line-link sup, #content ul.application-list li a sup, .projects-list li a sup, ul.doclist li a sup, ul.cust-support-list li h2 a sup, ul.bullets li a sup {position:relative;top:-0.3em;} ul.cust-support-list li h2 a sup {top:-0.5em;} .ie6 ul.cust-support-list li h2 a sup {top:-0.3em;} .ie .height-for-ie {height:160px;} .quietzone-box h2 sup {font-size:10px;} .ie6 .quietzone-box h2 sup {top:-0.2em;} body.aux-landing #content p.smallprint {font-size:12px;line-height:15px;margin-bottom:0.75em;font-style:italic;} body.aux-landing #content p.smallprint.citeNote a {display:inline;padding-left:0;}