/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Title: Screen styles Author: The Push Group, LLC ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ D E F A U L T S ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ * { margin: 0; padding: 0; } html { height: 100%; } body { height: 100%; margin: 0px; padding: 0px; background: url(../_imgs/bckg_maroonGrad.jpg) #331906 repeat-x 0 0; font: normal 62.5% Arial, Helvetica, sans-serif; text-align: center; } img { border: 0; } h1 { font: normal normal 1.6em Georgia, "Times New Roman", Times, serif; color: #4c2b14; margin-bottom: 10px; line-height: 23px; } a, a:visited, a:active, a:hover { color: #1149ff; text-decoration: underline; outline:none; } li a{ outline:none;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ T H R E E C O L U M N S T R U C T U R E ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* sub pages */ .threeClmn div.first { float: left; width: 181px; margin: 0 0 0 0; padding: 9px 0 0 15px; } /* div.second Bill Edwards Modification Start */ .threeClmn div.second { float: left; width: 553px; padding: 0 20px 25px 20px; margin-top: 13px; background: url(../_imgs/dotsV_blue.gif) #fff repeat-y 7px 0; font-size:12px;} /* Bill Edwards modification End */ .threeClmn div.third { float: left; width: 147px; padding: 9px 20px 0 20px; } #wrap { position: relative; margin: 0 auto; width: 996px; text-align: left; background: url(../_imgs/bckg_paper.gif) #fff repeat-y 0 0; } #wrap1 { margin: 0 6px; background: url(../_imgs/bckg_blueGrad.jpg) #e1edf8 repeat-x 0 0; } /* home page */ .threeClmnHome div.first { float: left; width: 172px; height: 534px; padding: 9px 22px 0 22px; } .threeClmnHome div.second { float: left; width: 524px; height: 530px; padding-top: 13px } .threeClmnHome div.third { float: left; width: 210px; height: 534px; padding: 9px 22px 0 22px; } #home #wrap { position: relative; margin: 0 auto; width: 996px; text-align: left; background: url(../_imgs/bckg_paper.gif) #fff repeat-y 0 0; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ H E A D E R ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* home */ #home #header { margin-left: 6px; } /* all pages */ .logo { float: left; margin: 12px 0 0 45px; } #header { clear:both; margin: 0; padding: 9px 0 0 0; width: 984px; height: 109px; background: url(../_imgs/bckg_header2010.jpg) no-repeat 0 0; } /* #header .linkBar { float: right; height: 20px; margin: 0 14px 10px 0; background: url(../_imgs/lnkBar_left.gif) no-repeat 0 0; } #header .linkBar .cap { height: 20px; background: url(../_imgs/lnkBar_cap.gif) no-repeat top right; margin-right: -3px; padding: 0 20px 0 17px; } */ #header .linkBar { float: right; height: 20px; padding: 0 3px 0 0; margin: 0 14px 10px 0; background: url(../_imgs/lnkBar_cap.gif) no-repeat right 0; text-align: center; } #header .linkBar .cap { height: 20px; background: url(../_imgs/lnkBar_left.gif) no-repeat 0 0; padding: 0 17px 0 20px; } #header .linkBar a, #header .linkbar a:visited, #header .linkbar a:active { font: normal normal 1.1em "Trebuchet MS", Georgia, "Times New Roman", Times, serif; color: #4c2b14; line-height: 20px; text-decoration: none; } #header .linkBar a:hover { color: #139cd6; text-decoration: underline; } #header .linkBar em { font: normal normal 1.1em "Trebuchet MS", Georgia, "Times New Roman", Times, serif; color: #4c2b14; padding: 0 5px; } #header .searchBar { float: right; clear: right; width: 239px; height: 34px; margin: 0 14px 9px 0; } #header .searchBar input { float: left; width: 121px; height: 14px; padding: 1px; margin: 7px 0 0 55px; font: normal normal 1.1em Arial, Helvetica, sans-serif; } #header .searchBar button { display: block; float: left; width: 42px; height: 22px; margin: 6px 0 0 11px; background: url(../_imgs/btn_go.gif) no-repeat 0 0; text-indent: -1999px; overflow: hidden; font-size: 0; line-height: 0; text-decoration: none; border: none; cursor: pointer; } #header .searchBar button:hover { background: url(../_imgs/btn_go.gif) no-repeat 0 -22px; } #header .topNav { clear: both; position: relative; list-style: none; height: 36px; padding: 0 0 0 25px; } #header .topNav_active { background: url(../_imgs/bckg_greenStripe.gif) repeat-x 0 31px; } #header .topNav:hover { background: url(../_imgs/bckg_greenStripe.gif) repeat-x 0 31px; } #header .topNav li { list-style: none; float: left; width: 138px; height: 36px; margin: 0 4px 0 0; } #header .topNav li a { display: block; width: 138px; height: 36px; text-indent: -1999px; overflow: hidden; font-size: 0;; line-height: 0; text-decoration: none; } #header .topNav .ecoAssessment { width: 271px; } #header .topNav .ecoAssessment a, #header .topNav .ecoAssessment a:visited, #header .topNav .ecoAssessment a:active { width: 271px; background: url(../_imgs/tab_ecoAssessment.gif) no-repeat 0 0; } #header .topNav .shopProducts a, #header .topNav .shopProducts a:visited, #header .topNav .shopProducts a:active { background: url(../_imgs/tab_shopProducts.gif) no-repeat 0 0; } #header .topNav .greenHome a, #header .topNav .greenHome a:visited, #header .topNav .greenHome a:active { background: url(../_imgs/tab_greenhome.gif) no-repeat 0 0; } #header .topNav .learn a, #header .topNav .learn a:visited, #header .topNav .learn a:active { background: url(../_imgs/tab_learn.gif) no-repeat 0 0; } #header .topNav .about a, #header .topNav .about a:visited, #header .topNav .about a:active { background: url(../_imgs/tab_aboutEcobeco.gif) no-repeat 0 0; } #header .topNav_active .ecoAssessment a, #header .topNav_active .ecoAssessment a:visited, #header .topNav_active .ecoAssessment a:active { background: url(../_imgs/tab_ecoAssessment.gif) no-repeat 0 -72px; } #header .topNav_active .shopProducts a, #header .topNav_active .shopProducts a:visited, #header .topNav_active .shopProducts a:active { background: url(../_imgs/tab_shopProducts.gif) no-repeat 0 -72px; } #header .topNav_active .greenHome a, #header .topNav_active .greenHome a:visited, #header .topNav_active .greenHome a:active { background: url(../_imgs/tab_greenhome.gif) no-repeat 0 -72px; } #header .topNav_active .learn a, #header .topNav_active .learn a:visited, #header .topNav_active .learn a:active { background: url(../_imgs/tab_learn.gif) no-repeat 0 -72px; } #header .topNav_active .about a, #header .topNav_active .about a:visited, #header .topNav_active .about a:active { background: url(../_imgs/tab_aboutEcobeco.gif) no-repeat 0 -72px; } #header .topNav .ecoAssessment a.active, #header .topNav .ecoAssessment a.active:visited, #header .topNav .ecoAssessment a.active:active, #header .topNav .ecoAssessment a:hover { background: url(../_imgs/tab_ecoAssessment.gif) no-repeat 0 -36px; } #header .topNav .shopProducts a.active, #header .topNav .shopProducts a.active:visited, #header .topNav .shopProducts a.active:active, #header .topNav .shopProducts a:hover { background: url(../_imgs/tab_shopProducts.gif) no-repeat 0 -36px; } #header .topNav .greenHome a.active, #header .topNav .greenHome a.active:visited, #header .topNav .greenHome a.active:active, #header .topNav .greenHome a:hover { background: url(../_imgs/tab_greenhome.gif) no-repeat 0 -36px; } #header .topNav .learn a.active, #header .topNav .learn a.active:visited, #header .topNav .learn a.active:active, #header .topNav .learn a:hover { background: url(../_imgs/tab_learn.gif) no-repeat 0 -36px; } #header .topNav .about a.active, #header .topNav .about a.active:visited, #header .topNav .about a.active:active, #header .topNav .about a:hover { background: url(../_imgs/tab_aboutEcobeco.gif) no-repeat 0 -36px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ F O O T E R ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* subpages */ #footer { clear:both; width: 984px; height: 110px; background: url(../_imgs/bckg_footer.gif) #fff no-repeat 0 0; } #footer .links { float: left; width: 731px; margin: 32px 0 0 27px; font: normal normal 1.1em Arial, Helvetica, sans-serif; color: #5a5a5a; line-height: 1.6em; } #footer .copy { float: left; width: 196px; margin: 89px 0 0 0; font: normal normal 1.1em Arial, Helvetica, sans-serif; color: #5a5a5a; text-align: right; } #footer a, #footer a:visited, #footer a:active { color: #5a5a5a; text-decoration: none; } #footer a:hover { color: #139cd6; text-decoration: underline; } #footer a.active, #footer a.active:visited, #footer a.active:active, #footer a.active:hover { color: #139cd6; text-decoration: none; } /* home */ #home #footer { margin-left: 6px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ S I D E M E N U ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* general menu */ #sideMenu { list-style: none; margin: 0 0 20px 0; } #sideMenu li { list-style: none; width: 181px; height: 36px; margin: 0 0 2px 0; background: url(../_imgs/dots_blue.gif) repeat-x 0 bottom; } #sideMenu li a, #sideMenu li a.visited, #sideMenu li a:active { display: block; width: 171px; height: 23px; padding: 9px 0 0 10px; background-color: #fff; font: normal normal 1.2em Georgia, "Times New Roman", Times, serif; color: #d37426; text-decoration: none; letter-spacing: -.3px; } #sideMenu li a:hover, #sideMenu li a.active { background-color: #e7f1fa; } /* specific menu items */ #sideMenu li.saveEnergy a { background: url(../_imgs/menuIcn_bulb.gif) no-repeat 156px 0; } #sideMenu li.saveEnergy a:hover, #sideMenu li.saveEnergy a.active { background: url(../_imgs/menuIcn_bulb.gif) #e7f1fa no-repeat 156px -32px; } #sideMenu li.safeInterior a { background: url(../_imgs/menuIcn_house.gif) no-repeat 156px 0; } #sideMenu li.safeInterior a:hover, #sideMenu li.safeInterior a.active { background: url(../_imgs/menuIcn_house.gif) #e7f1fa no-repeat 156px -32px; } #sideMenu li.outdorGarden a { background: url(../_imgs/menuIcn_flower.gif) no-repeat 156px 0; } #sideMenu li.outdorGarden a:hover, #sideMenu li.outdorGarden a.active { background: url(../_imgs/menuIcn_flower.gif) #e7f1fa no-repeat 156px -32px; } #sideMenu li.lifestyle a { background: url(../_imgs/menuIcn_windmill.gif) no-repeat 156px 0; } #sideMenu li.lifestyle a:hover, #sideMenu li.lifestyle a.active { background: url(../_imgs/menuIcn_windmill.gif) #e7f1fa no-repeat 156px -32px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ M I S C / P A T C H E S ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .clear { clear:both; height: 0; font-size: 0; line-height: 0; overflow: hidden; } #skipNav { display: none; } /* Clearfix Patch, updated for IE7 on 7/26/06 */ .clearFix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearFix { display: inline-block; } .clearFix { display:block; } * html .clearFix { height:0; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ R E U S A B L E ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* scrollBar */ #main { float: right; margin-right: -11px; width: 158px; height: 230px; } #content { width: 147px; height: 230px; float: left; overflow: hidden; } #text { padding: 0 5px 0 0; } #track { height: 230px; width: 11px; float: left; position: relative; background: url(../_imgs/scroll_track.gif) repeat-y 0 0; } #thumb { position: absolute; top: 10px; left: 0; height: 10px; width: 11px; background: url(../_imgs/scroll_thumb_autoSize.gif) repeat-y 0 0; } /* product */ .product { margin: 0 0 23px 0; } .product img { display: block; margin: 0 auto 5px auto; } .product h2 { font: normal normal 1.2em Georgia, "Times New Roman", Times, serif; color: #d06a17; padding: 0 0 12px 0; background: url(../_imgs/dots_blue.gif) repeat-x 0 bottom; margin: 0 0 13px 0; } .product a, .product a:visited, .product a:active { display: block; width: 88px; height: 23px; margin: 0 auto; background: url(../_imgs/btn_viewProduct.gif) no-repeat 0 0; font-size: 0; line-height: 0; text-decoreation: 0; text-indent: -1999px; overflow: hidden; } .product a:hover { background: url(../_imgs/btn_viewProduct.gif) no-repeat 0 -23px; } /* the others */ img.pdf { vertical-align: middle; padding-right: 5px; } a.pdf { text-decoration: underline; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ P A G E S ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* all pages */ .first .module1 { display: block; width: 161px; height: 206px; background: url(../_imgs/mod_scheduleEco.jpg) no-repeat 0 0; margin: 0 0 0 0; font-size: 0; line-height: 0; text-decoration: 0; text-indent: -1999px; overflow: hidden; } .first .module1Fix { font-size: 0; line-height: 0; height: 6px; margin: 0; padding: 0; } /* subpages */ .threeClmn .first .module1, .threeClmn .first .module2 { margin-left: 6px; } .threeClmn .first h1 { padding: 0 0 15px 0; background: url(../_imgs/dots_blue.gif) repeat-x 0 bottom; margin: 0 0 20px 0; } .threeClmn .first h1.sideMenu { margin: 0 0 2px 0; } /*.threeClmn .first .module2 { width: 125px; height: 31px; padding: 78px 0 0 36px; background: url(../_imgs/mod_weCanCome.jpg) no-repeat 0 0; margin-bottom: 15px; } .threeClmn .first .module2 a.learn, .first .module2 a.learn:visited, .first .module2 a.active { display: block; width: 87px; height: 19px; background: url(../_imgs/btn_learnMore2.gif) 0 0; text-indent: -1999px; overflow: hidden; font-size: 0;; line-height: 0; text-decoration: none; } .threeClmn .first .module2 a.learn:hover { background: url(../_imgs/btn_learnMore2.gif) 0 -19px; }*/ /* Changed By Kasturi From here to accomodate the side menu code even in the SubPages ============================ */ .threeClmn .first .module2 .btns { list-style: none; } .threeClmn .first .module2 .btns li { float: left; margin-right: 2px; } .threeClmn .first .module2 .btns li a { display: block; text-indent: -1999px; overflow: hidden; font-size: 0;; line-height: 0; text-decoration: none; } .threeClmn .first .module2 .btns li.mainBtn { width: 91px; height: 23px; margin-right: 16px; } .threeClmn .first .module2 .btns li.mainBtn a { width: 91px; height: 23px; background: url(../_imgs/btn_learnMore.gif) no-repeat 0 0; } .threeClmn .first .module2 .btns li.mainBtn a:hover { width: 91px; height: 23px; background: url(../_imgs/btn_learnMore.gif) no-repeat 0 -23px; } .threeClmn .first .module2 .btns li.mainBtn a#findUs { background: url(../_imgs/btn_findUs.gif) no-repeat 0 0; } .threeClmn .first .module2 .btns li.mainBtn a#findUs:hover { background: url(../_imgs/btn_findUs.gif) no-repeat 0 -23px; } .threeClmn .first .module2 .btns li.one { width: 12px; height: 13px; margin-top: 8px; } .threeClmn .first .module2 .btns li.one a { width: 12px; height: 13px; background: url(../_imgs/btn_1.gif) no-repeat 0 0; } .threeClmn .first .module2 .btns li.one a:hover { width: 12px; height: 13px; background: url(../_imgs/btn_1.gif) no-repeat 0 -13px; } .threeClmn .first .module2 .btns li.two { width: 12px; height: 13px; margin-top: 8px; } .threeClmn .first .module2 .btns li.two a { width: 12px; height: 13px; background: url(../_imgs/btn_2.gif) no-repeat 0 0; } .threeClmn .first .module2 .btns li.two a:hover { width: 12px; height: 13px; background: url(../_imgs/btn_2.gif) no-repeat 0 -13px; } .threeClmn .first .module2 .btns li.three { width: 12px; height: 13px; margin-top: 8px; } .threeClmn .first .module2 .btns li.three a { width: 12px; height: 13px; background: url(../_imgs/btn_3.gif) no-repeat 0 0; } .threeClmn .first .module2 .btns li.three a:hover { width: 12px; height: 13px; background: url(../_imgs/btn_3.gif) no-repeat 0 -13px; } .threeClmn .first .module2 { width: 153px; height: 31px; padding: 78px 0 0 8px; } .threeClmn .first .mod2State1 { background: url(../_imgs/mod_weCanCome.jpg) no-repeat 0 0; } .threeClmn .first .mod2State2 { background: url(../_imgs/mod_weCanCome.jpg) no-repeat 0 -109px; } .threeClmn .first .mod2State3 { background: url(../_imgs/mod_weCanCome.jpg) no-repeat 0 -218px; } .threeClmn .first .mod2State1 .btns li.one a { background: url(../_imgs/btn_1.gif) no-repeat 0 -13px; } .threeClmn .first .mod2State2 .btns li.two a { background: url(../_imgs/btn_2.gif) no-repeat 0 -13px; } .threeClmn .first .mod2State3 .btns li.three a { background: url(../_imgs/btn_3.gif) no-repeat 0 -13px; } /* Till Here ============================ */ .threeClmn .second h2 { font: normal normal 1.7em Georgia, "Times New Roman", Times, serif; color: #d06916; margin: 1.2em 0 10px 20px; } .threeClmn .second h2.first { margin-top: 0; } .threeClmn .second p { font: normal normal 1.1em Arial, Helvetica, sans-serif; color: #5a5a5a; line-height: 1.7em; margin: 0 15px 23px 20px; } .threeClmn .second p.last { margin-bottom: 0; } .threeClmn .second p.important { padding: 10px; background-color: #edf4fb; border: solid 1px #93bce6; } .threeClmn .second strong { color: #000; } .threeClmn .second ul { margin-bottom: 1em; } .threeClmn .second ul.last { margin-bottom: 0; } .threeClmn .second ul li { list-style: none; font: normal normal 1.1em Arial, Helvetica, sans-serif; color: #5a5a5a; line-height: 1.7em; padding: 0 0 0 8px; background: url(../_imgs/grayDot.gif) no-repeat 0 8px; margin: 0 15px 0 20px; } .threeClmn .second .breadCrumbNav { background-color: #e9f4e2; padding: 10px 20px; margin: 0 0 20px 0; } .threeClmn .second .breadCrumbNav a, .second .breadCrumbNav a:visited, .second .breadCrumbNav a.active { font: normal normal 1.2em Arial, Helvetica, sans-serif; color: #6db344; text-decoration: underline; } .threeClmn .second .breadCrumbNav a:hover { color: #139cd6; } .threeClmn .second .breadCrumbNav span { font: normal normal 1.2em Arial, Helvetica, sans-serif; color: #767676; } .threeClmn .second .breadCrumbNav em { padding: 5px; font: normal normal 1.2em Arial, Helvetica, sans-serif; color: #6db344; } .threeClmn .second .pageTtl { height: 41px; padding: 0; margin: 0 0 16px 20px; background: url(../_imgs/dots_brown.gif) repeat-x 0 bottom; } .threeClmn .second .pageTtl h1 { height: 36px; float: left; margin: 0; padding: 5px 0 0 0; } .threeClmn .second .pageTtl h1.saveEnergy { padding-left: 40px; background: url(../_imgs/icn_bulb_mid.gif) no-repeat 0 0; } .threeClmn .second .pageTtl div { width: 178px; float: right; text-align: right; } .threeClmn .second .pageTtl div.links { padding: 6px 0 0 0; } .threeClmn .second .pageTtl div.links a, .threeClmn .second .pageTtl div.links a.visited, .threeClmn .second .pageTtl div.links a:active { font: normal normal 1.1em Arial, Helvetica, sans-serif; color: #009ddc; text-decoration: underline; } .threeClmn .second .pageTtl div.links a:hover { color: #3b7b14; } .threeClmn .second .pageTtl div.links em { font: normal normal 1.1em Arial, Helvetica, sans-serif; color: #009ddc; padding: 0 2px; } .threeClmn .second .pageTtl div.btns { width: 250px; margin: 3px 0 0 0; } .threeClmn .second .pageTtl div.btns .shopForSaveEnergy, .threeClmn .second .pageTtl div.btns .shopForSaveEnergy:visited, .threeClmn .second .pageTtl div.btns .shopForSaveEnergy:active { float: right; width: 205px; height: 23px; background: url(../_imgs/btn_shopForSaveEnergy.gif) no-repeat 0 0; font-size: 0; line-height: 0; text-decoration: 0; text-indent: -1999px; overflow: hidden; } .threeClmn .second .pageTtl div.btns .shopForSaveEnergy:hover { background: url(../_imgs/btn_shopForSaveEnergy.gif) no-repeat 0 -23px; } .threeClmn .second .introSmall { float: right; margin: 0 20px 0 10px; } .threeClmn .second .introBig { padding: 0 0 35px 25px; } .threeClmn .second .sectionHd { padding: 2px 5px 2px 20px; background-color: #faf0e7; cursor: pointer; margin-bottom: 2px; } .threeClmn .second .sectionHd p { float: left; width: 485px; margin: 0; padding: 0; font: normal bold 1.1em Arial, Helvetica, sans-serif; color: #d06916; } .threeClmn .second .sectionHd a { float: right; width: 15px; height: 15px; background: url(../_imgs/arr_upDown.gif) no-repeat 0 -15px; font-size: 0; line-height: 0; text-decoration: 0; text-indent: -1999px; overflow: hidden; } .threeClmn .second .sectionHd a.active { background: url(../_imgs/arr_upDown.gif) no-repeat 0 0; } .threeClmn .second .sectionBd { padding: 13px 0 19px 0; background: url(../_imgs/dotsV_orange.gif) repeat-y 276px 0; } .threeClmn .second .sectionBd.oneClmn { background: none; } .threeClmn .second .sectionBd .left { float: left; width: 278px; } .threeClmn .second .sectionBd .right { float: right; width: 274px; } .threeClmn .second .toTop { display: block; clear: both; margin: 0 15px 0 0; text-align: right; } .threeClmn .second .toTop a, .threeClmn .second .toTop a:visited, .threeClmn .second .toTop a:active { font: normal bold 1.1em Arial, Helvetica, sans-serif; color: #009ddc; text-decoration: none; } .threeClmn .second .toTop a:hover { text-decoration: underline; } .threeClmn .second .toggleAll { display: block; clear: both; padding: 3px 0; text-align: right; } .threeClmn .second .toggleAll a, .threeClmn .second .toggleAll a:visited, .threeClmn .second .toggleAll a:active { font: normal bold 1.1em Arial, Helvetica, sans-serif; color: #009ddc; text-decoration: none; } .threeClmn .second .toggleAll a:hover { text-decoration: underline; } .threeClmn .second .hype { margin-top: .5em; font: normal normal 1.3em Georgia, "Times New Roman", Times, serif; color: #45a5da; } .threeClmn .third h1 { display: block; height: 31px; background: none; margin-bottom: 10px; } .threeClmn .third p { font: normal normal 1.1em Arial, Helvetica, sans-serif; color: #5a5a5a; line-height: 1.7em; margin: 0 0 23px 0; } .threeClmn .third .ecoTipTtl { height: 63px; margin-bottom: 13px; background: url(../_imgs/bckg_didYouKnow.gif) no-repeat right bottom; } .threeClmn .third .ecoTipTtl h1 { display: block; height: 35px; margin: 0; padding: 0; background: none; } .threeClmn .third .ecoTipTtl h2 { font: normal normal 1.2em Georgia, "Times New Roman", Times, serif; color: #d06a17; } /* home */ #home .first h1 { margin: 0 0 10px 0; padding: 0; background: none; } #home .homePageFlash { width: 524px; height: 511px; background: url(../_imgs/homepage_flash_static.jpg) no-repeat 0 0; } #home .findAssessBtns { list-style: none; margin: 0 0 2px 3px; } #home .findAssessBtns li { width: 166px; height: 35px; margin: 0 0 5px 0; } #home .findAssessBtns li.last { margin-bottom: 0; } #home .findAssessBtns li a { display: block; width: 166px; height: 35px; text-indent: -1999px; overflow: hidden; text-decoration: none; } #home .findAssessBtns .homeOwner a { background: url(../_imgs/btn_homeOwner.gif) no-repeat 0 0; } #home .findAssessBtns .homeOwner a:hover { background: url(../_imgs/btn_homeOwner.gif) no-repeat -166px 0; } #home .findAssessBtns .apartmentOwner a { background: url(../_imgs/btn_apartmentOwner.gif) no-repeat 0 0; } #home .findAssessBtns .apartmentOwner a:hover { background: url(../_imgs/btn_apartmentOwner.gif) no-repeat -166px 0; } #home .findAssessBtns .homeRenter a { background: url(../_imgs/btn_homeRenter.gif) no-repeat 0 0; } #home .findAssessBtns .homeRenter a:hover { background: url(../_imgs/btn_homeRenter.gif) no-repeat -166px 0; } #home .first .module1, #home .first .module2 { margin-left: 6px; } /* temp */ .threeClmnHome .first .module2 { width: 125px; height: 31px; padding: 78px 0 0 36px; background: url(../_imgs/mod_weCanCome2.gif) no-repeat 0 0; } .threeClmnHome .first .module2 a.learn, .first .module2 a.learn:visited, .first .module2 a.active { display: block; width: 87px; height: 19px; background: url(../_imgs/btn_learnMore2.gif) 0 0; text-indent: -1999px; overflow: hidden; font-size: 0;; line-height: 0; text-decoration: none; } .threeClmnHome .first .module2 a.learn:hover { background: url(../_imgs/btn_learnMore2.gif) 0 -19px; } /* module2 buttons */ #home .first .module2 .btns { list-style: none; } #home .first .module2 .btns li { float: left; margin-right: 2px; } #home .first .module2 .btns li a { display: block; text-indent: -1999px; overflow: hidden; font-size: 0;; line-height: 0; text-decoration: none; } #home .first .module2 .btns li.mainBtn { width: 91px; height: 23px; margin-right: 16px; } #home .first .module2 .btns li.mainBtn a { width: 91px; height: 23px; background: url(../_imgs/btn_learnMore.gif) no-repeat 0 0; } #home .first .module2 .btns li.mainBtn a:hover { width: 91px; height: 23px; background: url(../_imgs/btn_learnMore.gif) no-repeat 0 -23px; } #home .first .module2 .btns li.mainBtn a#findUs { background: url(../_imgs/btn_findUs.gif) no-repeat 0 0; } #home .first .module2 .btns li.mainBtn a#findUs:hover { background: url(../_imgs/btn_findUs.gif) no-repeat 0 -23px; } #home .first .module2 .btns li.one { width: 12px; height: 13px; margin-top: 8px; } #home .first .module2 .btns li.one a { width: 12px; height: 13px; background: url(../_imgs/btn_1.gif) no-repeat 0 0; } #home .first .module2 .btns li.one a:hover { width: 12px; height: 13px; background: url(../_imgs/btn_1.gif) no-repeat 0 -13px; } #home .first .module2 .btns li.two { width: 12px; height: 13px; margin-top: 8px; } #home .first .module2 .btns li.two a { width: 12px; height: 13px; background: url(../_imgs/btn_2.gif) no-repeat 0 0; } #home .first .module2 .btns li.two a:hover { width: 12px; height: 13px; background: url(../_imgs/btn_2.gif) no-repeat 0 -13px; } #home .first .module2 .btns li.three { width: 12px; height: 13px; margin-top: 8px; } #home .first .module2 .btns li.three a { width: 12px; height: 13px; background: url(../_imgs/btn_3.gif) no-repeat 0 0; } #home .first .module2 .btns li.three a:hover { width: 12px; height: 13px; background: url(../_imgs/btn_3.gif) no-repeat 0 -13px; } #home .first .module2 { width: 153px; height: 31px; padding: 78px 0 0 8px; } #home .first .mod2State1 { background: url(../_imgs/mod_weCanCome.jpg) no-repeat 0 0; } #home .first .mod2State2 { background: url(../_imgs/mod_weCanCome.jpg) no-repeat 0 -109px; } #home .first .mod2State3 { background: url(../_imgs/mod_weCanCome.jpg) no-repeat 0 -218px; } #home .first .mod2State1 .btns li.one a { background: url(../_imgs/btn_1.gif) no-repeat 0 -13px; } #home .first .mod2State2 .btns li.two a { background: url(../_imgs/btn_2.gif) no-repeat 0 -13px; } #home .first .mod2State3 .btns li.three a { background: url(../_imgs/btn_3.gif) no-repeat 0 -13px; } #home .third h1 { display: block; height: 31px; background: url(../_imgs/dots_brown.gif) repeat-x 0 29px; text-align: center; margin-bottom: 10px; } #home .third .module { margin-bottom: 9px; } #home .third .module.lifeStyle { margin-bottom: 0; } #home .third .module h2 { padding: 0 0 0 47px; margin: 0 0 6px 0; font: normal normal 1.2em Georgia, "Times New Roman", Times, serif; color: #d06a17; } #home .third .module p { padding: 0 0 0 47px; margin: 0 0 5px 0; font: normal normal 1em Arial, Helvetica, sans-serif; letter-spacing: -.02em; color: #5a5a5a; line-height: 1.4em; } #home .third .module .btnBar { height: 41px; background: url(../_imgs/dots_blue.gif) repeat-x 0 36px; } #home .third .module a { float: left; width: 66px; height: 23px; margin-right: 3px; text-indent: -1999px; overflow: hidden; font-size: 0;; line-height: 0; text-decoration: 0; } #home .third .module a.learn { background: url(../_imgs/btn_learn.gif) no-repeat 0 0; } #home .third .module a.services { background: url(../_imgs/btn_services.gif) no-repeat 0 0; } #home .third .module a.products { background: url(../_imgs/btn_products.gif) no-repeat 0 0; } #home .third .module a:hover { background-position: 0 -23px; } #home .third .module.saveEnergy { background: url(../_imgs/icn_bulb.gif) no-repeat 0 0; } #home .third .module.safeInterior { background: url(../_imgs/icn_house.gif) no-repeat 0 0; } #home .third .module.outdoor { background: url(../_imgs/icn_flower.gif) no-repeat 0 0; } #home .third .module.lifeStyle { background: url(../_imgs/icn_windmill.gif) no-repeat 0 0; } #home .third .module.saveEnergy .btnBar .first { margin-left: 3px; } #home .third .module.safeInterior .btnBar .first { margin-left: 3px; } #home .third .module.outdoor .btnBar .first { margin-left: 70px; } #home .third .module.lifeStyle .btnBar .first { margin-left: 70px; } /* ecoAssessment */ #ecoAssessment .second .tabs { width: 553px; height: 34px; margin: 0 0 10px 0; } #ecoAssessment .second .tabs .left, #ecoAssessment .second .tabs .right { width: 253px; height: 34px; background: url(../_imgs/tab_blue.gif) no-repeat 0 0; margin: 0; padding: 0 0 0 20px; font: normal normal 1.7em Georgia, "Times New Roman", Times, serif; color: #45a5da; line-height: 34px; } #ecoAssessment .second .tabs .left { float: left; } #ecoAssessment .second .tabs .right { float: right; } #ecoAssessment .second h2 { padding: 0 0 0 23px; } #ecoAssessment .second h2.homeOwners { background: url(../_imgs/ico_house.gif) no-repeat 0 2px; } #ecoAssessment .second h2.apartmentOwners { background: url(../_imgs/ico_apartment.gif) no-repeat 0 2px; } #ecoAssessment .second h2.renters { background: url(../_imgs/ico_house.gif) no-repeat 0 2px; } /* learn > save energy */ #learn_saveEnergy .improvedHouse { margin: 0 0 10px 20px; } /* search results */ #search .second h2.search { padding: 0 0 0 23px; background: url(../_imgs/icn_search.gif) no-repeat 0 1px; } #search ul { padding: 0 0 0 18px; } #search .notFound { padding: 0 0 0 23px; } /*for list*/ ul.btns li.mainBtn a li.one, ul.btns li.mainBtn a li.two{ list-style:none;}