/** * Frontend stylesheet. * * @package sf_layout * @subpackage Frontend styles * @author pauk-net.com */ @font-face { font-family: "Molengo Regular"; src: url(/fonts/Molengo-Regular.ttf) format("truetype"); } /*ROUND BOXES*/ .rounded, .rtLeft { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; } .rounded, .rtRight { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; } .rounded, .rbLeft { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; } .rounded, .rbRight { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; } .clear{clear:both;} /*SEPARATOR*/ .menuSeparator {float:left; width:2px; height:11px; background:#e9e3da; margin:5px 10px 0;} .separatorFeature {float:left; width:239px; height:1px; background:#ededed; margin-left:7px;} .footerSeparator {float:left; width:1px; height:125px; background:#85b3cb; margin:15px 27px 0px 0px;} /* 100% height settings */ html{height:100%; min-height:100%;} body{min-width:1050px; height:100%; min-height:100%; color:#666; font-family: Arial, Verdana, Helvetica, sans-serif;} .wrapper {margin:auto; width:100%; min-height:100%; height:auto!important; text-align:left; position:relative;} .bodyhome5 {background: url('/images/layout/bgBody.jpg') no-repeat center top;} /*HEADER*/ .header {float:left; width:100%; color:#fff;} .headerTop {float:left; width:100%; height:34px; background:#018bed; border-bottom:1px solid #8ecbf7;} .find {float:left; width:390px; background:url("/images/layout/bg_input.png") no-repeat top left; height:26px; margin-top:4px; font-size:11px;} .findProfessional {float:left; text-transform:uppercase; margin:8px 5px 0 0; font-weight:bold; font-size:11px; text-shadow:-1px -1px 0px #086393;} .find ul {} .find ul li {float:left; width:100%;} .find ul li input {float:left; color:#054864; background:none; width:60px; padding:2px; margin:5px 0 0 10px; text-transform:uppercase; font-weight:bold;} /*.find ul li label {float:left; text-transform:uppercase; color:#000; margin:4px 0 0 15px; font-weight:bold; } .find ul li select {float:left; margin:3px 0 0 5px; padding:2px; background:#E8FAFF;}*/ .find ul li label {display:none;} .find ul li .button {position:absolute; float:right; width:85px; height:26px; margin:0; color:#fff; font-weight:bold; text-transform:uppercase; text-shadow:-1px -1px 0px #e48900; cursor:pointer; background:url("/images/layout/btn_find.png") no-repeat top left;} .find ul li .button:hover {background-position: bottom right; text-shadow:-1px -1px 0 #2b6f1d;} .menu {float:right;} .menu ul {} .menu ul li {float:left; margin-left:2px;} .menu ul li a {float:left; height:34px; color:#fff; font-size:11px; line-height:13px; padding-left:15px;} .menu ul li a span {float:left; padding:11px 15px 10px 0px;} .menu ul li a:hover {text-decoration:underline;} .menu ul li a:hover span {text-decoration:underline;} .professionals {padding-left:21px!important; text-decoration:none; background:url("/images/layout/bg_menuHoverLeft.png") no-repeat top left;} .professionals span { padding:11px 21px 10px 0px!important; text-decoration:none!important; background:url("/images/layout/bg_menuHoverRight.png") no-repeat top right;} .headerBottom {float:left; width:100%; min-height:558px; /*background:url("/images/layout/bg_headerBottom.jpg") no-repeat center bottom;*/} .headerBottomInner{float:left; width:100%; min-height:558px; /*background:url("/images/layout/bg_headerBottom.jpg") no-repeat center bottom;*/} .interactiveHome .headerBottom {background:url("/images/layout/bg_interactiveHome.png") repeat-x top center;} .interactiveHome .headerBottomInner {background:url("/images/layout/bg_Inner.png") repeat-x top center;} .hTopBox {float:left; width:100%;} .logo {float:left; width:170px; height:100px; background:url("/images/layout/logo.png") no-repeat top left;} .logo a {display:block; width:170px; height:100px;} .mainMenu {float:right; margin-top:40px;} .mainMenu ul {float:right;} .mainMenu ul li {float:left; margin-left:5px; width:241px;} .mainMenu ul li:hover {background:url("/images/layout/bg_menuTopHover.png") no-repeat top left;} .mainMenu ul li a.mainMenuItem {float:left; position:relative; padding-left:40px; text-decoration:none; margin:3px 10px 4px 10px;} .mainMenu ul li a.mainMenuItem:hover {text-decoration:none;} .mainMenu ul li a.mainMenuItem span {float:left; clear:both;} .mainMenu .top {font-size:11px; text-shadow:-1px -1px 0 #064D74;} .mainMenu .bottom {font-size:13px; text-transform:uppercase; font-weight:bold; padding-right:18px; text-shadow:-1px -1px 0 #064D74; background:url("/images/layout/bg_menuArrow.png") no-repeat right 5px;} .mainMenu .number {position:absolute; top:2px; left:0; width:22px; height:25px; padding:8px 0 0 11px; font-weight:bold; font-size:16px; font-family:Verdana, Helvetica, sans-serif; background:url("/images/layout/bg_mainMenu.png") no-repeat top left;} .submenu {position:absolute; z-index:9900; width:241px; display:none;} .submenu ul {float:left; width:100%; margin-top:5px;} .submenu ul li {float:left; width:100%; background:none;} .submenu ul li:hover {background:none;} .submenu ul li a {float:left; width:216px; height:22px; margin:0; color:#076193; padding:4px 7px 0 7px; font-size:11px;} .submenu ul li a:hover {color:#fff; text-shadow:-1px -1px 0 #50A513; text-decoration:none; background:url("/images/layout/submenu_bgLink.png") no-repeat 0px top;} .submenuContent {float:left; width:241px; background:url("/images/layout/submenu_bgContent.png") repeat-y top left;} .submenuFooter {float:left; width:241px; height:13px; background:url("/images/layout/submenu_bgFooter.png") no-repeat bottom left;} .hMiddleBox {float:left; width:1000px;} .headlineBox {float:left; color:#fff; width:290px; clear:left; margin-top:38px;} .headlineBox p {font-size:11px;} .headlineBox h1 {text-shadow:-2px -2px 0px #086393;} .animationHolder {float:right; position:relative; height:285px; width:700px;} .animationButton {position:absolute; width:27px; height:27px; background:url("/images/layout/btn_popup.png") no-repeat top left;} .button1 {top:113px; right:515px;} .button2 {top:85px; right:188px;} .button3 {top:231px; left:324px; } .button4 {top:211px; left:125px;} .animatedBalloon {position:absolute; text-align:center; font-family:Tahoma, Arial, Verdana, sans-serif; font-size:11px; line-height:12px;} .balloonLeft {width:142px; height:94px; background:url("/images/layout/balloon_left.png") no-repeat top left;} .balloonRight {width:138px; height:95px; background:url("/images/layout/balloon_right.png") no-repeat top left;} .balloon1 {top:37px; left:155px;} .balloon1 .balloonContent {padding-top:18px;} .balloon2 {top:11px; right:75px;} .balloon3 {top:153px; right:345px;} .balloon4 {top:135px; left:18px;} .balloon4 .balloonContent {padding-top:20px;} .balloonContent {padding:16px 0px 0;} .hBottomBox {float:left; width:587px;} .hersIndexTool {margin-right:15px; float:left; width:286px; height:150px; position:relative; background:url("/home5/images/layout/bgHersIndexTool.jpg") no-repeat top left;} .hersIndexToolLeft {float:left; width:50px; line-height:10px; bottom:0; position:absolute; margin-bottom:20px; margin-left:20px; text-align:center;} .hersIndexToolLeft a {color:#0188E6; font-size:10px; } .hersIndexToolRight {float:right; width:203px; color:#333; margin-top:65px;} .hersIndexToolRight p {margin-bottom:5px; font-size:11px; line-height:13px; padding-right:10px;} .smartHome {float:left; width:286px; height:150px; position:relative; background:url("/home5/images/layout/bgSmartHome.jpg") no-repeat top left;} .smartHomeLeft {float:left; width:50px; line-height:10px; bottom:0; position:absolute; margin-bottom:20px; margin-left:20px; text-align:center;} .smartHomeLeft a {color:#6c9a39; font-size:10px; } .smartHomeRight {float:right; width:196px; color:#333; margin-top:65px;} .smartHomeRight p {margin-bottom:5px; font-size:11px; line-height:13px;} /*CONTENT*/ .content {margin:auto; position:relative; width:1000px;} .content li h3 a {font-size:12px!important; text-shadow:1px 1px 0 #ccc;} .contentWrapper {margin:0px auto; width:100%;} .hBox {float:left; width:100%; background:#f4f4f4; border-bottom:1px solid #b3bbbe; padding:25px 0;} .hBox ul {} .hBox ul li {float:left; width:243px; padding:0 20px 0 60px;} .hBox ul li a {color:#0188E6; font-size:11px;} .hBox ul li p {font-size:11px; margin-bottom:0px;} .imglink{float:left; width:55px; height:65px; position:absolute; top:0; margin-left:-60px;} .hers {background:url("/images/layout/bg_hers.png") no-repeat top left;} .hers .imglink {height:90px;} .energySaving {background:url("/images/layout/bg_energySaving.png") no-repeat top left;} .caseStudies {background:url("/images/layout/bg_caseStudies.png") no-repeat top left;} .homeEnergy {background:url("/images/layout/bg_homeEnergySolution.png") no-repeat top left;} .findResnet {background:url("/images/layout/bg_findResnet.png") no-repeat top left;} .getResnet {background:url("/images/layout/bg_getResnet.png") no-repeat top left;} .mainBox {float:left; width:100%; padding:25px 0;} .slider {float:left; width:546px; height:210px; overflow:hidden; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; background: url('/images/layout/sliderShadow2.png') no-repeat right top;} #feature_list {float:left; position:relative; width:546px;} #tabs {position:absolute; z-index:10; top:0; left:0; width:265px; background:url("/images/layout/bg_blueBox.png") repeat-y 7px top} #tabs li {float:left; width:100%;} #tabs a {float:left; width:219px; padding:10px 30px 15px 15px; text-decoration:none;} #tabs a strong {display:block; text-transform:uppercase; margin-bottom:0px; margin-top:2px; text-shadow: -1px -1px 0 #086393;} #tabs a p {margin-bottom:0; font-size:11px; line-height:12px;} #tabs .current {display:block; height:60px; padding-bottom:0; background:url("/images/layout/bg_arrowGreen.png") no-repeat 0px 5px;} #output {position:absolute; right:0; top:0; width:301px; height:209px; overflow:hidden;} #output img {float:right; margin:10px 0 0 0;} .outputHolder {float:right; width:265px; height:210px; padding:10px 0 0 25px;} .outputHolder strong {display:block; color:#0088E8; width:150px; margin-bottom:5px; font-size:33px; line-height:28px;} .outputHolder strong span {font-size:22px!important; } .outputHolder p {width:125px;} .outputHolder ul {} .outputHolder ul li {float:left; margin-right:10px;} .outputHolder ul li a {float:left; color:#363636; padding-left:15px; font-size:11px; background:url("/images/layout/btn_featuredLeft.png") no-repeat top left;} .outputHolder ul li a span {float:left; padding:2px 15px 4px 0; background:url("/images/layout/btn_featuredRight.png") no-repeat top right;} .s_first {background:url("/images/layout/bg_sliderFirst.jpg") no-repeat top right;} .s_second {background:url("/images/layout/bg_sliderSecond.jpg") no-repeat top right;} .s_third {background:url("/images/layout/bg_sliderThird.jpg") no-repeat top right;} .mainBoxContent {float:right; width:430px; font-size:11px; margin-top:3px;} .mainBoxContent h2 {font-size:20px; line-height:22px; /*text-shadow:1px 1px 0 #fff;*/} .mainBoxContent a {color:#008BEA;} .non-current{display:none!important;} /*Panel*/ .panelCenter {float:left; width:100%;} .panelCenterContent {} /* FOOTER */ .footer {clear:both; position:relative; /*min-height:260px; fixes form padding*/ z-index:100; width:100%; bottom:0;} .footerTop {float:left; width:100%;} .footerNews {float:left; width:100%; min-height:80px; background:#f4f4f4; padding:25px 0 0 0; border-top:1px solid #b3bbbe;} .footerNewsBox {float:left; width:315px;} .footerNewsBox strong {display:block; margin-bottom:3px; text-transform:uppercase; color:#018ce9; text-shadow: 1px 1px 0 #fff;} .cloud {float:left; width:292px; height:90px; color:#fff; font-size:11px; padding:5px 10px; margin-bottom:10px; background:url("/images/layout/bg_cloud.png") no-repeat top left;} .footerNewsBox .inputHolder {float:left; width:100%;} .footerNewsBox input {float:left; padding:6px 10px; width:180px; background:url("/images/layout/bg_input.png") no-repeat top left;} .footerNewsBox .button {float:left; cursor:pointer; color:#fff; padding:0; height:26px; font-size:12px; width:86px; font-weight:bold; text-shadow:-1px -1px 0 #E48900; background:url("/images/layout/btn_submit.png") no-repeat top left;} .footerNewsBox .button:hover {background-position:bottom right; text-shadow:-1px -1px 0 #2b6f1d;} .socials {} .socials li {float:left; margin-right:10px;} .socials li a {float:left; width:26px; height:26px;} .rss {background:url("/images/layout/icon_rss.png") no-repeat top left;} .twitter {background:url("/images/layout/icon_twitter.png") no-repeat top left;} .facebook {background:url("/images/layout/icon_facebook.png") no-repeat top left;} .in {background:url("/images/layout/icon_in.png") no-repeat top left;} .footerMenu {float:left; width:100%; background:#008bea; height:50px;} .footerMenu ul {} .footerMenu ul li {float:left;} .footerMenu ul li a {float:left; height:50px; font-size:15px; font-weight:bold; text-decoration:none; border-right:1px solid #85B3CB; /*background:url("/images/layout/bg_footerMenuSeparator.png") no-repeat right 10px;*/} .footerMenu ul li a span {float:left; padding:16px 20px; text-shadow:-1px -1px 0 #086393;} .footerMenu ul li a:hover {background:#016290;} .footerMenu ul li.current a {padding-bottom:1px;} .rn {border-left:1px solid #85B3CB;} .resnetNetwork {width:147px;background:url("/images/layout/bg_footerMenuResnetNetwork.png") no-repeat top left!important;} .twitterBird {position:absolute; top:0; left:0; width:75px; height:50px; margin: -41px 0 0 -58px; background:url("/images/layout/bg_footerTwitter.png") no-repeat top left} .footerBottom {float:left; width:100%; background:#046393; padding:25px 0; border-top:1px solid #85B3CB;} .footerLinks {float:left;} .footerLinks strong {display:block; color:#fff; margin-bottom:10px; text-transform:uppercase; text-shadow:-1px -1px 0 #054864;} .footerLinks ul {float:left; margin-right:50px;} .footerLinks ul li {} .footerLinks ul li a {font-size:11px;} .certification {float:left; width:205px; height:110px; background:url("/images/layout/bg_certification.png") no-repeat top left;} /*.certification select {float:left; margin:27px 0 15px 63px;}*/ .certification input {float:left; padding:6px 10px; width:100px; background:url("/images/layout/bg_input.png") no-repeat top left; color:#949494;} .certification .button {float:left; padding:0; height:26px; width:85px; color:#fff; font-weight:bold; text-shadow:-1px -1px 0 #E48900; background:url("/images/layout/btn_find.png") no-repeat top left;} .certification .button:hover {background-position:bottom right; text-shadow:-1px -1px 0 #2b6f1d;} .certification li {width:212px; float:left;} .footerLinks form label {display:none;} .footerLinks form ul li {} .footerBottomMenu {float:left; width:100%; height:40; background:#064964;} .footerBottomMenu ul {} .footerBottomMenu ul li {float:left;} .footerBottomMenu ul li a {float:left; height:40px; color:#fff; font-size:11px; line-height:13px;} .footerBottomMenu ul li a span {float:left;padding:15px 21px 12px 0px; } .footerBottomMenu ul li a:hover { } .footerBottomMenu ul li a:hover span {text-decoration:underline;} .professionalsFooter {padding-left:21px; text-decoration:none; background:url("/images/layout/bg_menuBottomHoverLeft.png") no-repeat top left;} .professionalsFooter span {padding:15px 21px 12px 0px; text-decoration:none!important; background:url("/images/layout/bg_menuBottomHoverRight.png") no-repeat top right;} .copyright {float:left; color:#0a76af; font-size:11px; padding-top:13px; margin-left:20px;} .animatedBalloon {display:none;} #jgrowl_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter:alpha(opacity=80); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.8; z-index: 100; } /* INNER */ .inner {color:#0188E6; padding-top:5px;} .tips {width:30%;float:left;} .tipslinks {border-top:1px dotted #ccc;height:auto;margin-top:10px;width:752px;padding-top:15px;} .sections {border-top:1px dotted #ccc;margin-top:10px;height:auto;padding-top:10px;color:#666;width:752px;} .sections a {color:#0188E6} #start {list-style-image:url("/images/layout/primary_bullet_grey.png");margin-left:16px;} #link {list-style-image:url("/images/layout/primary_bullet_blue.png");margin-left:16px;color:#0188E6} #link2 {list-style-image:url("/images/layout/primary_bullet_blue.png");margin-left:16px;color:#0188E6;padding-top:5px;} #link ul li {list-style-image:url("/images/layout/secondary_bullet_grey.png");margin-left:16px;color:#666} #secondlink {list-style-image:url("/images/layout/secondary_bullet_blue.png")!important;} .sections ul li ul li {list-style-image:url("/images/layout/primary_bullet_grey.png");margin-left:16px;} .sections ul li ul li ul li {list-style-image:url("/images/layout/secondary_bullet_grey.png");} .sections p {margin-bottom:0px;} .sections h4 {padding-top:15px;color:#85c500;} .sections2 {border-top:1px dotted #ccc;margin-top:10px;height:auto;padding-top:10px;color:#666;width:727px;} .sections2 a {color:#0188E6} .sections2 ul li ul li {list-style-image:url("/images/layout/primary_bullet_grey.png");margin-left:16px;} .sections2 ul li ul li ul li {list-style-image:url("/images/layout/secondary_bullet_grey.png");} .sections2 p {margin-bottom:0px;} .sections2 h4 {padding-top:15px;color:#85c500;} .sidebarBoxTop {float:left;width:248px; margin:56px 0 20px 25px;} .sidebarBoxNext {float:left;width:248px; margin:0 0 20px 25px;} .back a {float:right; padding-top:5px;padding-left:30px; background:url("/images/layout/back_bgLink.png") no-repeat 0px 0px; height:22px; width:93px;} .margin {padding-left:200px;} .hersNumber{float:left; background:url('/images/HERS_numbers.png') no-repeat left top; width:175px; height:60px; margin-top:15px;} .top-alert{margin-top:200px;}