/* CSS Document for BGE Homepage */ /* Layout */ #wrapper { background:url(../images/homepage/2010-redesign/background_v2.jpg) no-repeat center top; } /* Section Overviews */ .homepage #overviews { height:345px; min-height:340px; } .homepage #overviews #overview-1 .pop, .homepage #overviews #overview-1.delay .pop { top:80px; } .homepage #overviews ul #overview-1 .pop, .homepage #overviews ul #overview-1:hover .pop, .homepage #overviews ul #overview-1 :hover .pop, .homepage #overviews ul #overview-1.active .pop, .homepage #overviews ul #overview-1 .active .pop, .homepage #overviews ul #overview-1.delay .pop { height:280px; } #overviews #overview-1 .pop div.content { height:273px; padding-top:7px; background:url(../images/homepage/2010-redesign/banner_bg.png) no-repeat left bottom; } /* Announcements Section */ #announcements { margin-bottom: 10px; width: 765px; text-align: center; font-size: 102%; } /* Homepage Carousel */ #homepage-banner { width:757px; height:266px; padding:0 0 0 7px; float:left; position:relative; overflow:hidden; } #overviews #homepage-banner span { color:#FFFFFF; } #overviews #homepage-banner a span { color:#53566C; } #overviews #homepage-banner a:hover span { color:#000; } #homepage-banner-enlarged { width:100%; height:100%; float:left; position:relative; overflow:hidden; } #homepage-banner-enlarged .slide { width:100%; height:100%; float:left; position:absolute; left:0; top:0; } #homepage-banner-enlarged .slide-inactive { left:757px; } #homepage-banner-enlarged .slide-inner { width:100%; height:100%; float:left; position:relative; display:table; overflow:hidden; } #homepage-banner-enlarged .image { width:100%; float:left; position:absolute; left:0; top:0; z-index:0; clear:both; } #homepage-banner-enlarged .info { width:100%; z-index:1; clear:both; display:table-cell; vertical-align:middle; position:relative; padding:0; } * html #homepage-banner-enlarged .info { position:absolute; top:50%; } * + html #homepage-banner-enlarged .info { position:absolute; top:50%; } #homepage-banner-enlarged .info-inner { width:280px; position:relative; } * html #homepage-banner-enlarged .info-inner { position:relative; top:-50%; } * + html #homepage-banner-enlarged .info-inner { position:relative; top:-50%; } #homepage-banner-enlarged .left .info-inner { float:left; } body:nth-of-type(1) #homepage-banner-enlarged .left .info-inner { margin-left:-1px; } #homepage-banner-enlarged .right .info-inner { float:right; } #homepage-banner-enlarged .carousel-top { width:100%; height:14px; position:relative; overflow:hidden; } #homepage-banner-enlarged .left .carousel-top { background:url(../images/homepage/carousel/bg_white_top_left.png) no-repeat left top; } #homepage-banner-enlarged .right .carousel-top { background:url(../images/homepage/carousel/bg_white_top_right.png) no-repeat left top; } #homepage-banner-enlarged .carousel-base { width:100%; height:14px; position:relative; overflow:hidden; } #homepage-banner-enlarged .left .carousel-base { background:url(../images/homepage/carousel/bg_white_bottom_left.png) no-repeat left top; } #homepage-banner-enlarged .right .carousel-base { background:url(../images/homepage/carousel/bg_white_bottom_right.png) no-repeat left top; } #homepage-banner-enlarged .text-holder { width:273px; margin:-7px 0 0 0; background:url(../images/homepage/carousel/text_holder_bg.gif) no-repeat 0px 7px; position:relative; } #homepage-banner-enlarged .left .text-holder { padding:0 7px 0 0; } #homepage-banner-enlarged .right .text-holder { padding:0 0 0 7px; } #homepage-banner-enlarged .text { width:233px; height:auto !important; height:100px; min-height:100px; padding:15px 20px 15px 20px; background-position:left top; background-repeat:no-repeat; position:relative; } #homepage-banner-enlarged .text .title { margin:0 0 5px 0; } #homepage-banner-enlarged .blue .title { color:#6CAEE0; } #homepage-banner-enlarged .green .title { color:#BFC330; } #homepage-banner-enlarged .grey .title { color:#BDBEB6; } #homepage-banner-enlarged .pink .title { color:#EC008C; } #homepage-banner-enlarged .purple .title { color:#B29BCA; } #homepage-banner-enlarged .red .title { color:#F7931E; } #homepage-banner-enlarged .yellow .title { color:#EABD1E; } #homepage-banner-enlarged .text .description { color:#FFFFFF; } #homepage-banner-enlarged .link { background:#FFFFFF; position:relative; } #homepage-banner-enlarged .link a { width:233px; padding:15px 27px 0 20px; display:block; line-height:20px; } #homepage-banner-enlarged .left .blue { background-image:url(../images/homepage/carousel/bg_left_blue.jpg); } #homepage-banner-enlarged .left .green { background-image:url(../images/homepage/carousel/bg_left_green.jpg); } #homepage-banner-enlarged .left .grey { background-image:url(../images/homepage/carousel/bg_left_grey.jpg); } #homepage-banner-enlarged .left .pink { background-image:url(../images/homepage/carousel/bg_left_pink.jpg); } #homepage-banner-enlarged .left .purple { background-image:url(../images/homepage/carousel/bg_left_purple.jpg); } #homepage-banner-enlarged .left .red { background-image:url(../images/homepage/carousel/bg_left_red.jpg); } #homepage-banner-enlarged .left .yellow { background-image:url(../images/homepage/carousel/bg_left_yellow.jpg); } #homepage-banner-enlarged .right .blue { background-image:url(../images/homepage/carousel/bg_right_blue.jpg); } #homepage-banner-enlarged .right .green { background-image:url(../images/homepage/carousel/bg_right_green.jpg); } #homepage-banner-enlarged .right .grey { background-image:url(../images/homepage/carousel/bg_right_grey.jpg); } #homepage-banner-enlarged .right .pink { background-image:url(../images/homepage/carousel/bg_right_pink.jpg); } #homepage-banner-enlarged .right .purple { background-image:url(../images/homepage/carousel/bg_right_purple.jpg); } #homepage-banner-enlarged .right .red { background-image:url(../images/homepage/carousel/bg_right_red.jpg); } #homepage-banner-enlarged .right .yellow { background-image:url(../images/homepage/carousel/bg_right_yellow.jpg); } #homepage-banner-enlarged .control { width:20px; height:22px; float:left; position:absolute; } #homepage-banner-enlarged .play { right:33px; bottom:7px; background:url(../images/homepage/2010-redesign/btn_play.png) no-repeat left top; visibility:hidden; } #homepage-banner-enlarged .pause { right:33px; bottom:7px; background:url(../images/homepage/2010-redesign/btn_pause.png) no-repeat left top; } #homepage-banner-enlarged .back { right:56px; bottom:7px; background:url(../images/homepage/2010-redesign/btn_back.png) no-repeat left top; } #homepage-banner-enlarged .forward { right:10px; bottom:7px; background:url(../images/homepage/2010-redesign/btn_forward.png) no-repeat left top; } #tab-1-flash-holder { width:757px; height:266px; min-height:266px; padding-left:7px; float:left; position:absolute; left:0; top:7px; overflow:visible; z-index:1; clear:both; } #tab-1-no-flash { position:relative; overflow:hidden; } #tab-1-links { width:196px; height:273px; float:right; background:url(../images/homepage/2010-redesign/rh_bg.png) no-repeat left top; position:relative; overflow:hidden; } #overviews #tab-1-links ul { width:100%; margin:0; float:left; } #tab-1-links li { width:100%; padding:0 0 1px 0; float:left; } #tab-1-links li a { width:100%; float:left; position:relative; } #tab-1-links a.online-account-management { height:66px; background:url(../images/homepage/2010-redesign/btn_register.png) no-repeat 19px 19px; } #tab-1-links a.online-account-management:hover, #tab-1-links a.online-account-management:focus, #tab-1-links a.online-account-management:active { background-image:url(../images/homepage/2010-redesign/btn_register_over.png); } #tab-1-links a.redeem-tesco-clubcard-vouchers { height:66px; background:url(../images/homepage/2010-redesign/btn_redeem.png) no-repeat 19px 19px; } #tab-1-links a.redeem-tesco-clubcard-vouchers:hover, #tab-1-links a.redeem-tesco-clubcard-vouchers:focus, #tab-1-links a.redeem-tesco-clubcard-vouchers:active { background-image:url(../images/homepage/2010-redesign/btn_redeem_over.png); } #tab-1-links a.make-a-payment { height:65px; background:url(../images/homepage/2010-redesign/btn_payment.png) no-repeat 19px 25px; } #tab-1-links a.make-a-payment:hover, #tab-1-links a.make-a-payment:focus, #tab-1-links a.make-a-payment:active { background-image:url(../images/homepage/2010-redesign/btn_payment_over.png); } #tab-1-links a.book-a-service { height:65px; background:url(../images/homepage/2010-redesign/btn_boiler.png) no-repeat 19px 18px; } #tab-1-links a.book-a-service:hover, #tab-1-links a.book-a-service:focus, #tab-1-links a.book-a-service:active { background-image:url(../images/homepage/2010-redesign/btn_boiler_over.png); } #tab-1-links a.submit-a-meter-reading { height:67px; background:url(../images/homepage/2010-redesign/btn_submit.png) no-repeat 19px 19px; } #tab-1-links a.submit-a-meter-reading:hover, #tab-1-links a.submit-a-meter-reading:focus, #tab-1-links a.submit-a-meter-reading:active { background-image:url(../images/homepage/2010-redesign/btn_submit_over.png); } /* Homepage Featured Carousel */ #homepage-featured-items { width:100%; padding:0 0 50px 0; float:left; position:relative; z-index:0; } #homepage-featured-items #featured { width:759px; padding:8px 0 0 7px; float:left; background:url(../images/homepage/2010-redesign/carousel_frame.png) no-repeat left top ; position:relative; z-index:0; } #homepage-featured-items #featured .content { width:750px; z-index:3; overflow:hidden; } #homepage-featured-items #featured .content .call-to-action { border-bottom: 1px dotted #4b4b4b; font-weight: bold; padding: 0; width: 92px; } #homepage-featured-items #featured .content .carousel-item-2 { margin-top: 19px; } #homepage-featured-items #featured .shutter { width:764px; height:122px; position:absolute; left:0; top:7px; z-index:1; background:url(../images/homepage/2010-redesign/carousel_shadow.png) no-repeat left top; } #homepage-featured-items #featured .img-covers { width:749px; height:122px; float:left; position:absolute; left:7px; top:8px; z-index:2; overflow:hidden; } #homepage-featured-items #featured ul { width:20000px; margin:0; padding:0; float:left; display:inline; } #homepage-featured-items #featured li { width:253px; margin:0; float:left; display:inline; position:relative; font-size:100%; overflow:hidden; } #homepage-featured-items #featured li img { width:243px; margin:0 -10px 0 0; float:left; display:inline; position:relative; } #homepage-featured-items #featured .img-covers li { width:243px; margin:0 10px 0 0; height:122px; background:#00CC00; cursor:pointer; background:url(blank.gif) repeat; } #homepage-featured-items #featured a { width:243px; padding:0 10px 0 0; float:left; color:#53566C; border:none; font-weight:normal; } #homepage-featured-items #featured a:hover, #homepage-featured-items #featured a:focus, #homepage-featured-items #featured a:active, #homepage-featured-items #featured a.covered { color:#000; } #homepage-featured-items #featured .title { width:243px; float:left; font-size:135%; line-height:1.3em; } #homepage-featured-items #featured a img { margin:0 0 15px 0; display:block; } #homepage-featured-items #featured .title { height:auto !important; line-height:25px; min-height:25px; padding:0 0 1px 0; } * html #homepage-featured-items #featured .title { margin-top:0px; } #homepage-featured-items .left-but { width:43px; height:43px; background:url(../images/homepage/2010-redesign/bt_carousel_prev.png) no-repeat right top; position:absolute; left:5px; top:-5px; z-index:1; cursor:pointer; border:none;} #homepage-featured-items .left-but-dummy:hover { background-image:url(../images/homepage/2010-redesign/bt_carousel_prev_over.png); } #homepage-featured-items .right-but { width:43px; height:43px; background:url(../images/homepage/2010-redesign/bt_carousel_next.png) no-repeat left top; position:absolute; left:717px; top:-5px; z-index:1; cursor:pointer;border:none; } #homepage-featured-items .right-but-dummy:hover { background-image:url(../images/homepage/2010-redesign/bt_carousel_next_over.png); } /* Sub-Featured Area */ #sub-featured { width:182px; padding:2px 0 0 0; float:right; display:inline; margin-top: -25px; } #sub-featured ul { width:100%; margin:0; float:left; } #sub-featured li { width:100%; padding:0 0 6px 0; float:left; } #sub-featured li a { width:100%; float:left; border:none; } #sub-featured a.tariffs-section { height:56px; background:url(../images/homepage/2010-redesign/our-tariffs-homepage-icon.png) no-repeat top left; } #sub-featured a.tariffs-section:hover, #sub-featured a.tariffs-section:focus, #sub-featured a.tariffs-section:active { background-image:url(../images/homepage/2010-redesign/our-tariffs-homepage-icon-over.png); } #sub-featured a.hometeam { height:56px; background:url(../images/homepage/2010-redesign/boiler-service-homepage-icon.png) no-repeat top left; } #sub-featured a.hometeam:hover, #sub-featured a.hometeam:focus, #sub-featured a.hometeam:active { background-image:url(../images/homepage/2010-redesign/boiler-service-homepage-icon-over.png); } #sub-featured a.rewards { height:56px; background:url(../images/homepage/2010-redesign/my-rewards-homepage-icon.png) no-repeat top left; } #sub-featured a.rewards:hover, #sub-featured a.rewards:focus, #sub-featured a.rewards:active { background-image:url(../images/homepage/2010-redesign/my-rewards-homepage-icon-over.png); } #sub-featured a.energyindex { height:56px; background:url(../images/homepage/2010-redesign/energy-index-homepage-icon.png) no-repeat top left; } #sub-featured a.energyindex:hover, #sub-featured a.energyindex:focus, #sub-featured a.energyindex:active { background-image:url(../images/homepage/2010-redesign/energy-index-homepage-icon-over.png); } #sub-featured a.email-hints { height:56px; background:url(../images/homepage/2010-redesign/email-hints-homepage-icon.png) no-repeat top left; } #sub-featured a.email-hints:hover, #sub-featured a.email-hints:focus, #sub-featured a.email-hints:active { background-image:url(../images/homepage/2010-redesign/email-hints-homepage-icon-over.png); } #sub-featured a.careers { height:56px; background:url(../images/homepage/2010-redesign/energy-careers-homepage-icon.png) no-repeat top left; } #sub-featured a.careers:hover, #sub-featured a.careers:focus, #sub-featured a.careers:active { background-image:url(../images/homepage/2010-redesign/energy-careers-homepage-icon-over.png); } #sub-featured a.smart-home { height:56px; background:url(../images/homepage/2010-redesign/smart-home-homepage-icon.png) no-repeat top left; } #sub-featured a.smart-home:hover, #sub-featured a.smart-home:focus, #sub-featured a.smart-home:active { background-image:url(../images/homepage/2010-redesign/smart-home-homepage-icon-over.png); } /* Home Service Application */ #home-services-booking { margin:0 30px; padding:0 0 20px 0; } #home-services-booking table { width:390px; margin:0 auto; } #home-services-booking table { margin:0 0 0 180px; } #home-services-booking table table { width:100%; margin:0; } #home-services-booking th { padding:0 0 15px 0; vertical-align:middle; font-size:90%; font-weight:bold; text-align:left; } #home-services-booking td { padding:0 0 6px 0; vertical-align:middle; font-size:90%; z-index:0; } #home-services-booking td td { padding:0; } #home-services-booking td.label { width:240px; font-weight:bold; text-align:right; padding:0 3px 6px 0; } #home-services-booking td.left { width:75px; } #home-services-booking td.left .sel { width:75px; } #home-services-booking td.submit { padding:20px 0 0 44px; } #home-services-booking textarea { width:177px; max-width:207px; height:50px; min-height:50px; max-height:50px; font-size:110%; } * html #home-services-booking textarea { width:175px; } * html #home-services-booking div.textarea .tr { right:-2px; } * html #home-services-booking div.textarea .bl { bottom:-2px; } * html #home-services-booking div.textarea .br { right:-2px; bottom:-2px; } #home-services-booking .input { width:183px; } #home-services-booking .input input { width:177px; } #home-services-booking .wHelp input { width:155px; } #home-services-booking td td .input { width:118px; } #home-services-booking td td .input input { width:112px; } #home-services-booking td td .wHelp input { width:80px; } #home-services-booking td td.left .input { width:53px; } #home-services-booking td td.left .input input { width:47px; } #home-services-booking td td.left .wHelp input { width:25px; } #home-services-booking td td.left select { width:70px; } #home-services-booking select { width:190px; } .home-services-form .ajax-response { padding:30px; }