/* Generic CSS Document for Bord Gáis Energy Supply */ /* Page Basics */ html, body { margin:0px; padding:0px; width:100%; height:100%; min-width:960px; } html { overflow-y:scroll; } body { position:relative; background-image:url(../images/homepage/background_onepix.gif); background-repeat:repeat-x; } /* Typography */ body, table, th, td { font:11px Arial, Helvetica, sans-serif; color:#666666; font-size-adjust:none; } input, textarea, select, option { font-family:Arial, Helvetica, sans-serif; outline:none; } input.checkbox, input.submit { width:auto; } h1, .h1 { width:100%; height:auto !important; height:29px; min-height:29px; margin:0; padding:0; float:left; line-height:29px; color:#003366; font-size:175%; font-weight:100; position:relative; } h2, .h2 { width:100%; height:auto !important; height:27px; min-height:27px; margin:0 0 5px 0; padding:0; float:left; line-height:27px; color:#003366; font-size:175%; font-weight:100; position:relative; } h2 { width:auto; float:none; display:block; } h2 span { line-height:27px; } h3, .h3 { width:100%; height:auto !important; height:24px; min-height:24px; margin:0 0 0 0; padding:0; float:left; line-height:24px; color:#003366; font-size:145%; font-weight:100; position:relative; } h3 { width:auto; float:none; display:block; } h4, .h4 { width:100%; height:auto !important; height:18px; min-height:18px; margin:4px 0 2px 0; padding:0; float:left; line-height:18px; color:#003366; font-size:120%; font-weight:bold; position:relative; } h4 { width:auto; float:none; display:block; } h5, .h5 { width:100%; height:auto !important; height:16px; min-height:16px; margin:2px 0 2px 0; padding:0; float:left; line-height:16px; color:#4B4B4B; font-size:100%; font-weight:bold; position:relative; } h5 { width:auto; float:none; display:block; } #lightbox h5, #lightbox .h5 { position:static; } div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, img, strong, sub, sup, ol, ul, li, fieldset, label, table, caption, thead, tbody, tfoot, tr, th, td, form { margin:0px; padding:0px; border:none; outline:none; vertical-align:top; line-height:1.5em; font-size:100%; } ul, li { list-style:none; line-height:1.5em; } ul { margin-bottom:16px; } sup { line-height:1.0em; font-size:95%; } sub { line-height:2.0em; font-size:85%; } sub.xsml{font-size:65%; position:relative; top:7px; } table { width:100%; margin:0 0 16px 0; border-collapse:collapse; border-spacing:0; } p { line-height:1.5em; margin:0px 0px 16px 0px; } p.no-margin-bottom { margin:0px 0px 0px 0px; } .small-text {float: left; width:720px; border-top: 1px solid #dcdcdc; font-size: 85%; margin-top: 20px; padding-top: 10px;} a { text-decoration:none; outline:none; border:0px none; cursor:pointer; color:#4B4B4B; border-bottom:1px dotted #4B4B4B; font-weight:bold; } a:hover { cursor:pointer; } a:hover, a:focus, a:active, a.covered { color:#000; } a:link { } a:visited { } a img { outline:none; border:none; position:relative; cursor:pointer; } a span { cursor:pointer; } strong { color:#4B4B4B; } .text-left {text-align: left;} .text-center {text-align: center;} .text-right {text-align: right;} .mb-large {margin-bottom: 32px;} /* Added to hide the Double Click tracking iFrame */ * html iframe#doubleclick { display:none; } * + html iframe#doubleclick { display:none; } /* Cookies Banner */ #cookie-banner { height: 60px;} #cookie-message { background: #01346b; color: #fff; position:absolute; width: 100%; height: 60px; top: 0; left: 0; display:block; float: left; font-size: 90%;} #cookie-message .cookie-title { color:#fff; float: left; display: block; width: auto; margin: 10px 20px; font-weight: bold; } #cookie-message .cookie-detail { float: left; display: block; width: 680px; margin: 10px 20px; font-size: 90%; } #cookie-message p { color:#fff; line-height: 1.4em; } #cookie-message a { color:#fff; border-color: #fff; } #cookie-message a:hover, #cookie-message a:focus, #cookie-message a:active { color:#fff; } /* Cookie Message Updated */ #cookie-banner a { color:#fff; border-color: #fff; font-weight: 600; } #cookie-banner h3 {color: #fff;} #cookie-banner > span { float: left; width: 85%;} #cookie-banner a.ok { float: right; margin: 5px 0; border: none; width:94px; height:27px; background:url(../images/homepage/i-accept.png) no-repeat left top; display: block; } #cookie-banner a.ok:hover, #cookie-banner a.ok:focus, #cookie-banner a.ok:active { background:url(../images/homepage/i-accept.png) no-repeat left bottom; } /* Chrome 30 banner */ #chrome-banner { height: 60px; display: none; } #chrome-message { background: none repeat scroll 0 0 #fff; color: #000000; display: block; float: left; left: 0; position: absolute; width: 100%; padding-top: 5px; } #chrome-message p { margin: 0 20px 6px; } /* Layout */ #wrapper { width:100%; float:left; min-width:960px; position:relative; z-index:1; font-size:120%; } #page-contents { width:100%; height:auto !important; height:0px; min-height:0px; float:left; position:relative; } .container { width:960px; float:left; } .left-remainder { width:49.999%; height:auto !important; height:1px; min-height:1px; margin-right:-480px; float:left; display:inline; } .left-remainder .inner { margin-right:480px; } .right-remainder { width:49.999%; height:auto !important; height:1px; min-height:1px; margin-left:-480px; float:left; display:inline; } .right-remainder .inner { margin-left:480px; } .full-width { width:100%; float:left; } #in-focus-bg { width:100%; position:absolute; left:0; top:0; z-index:0; } #loading-ind { width:100%; height:100%; background:url(../images/homepage/ajax-loader.gif) no-repeat center 50px #FFF; position:absolute; left:-99999px; top:0; z-index:100; } #ajax-content { width:100%; margin:-14px 0 30px 0; padding:14px 0 0 0; float:left; background:#FFFFFF; position:relative; } /* Header */ #header { width:100%; height:auto !important; height:35px; min-height:35px; padding:0 0 5px 0; float:left; position:relative; z-index:2; } #header a { font-weight:normal; border:none; } #login { padding:8px 0 0 20px; float:right; } #register { width:480px; padding:8px 0 0 0; float:left; } #login a { margin:0 18px 0 0; float:left; display:inline; cursor:pointer; position:relative; } #login a span { display:none; } #login a.register-your-account { margin-top:1px; } #register { width:480px; padding:8px 0 30px 0; float:left; } #site-search { padding:10px 0 0 0; float:right; } #site-search form { margin:0; float:right; } #site-search .input { position:relative; z-index:0; } #site-search input.submit { width:24px; height:23px; padding:0; float:left; background:none; position:relative; z-index:1; } .safety_announcement {float: left; margin: 10px 0 0 0; width: 100%;} .safety_announcement img {float: left;} .safety_announcement span.notice {margin: 5px 0 0 6px; display: inline-block; font-weight: bold; color: #036; font-size: 15px;} /* Section Overviews */ #overviews { width:100%; height:auto !important; height:83px; min-height:83px; margin:0; float:left; background:url(../images/home_gas/main_nav_bg.png) no-repeat left top; position:relative; z-index:6; font-size:90%; } .homepage #overviews { height:auto !important; height:451px; min-height:451px; margin:0 0 30px 0; background:url(../images/homepage/main_nav_bg.png) no-repeat left top; } /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menu/one_page.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements. =================================================================== */ #overviews ul { width:100%; margin:3px 0 0 0; padding:0; float:left; list-style:none; } #overviews ul table { margin:-1px -10px; border-collapse:collapse; } #overview-1, #overview-2, #overview-3, #overview-4, #overview-5 { padding:0 2px 0 0; float:left; background:url(../images/homepage/main_nav_div.gif) no-repeat right top; } #overviews ul li.first, #overviews ul li.last { padding:0; background:none; } #overviews-cover { width:100%; height:80px; position:absolute; left:0; top:0; z-index:2; background:url(blank.gif) repeat; } #overviews a { font-weight:normal; border:none; } #overviews a.main { height:77px; float:left; position:relative; z-index:2; } #overviews a.main:hover, #overviews a.main:focus, #overviews a.main:active, #overviews a.active { clear:both; } #overviews a.main span.tab { width:100%; height:65px; float:left; position:absolute; left:0; top:0; z-index:2; } #overviews ul .pop { height:0; float:left; position:absolute; left:-99999px;} #overview-1 .pop { z-index:0; } #overview-2 .pop { z-index:1; } #overview-3 .pop { z-index:2; } #overview-4 .pop { z-index:3; } #overview-5 .pop { z-index:4; } #overviews ul .delay .pop { visibility:hidden; } #overviews ul .delay .pop img { display:none; } #overviews .pop div.content { width:948px; height:auto; padding:7px 6px; position:relative; background:#FFFFFF; overflow: hidden;} #overviews #overview-1 .pop div.content { width:960px; height:371px; padding:0; background:none; position:static; } #overviews ul :hover .pop, #overviews ul .active .pop { width:960px; height:383px; left:0; top:68px; z-index:1; } .homepage #overviews #overview-1 .pop, .homepage #overviews #overview-1.delay .pop { width:960px; height:371px; left:0; top:80px; z-index:1; } #overviews ul #overview-1:hover .pop, #overviews ul #overview-1 :hover .pop, #overviews ul #overview-1.active .pop, #overviews ul #overview-1 .active .pop { height:0; left:-99999px; } .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:371px; left:0; } * html #overviews ul :hover .pop { top:65px; } * html #overviews ul .active .pop { top:65px; } * html .homepage #overviews #overview-1 .pop { top:77px; } * html #overviews ul #overview-2 :hover .pop { left:-219px; } * html #overviews ul #overview-3 :hover .pop { left:-343px; } * html #overviews ul #overview-4 :hover .pop { left:-496px; } * html #overviews ul #overview-5 :hover .pop { left:-731px; } #overviews a, #overviews span { color:#484848; line-height:1.37em; } #overviews a:hover, #overviews a:focus, #overviews a:active { color:#000; } #overviews a span.highlighted { color:#3A3B4B; border:none; } #overviews span span.highlighted { color:#3A3B4B; border:none; font-weight:bold; } #overviews a:hover span.highlighted, #overviews a:focus span.highlighted, #overviews a:active span.highlighted { color:#000; } #overviews .inner { width:100%; height:auto !important; height:405px; min-height:405px; float:left; position:relative; /*background:url(../images/homepage/tabs/tab_inner_grad_middle.gif) repeat-x left bottom;*/ z-index:1; } #overviews .tl { width:15px; height:27px; background:url(../images/homepage/tabs/tab_corner_top_left_sub.gif) no-repeat left top; position:absolute; left:0px; top:-12px; z-index:0; clear:both; } #overviews .top { width:960px; height:3px; background:url(../images/homepage/tabs/home/new/shadow_top.png) no-repeat left top; position:absolute; left:0px; top:-3px; z-index:0; clear:both; } #overviews .tr { width:15px; height:27px; background:url(../images/homepage/tabs/tab_corner_top_right_sub.gif) no-repeat left top; position:absolute; right:0px; top:-12px; z-index:0; clear:both; } #overviews .bl { width:15px; height:19px; background:url(../images/homepage/tabs/tab_corner_bottom_left.gif) no-repeat left bottom; position:absolute; left:0px; bottom:0px; z-index:0; clear:both; } #overviews .base { width:930px; height:3px; background:url(../images/homepage/tabs/tab_bottom_shadow.gif) repeat-x left bottom; position:absolute; left:15px; bottom:1px; z-index:0; clear:both; } #overviews .br { width:15px; height:19px; background:url(../images/homepage/tabs/tab_corner_bottom_right.gif) no-repeat left bottom; position:absolute; right:0px; bottom:0px; z-index:0; clear:both; } #overviews .lc { width:10px; height:353px; background:url(../images/homepage/tabs/tab_inner_grad_left.gif) no-repeat left bottom; position:absolute; left:0px; bottom:0px; z-index:0; clear:both; } * html #overviews .lc { bottom:-1px; } #overviews .rc { width:10px; height:353px; background:url(../images/homepage/tabs/tab_inner_grad_right.gif) no-repeat left bottom; position:absolute; right:0px; bottom:0px; z-index:0; clear:both; } * html #overviews .rc { bottom:-1px; } #tab-1-flash-holder { height:auto !important; height:371px; min-height:371px; } /* #overview-2 .col1 {background-color: red !important;} #overview-2 .col2 {background-color: blue!important;} #overview-2 .col3 {background-color: red!important;} #overview-2 .col4 {background-color: blue!important;} */ #overview-2 .col1, #overview-2 .col2, #overview-2 .col3 { width:228px; margin:0 2px 0 0; padding:0 10px 0 0; float:left; display:inline; position:relative; z-index:1; } #overview-2 .col3 {margin-right: 0; background: white !important;} #overview-2 .col4 { width:228px; margin:0; float:right; display:inline; position:relative; z-index:1; background: #F4F9FD; min-height: 405px;} #overview-2 .col1, #overview-2 .col2, #overview-2 .col3 { background:url(../images/homepage/tabs/home/new/column_shadow.png) no-repeat right top; } #overview-2 .col1 div, #overview-2 .col2 div, #overview-2 .col3 div, #overview-2 .col4 div { width:100%; float:left; } #overview-2 div.image { margin:0; padding:0 0 4px 0; background:url(../images/homepage/tabs/home/new/shadow_below.png) no-repeat center bottom; } #overview-2 .col1 div.title, #overview-2 .col2 div.title, #overview-2 .col3 div.title, #overview-2 .col4 div.title { width:220px; padding:10px 0 8px 10px; float:left; background: #FBFCFD; } #overview-2 .col1 .items, #overview-2 .col2 .items, #overview-2 .col3 .items { height:auto !important; height:267px; min-height:267px; /*background:url(../images/homepage/tabs/home/new/section_bg.jpg) no-repeat left top;*/ background: #F4F9FD; } /*#overview-2 .col3 .items { min-height: 267px; background-color: #E6EBF0;}*/ #overview-2 .col4 .items { height:auto !important; height:213px; min-height:213px; /*background:url(../images/homepage/tabs/hometeam_section_bg.jpg) no-repeat left top;*/ } #overview-2 .col1 .items ul, #overview-2 .col2 .items ul, #overview-2 .col3 .items ul { width:230px; margin:0; float:left; } #overview-2 .col4 .items ul { width:100%; margin:0; float:left; } #overview-2 .col1 .items li, #overview-2 .col2 .items li, #overview-2 .col3 .items li { width:100%; padding:2px 0 0 0; float:left; } #overview-2 .col4 .items li { width:100%; padding:0; float:left; } #overview-2 .col4 .items li.first { padding:2px 0 0 0; } #overview-2 .col1 .items a, #overview-2 .col2 .items a, #overview-2 .col3 .items a { height:auto !important; height:89px; min-height:89px; padding:30px 20px 5px 13px; float:left; } #overview-2 .col1 .items li.first a, #overview-2 .col2 .items li.first a, #overview-2 .col3 .items li.first a { height:auto !important; height:63px; min-height:63px; } #overview-2 .col1 .items li.first img, #overview-2 .col2 .items li.first img, #overview-2 .col3 .items li.first img { margin:-54px 8px -5px 10px; float:right; display:inline; } #overview-2 .items li.bullet a, #overview-2 .items li.bullet a, #overview-2 .items li.bullet a, #overview-2 .items li.bullet a { display: block; border-bottom: 1px solid #D5DADE; padding: 0 0 7px; margin: 0 15px 6px; float: none; width: auto;} #overview-2 .items li.bullet-last a { border-bottom: none;} /* #overview-2 .col2 .items a { width:264px; height:auto !important; height:89px; min-height:89px; padding:30px 25px 5px 16px; float:left; } #overview-2 .col2 .items li.first a { height:auto !important; height:62px; min-height:62px; padding:31px 25px 5px 16px; } #overview-2 .col2 .items li.first img { margin:-36px -3px 0px 10px; float:right; display:inline; } #overview-2 .col3 .items a { width:264px; height:auto !important; height:89px; min-height:89px; padding:30px 25px 5px 16px; float:left; } #overview-2 .col3 .items li.first a { height:auto !important; height:62px; min-height:62px; padding:31px 25px 5px 16px; } #overview-2 .col3 .items li.first img { margin:-36px -3px 0px 10px; float:right; display:inline; } */ #overview-2 .col4 .items a { width:210px; padding:0 10px; float:left; } #overview-2 .col4 .items a span { width:165px; padding:34px 5px 4px 5px; float:left; line-height:18px; } #overview-2 .col4 .items a:hover span, #overview-2 .col4 .items a:focus span, #overview-2 .col4 .items a:active span { color:#000000; } #overview-2 .items a:hover span.content, #overview-2 .items a:focus span.content, #overview-2 .items a:active span.content { color:#000; cursor:pointer; } #overview-2 .col4 #iHouse-badge { width:137px; height:135px; margin:-82px 0 -82px 167px; float:left; display:inline; position:relative; z-index:2; } #iHouse-badge a { width:137px; height:135px; display:block; background:url(../images/homepage/tabs/home/new/btn_visit_interactive_house.png) no-repeat left top; } #iHouse-badge a:hover, #iHouse-badge a:focus, #iHouse-badge a:active { background:url(../images/homepage/tabs/home/new/btn_visit_interactive_house_over.png) no-repeat left top; } #home-team-repair-man { width:75px; height:126px; float:right; display:inline; margin:40px 40px -166px 0; position:relative; z-index:3; } #overview-shop-link { width:100%; margin:5px 0 0 0; padding:13px 0 0 0; float:left; background:url(../images/homepage/tabs/home/new/divider.gif) no-repeat left top; } #overview-2 .col4 .items #overview-shop-link a { width:205px; height:40px; margin:0 0 0 17px; float:left; display:inline; background:url(../images/homepage/tabs/home/new/btn_shop_new.gif) no-repeat left top; } #overview-2 .col4 .items #overview-shop-link a:hover, #overview-2 .col4 .items #overview-shop-link a:focus, #overview-2 .col4 .items #overview-shop-link a:active { background:url(../images/homepage/tabs/home/new/btn_shop_on_new.gif) no-repeat left top; } #overview-2 .col4 .items li.first img { float:right; display:inline; } #overview-3 .inner-bg { width:100%; height:auto !important; height:369px; min-height:369px; float:left; background:url(../images/homepage/tabs/home/new/column_shadow.png) no-repeat 475px top; } #overview-3 .col1 { width:620px; margin:0; float:left; display:inline; position:relative; z-index:1; background:url(../images/homepage/tabs/business/new/bg_gas.jpg) no-repeat left top; } #overview-3 .col2 { width:324px; margin:0; float:right; display:inline; position:relative; z-index:1; /*background:url(../images/homepage/tabs/business/new/bg_electricity.jpg) no-repeat left top;*/ } #overview-2 .col1 div, #overview-2 .col2 div, #overview-2 .col3 div { width:100%; float:left; } #overview-3 .col1 div.title { width:463px; margin:5px 0 2px 12px; float:left; display:inline; } #overview-3 .col2 div.title { /* width: 450px; */ margin: 15px 0 12px 12px; float: left; display: inline;} #overview-3 .col1 .items, #overview-3 .col2 .items { width:100%; float:left; } #overview-3 .col1 .items ul, #overview-3 .col2 .items ul { width:100%; margin:0; float:left; } #overview-3 .col1 .items li, #overview-3 .col2 .items li { width:100%; padding:2px 0 0 0; float:left; } #overview-3 .col1 .items a { width:451px; height:auto !important; height:35px; min-height:35px; padding:41px 12px 5px 12px; float:left; } #overview-3 .col1 .items li.first a { height:auto !important; height:43px; min-height:43px; padding:32px 12px 5px 12px; } #overview-3 .col2 .items a { width:438px; height:auto !important; height:36px; min-height:36px; padding:40px 11px 5px 11px; float:left; } #overview-3 .col2 .items li.first a { height:auto !important; height:44px; min-height:44px; padding:31px 12px 5px 12px; } #overview-3 .col1 .items .thumbs { width:100%; margin:0 0 0 0; float:left; } #overview-3 .col2 .items .thumbs { width:100%; margin:7px 0 0 0; float:left; display:inline; overflow:hidden; position:relative; } #overview-3 .col2 .items .thumbs ul { width:500px; position:relative; } #overview-3 .col1 .items .thumbs li { width:auto; padding:0; } #overview-3 .col2 .items .thumbs li { width:auto; padding:0; display:inline; } #overview-3 .col1 .items .thumbs a { height:auto !important; height:138px; min-height:138px; padding:0; } #overview-3 .col2 .items .thumbs a { height:auto !important; height:125px; min-height:125px; padding:0; } #overview-3 .items a, #overview-3 .items a span { cursor:pointer; } #overview-3 .items a:hover span.content, #overview-3 .items a:focus span.content, #overview-3 .items a:active span.content { color:#000; border-bottom:1px dotted #000; cursor:pointer; } #overview-3 .col2 ul { width:100%; /* height:auto !important; height:200px; min-height:200px;*/ margin:0; float:left; border-top:1px solid #DDDEE2; } #overview-3 .col2 li { border-bottom:1px solid #DDDEE2; font-size: 14px } #overview-3 .col2 li a { width:263px; padding:5px 12px 5px 12px; display:block; background:url(../images/homepage/tabs/energy_efficiency/bullet.gif) no-repeat 2px 11px; font-size:90%; } #overview-3 .col2 li a:hover, #overview-4 .col4 li a:focus, #overview-4 .col4 li a:active { } #overview-3 .col2 li a:hover span, #overview-4 .col4 li a:focus span, #overview-4 .col4 li a:active span { color:#000; border-bottom:1px dotted #000; } #overview-3 .col2 a.environmental-commitment { margin:14px 0 0 -8px; position:relative; } #overview-3 .col2 .col2_holder {margin-top: 20px; padding: 20px;} /*-- Ian New Business Design -- */ #overview-3 .col1 .business_header_dropdown {float:left; width: 200px; height: 349px; margin-left: 10px; padding-top: 20px; text-align: center;} #overview-3 .col1 .business_header_dropdown.first {margin-left: 0} #overview-3 .col1 .business_header_dropdown.green {background: #B9C32C;} #overview-3 .col1 .business_header_dropdown.green:hover {background: #a6aa19;} #overview-3 .col1 .business_header_dropdown.blue {background: #6AA7DC;} #overview-3 .col1 .business_header_dropdown.blue:hover {background: #4594d0;} #overview-3 .col1 .business_header_dropdown.purple {background: #B094C7;} #overview-3 .col1 .business_header_dropdown.purple:hover {background: #8966ae;} #overview-3 .col1 .business_header_dropdown .p { display: block;color: white; text-align: center; font-weight: bold; font-size: 14px; margin: 10px 0; padding: 0 15px; line-height: 1.5em; /*height: 275px*/} #overview-3 .col1 .business_header_dropdown a {color: white !important; font-weight: bold !important;} #overview-3 .col1 .titler {margin: 30px 0 0 0} #overview-3 .col2 .bottom_boxes {width: 100%; /* float: left;*/ height: 55px; } #overview-3 .col2 a.box1 {margin: 10px 0 5px 0; background: url(../images/business-redesign/energyLink.png) no-repeat; width: 220px; height: 55px; display: block; float: left;} #overview-3 .col2 a.box1:hover {background-position: 0 -55px;} #overview-3 .col2 a.box2 {margin: 20px 0 10px 0; background: url(../images/business-redesign/helpandQs.png) no-repeat; width: 215px; height: 37px; display: block; float: left;} #overview-3 .col2 a.box2:hover {background-position: 0 -38px;} #overview-3 .col2 a.box3 {margin: 10px 0 0 0; background: url(../images/business-redesign/alert_icon.png) no-repeat; width: 247px; height: 33px; display: block; float: left;} #overview-3 .col2 a.box3:hover {background-position: 0 -33px;} #overview-4 .col1 { width:297px; height:369px; float:left; display:inline; position:relative; z-index:1; background:url(../images/homepage/tabs/energy_efficiency/new/column_shadow.png) no-repeat right top #FFF; } #overview-4 .col2 { width:161px; height:369px; padding:0 0 0 4px; float:left; display:inline; position:relative; z-index:1; background:url(../images/homepage/tabs/energy_efficiency/new/column_shadow.png) no-repeat right top #FFF; } #overview-4 .col3 { width:157px; height:369px; padding:0 0 0 4px; float:left; display:inline; position:relative; z-index:1; background:#FFF; } #overview-4 .col4 { width:287px; height:auto !important; height:353px; min-height:353px; padding:0 7px 0 28px; float:right; position:relative; z-index:1; background:url(../images/homepage/tabs/energy_efficiency/new/bg_popularsolutions.jpg) no-repeat right top; } #overview-4 .col4 div { width:100%; float:left; display:inline; } #overview-4 .col4 div.title { margin:20px 0 10px -2px; } #overview-4 .col4 ul { width:100%; height:auto !important; height:200px; min-height:200px; margin:0; float:left; border-top:1px solid #DDDEE2; } #overview-4 .col4 li { border-bottom:1px solid #DDDEE2; } #overview-4 .col4 li a { width:263px; padding:5px 12px 5px 12px; display:block; background:url(../images/homepage/tabs/energy_efficiency/bullet.gif) no-repeat 2px 11px; font-size:90%; } #overview-4 .col4 li a:hover, #overview-4 .col4 li a:focus, #overview-4 .col4 li a:active { } #overview-4 .col4 li a:hover span, #overview-4 .col4 li a:focus span, #overview-4 .col4 li a:active span { color:#000; border-bottom:1px dotted #000; } #overview-4 .col4 a.environmental-commitment { margin:24px 0 0; position:relative; } #overview-5 .js-hidden { width:100%; margin:20px 0 0 0; float:left; text-align:center; font-weight:bold; } #help-and-questions-left { width:728px; margin:0; float:left; display:inline; position:relative; z-index:1; } #help-and-questions-updateable { width:100%; padding:0 0 3px 0; float:left; position:relative; } #help-and-questions-updateable .col1 { width:359px; height:auto !important; height:263px; min-height:263px; float:left; background:url(../images/homepage/tabs/help_questions/new/bg_topics.jpg) no-repeat left top; } #help-and-questions-updateable .col1 .title { width:351px; height:auto !important; height:31px; min-height:31px; padding:14px 0 0 8px; float:left; } #help-and-questions-updateable .col1 ul { width:352px; margin:0; float:left; position:relative; } #help-and-questions-updateable .col1 li { width:100%; float:left; } #help-and-questions-updateable .col1 a { width:302px; padding:2px 25px 3px; float:left; background:url(../images/home_services/nav_bullet.png) no-repeat 15px 9px; cursor:pointer; position:relative; } #help-and-questions-updateable .col2 { width:350px; height:auto !important; height:363px; min-height:363px; padding:0 11px 0 8px; float:left; display:inline; background:url(../images/homepage/tabs/help_questions/new/bg_answers.jpg) no-repeat left top; } #help-and-questions-updateable .col2 .title { width:344px; height:auto !important; height:31px; min-height:31px; padding:14px 0 0 6px; float:left; } #help-and-questions-updateable .col2 ul { width:100%; margin:0; float:left; position:relative; } #help-and-questions-updateable .col2 li { width:100%; float:left; } #help-and-questions-updateable .col2 a { width:304px; padding:3px 23px; float:left; background:url(../images/home_services/nav_bullet.png) no-repeat 13px 10px; } #help-and-questions-updateable a:hover, #help-and-questions-updateable a:focus, #help-and-questions-updateable a:active { } #help-and-questions-updateable a:hover span, #help-and-questions-updateable a:focus span, #help-and-questions-updateable a:active span { color:#000; border-bottom:1px dotted #000; } #help-and-questions-topics, #help-and-questions-popular { width:100%; float:left; } #hqu-dummy1:hover { background:url(../images/homepage/tabs/help_questions/new/electricit_topics.gif) no-repeat left top; } #hqu-dummy2:hover { background:url(../images/homepage/tabs/help_questions/new/electricity_questions.gif) no-repeat left top; } #hqu-dummy3:hover { background:url(../images/homepage/tabs/help_questions/new/gas_questions.gif) no-repeat left top; } #hqu-dummy4:hover { background:url(../images/homepage/tabs/help_questions/new/gas_topics.gif) no-repeat left top; } #hqu-dummy5:hover { background:url(../images/homepage/tabs/help_questions/new/services_questions.gif) no-repeat left top; } #hqu-dummy6:hover { background:url(../images/homepage/tabs/help_questions/new/services_topics.gif) no-repeat left top; } #help-and-questions-updateable .col-divider { width:4px; height:230px; background:url(../images/homepage/tabs/help_questions/new/shadow_column.png) no-repeat left top; position:absolute; left:359px; top:26px; } #help-and-questions-updateable li { width:100%; float:left; border-top:1px solid #DDDEE0; } #customer-options { width:100%; margin:-4px 0 0 0; padding:5px 0 0 0; float:left; background:url(../images/homepage/tabs/help_questions/new/shadow_below.png) no-repeat center top; display:none; } #customer-options ul { width:100%; margin:0; float:left; } #customer-options li { float:left; } #customer-options a { height:103px; float:left; } #help-and-questions-nav { width:218px; height:auto !important; height:350px; min-height:350px; margin:6px 0 0 0; padding:22px 0 0 0; float:right; position:relative; z-index:3; background:url(../images/homepage/tabs/help_questions/new/nav_bg.jpg) no-repeat left top; } #help-and-questions-nav ul { width:100%; margin:0; float:left; background:url(../images/homepage/tabs/help_questions/nav_div.gif) no-repeat 1px bottom; } #help-and-questions-nav li { width:100%; float:left; } #help-and-questions-nav a { width:100%; float:left; background:url(../images/homepage/tabs/help_questions/nav_div.gif) no-repeat 1px 0px; } #help-and-questions-nav .active a { background:url(../images/homepage/tabs/help_questions/nav_on_bg.gif) no-repeat left top; } #overview-5 #help-and-questions-nav a span { width:218px; height:50px; float:left; position:relative; } /* Page Title */ #page-title { width:940px; height:auto !important; height:29px; min-height:29px; padding:12px 10px 16px 10px; float:left; position:relative; z-index:1; } #page-title h1, #page-title .title { width:100%; height:auto !important; height:29px; min-height:29px; margin:0; padding:0; float:left; line-height:29px; color:#EAEAEA; font-size:175%; font-weight:100; position:relative; } #page-title object { margin:6px 0 -6px 0; float:left; } /* Flash Banner */ #flash-banner { width:100%; float:left; position:relative; z-index:0; } #flash-banner .content { width:100%; height:auto !important; height:331px; min-height:331px; padding:0 0 86px 0; float:left; } #non-flash-content {} /* Home Services Sub Page Banner */ #home-services-banner { width:100%; float:left; margin:0 0 40px 0; position:relative; z-index:0; } /* Home Gas/Elec Sub Page Banner */ #home-gas-banner { width:100%; float:left; padding:0 0 86px 0; position:relative; z-index:0; } #home-elec-banner { width:100%; float:left; padding:0 0 51px 0; position:relative; z-index:0; } /* Featured Section */ #featured { width:100%; padding:23px 0 40px 0; float:left; position:relative; z-index:0; } #featured .content { width:100%; float:left; position:relative; } #featured ul { width:100%; margin:0; padding:0 0 55px 0; float:left; } #featured ul.rule-1, #featured ul.rule-2 { width:100%; } #featured li { width:430px; margin:0 100px 0 0; float:left; display:inline; font-size:105%; line-height:1.40em; } #featured li.left { margin:0; } #featured li.right { margin:0; float:right; } #featured a { width:100%; float:left; font-weight:normal; border:none; } #featured .text { position:relative; } #featured .text a { width:auto; float:none; font-weight:bold; border-bottom:1px dotted #4B4B4B; } #featured .text.right {float:right; width:240px; padding-top:16px;} #featured .title { width:100%; height:auto !important; height:29px; min-height:29px; padding:0 0 2px 0; float:left; font-size:165%; font-weight:100; color:#003366; position:relative; line-height:29px; z-index:1; } #featured .rule-1 .left .title { float:left; } #featured .rule-1 .right .title { float:right; } #featured .rule-2 .left .title { float:right; } #featured .rule-2 .right .title { float:left; } #featured .image { width:auto; margin:0; float:left; display:inline; font-size:0px; position:relative; z-index:0; } #featured a img { display:inline; } #featured .rule-1 .left .image, #featured .rule-1 .left a img { float:right; } #featured .rule-1 .right .image, #featured .rule-1 .right a img { float:left; } #featured .rule-2 .left .image, #featured .rule-2 .left a img { float:left; } #featured .rule-2 .right .image, #featured .rule-2 .right a img { float:right; } #featured ul.levelpay {width:418px; float:right; padding:0; margin:0; } #featured .introduction {float: left; width: 100%; margin: 40px 0; padding:0; font-size: 110%;} #featured .introduction a {border-bottom: 1px dotted #4B4B4B; float: none; font-weight: bold; width: auto;} #footnotes { width:100%; float:left; font-size:80%; color:#ccc; } #featured #footnotes { margin:-20px 0 40px 0; } /* Customer Satisfaction */ #customer-satisfaction { width:100%; height:68px; padding:2px 0 0 0; float:left; position:relative; overflow:hidden; z-index:4; } #customer-satisfaction-shadow { width:100%; height:2px; float:left; background:url(../images/homepage/footer_top_shadow.png) repeat-x left top; line-height:0; font-size:0px; z-index:1; position:absolute; left:0; top:0; clear:both; } #customer-satisfaction .full-width { width:100%; height:56px; padding:0 0 12px 0; float:left; background:#FFFFFF; } #customer-satisfaction .container { position:relative; } #customer-satisfaction-form { width:100%; float:left; position:absolute; left:-999999px; top:0; z-index:0; clear:both; } #customer-satisfaction a.button { width:580px; height:56px; margin:0 190px 0 190px; float:left; display:inline; background:url(../images/homepage/customer_serv_btn_on.gif) no-repeat center top; clear:both; font-weight:normal; border:none; } #customer-satisfaction a.button:hover, #customer-satisfaction a.button:focus, #customer-satisfaction a.button:active { background:url(../images/homepage/customer_serv_btn_over.gif) no-repeat center top; } #cs-card-start { width:0px; height:0; float:left; border:none; outline:none; position:absolute; top:0; left:-999999px; } #cs-ajax-ind { width:16px; height:16px; background:url(../images/homepage/ajax-loader-small.gif) no-repeat left top; position:absolute; right:165px; bottom:12px; visibility:hidden; z-index:1; clear:both; } /* Start Footer */ #footer { width:100%; padding:30px 0 30px 0; float:left; background:url(../images/homepage/footer_bg.gif) repeat-x left top #FEFEFE; position:relative; z-index:5; } #footer .container { position:relative; } #footer .back-to-top { position:absolute; right:0; top:-74px; font-weight:bold; } #footer .navigation { width:174px; margin:0 18px 0 0; float:left; display:inline; font-size:85%; } #footer .navigation .sub {float: left; margin-top:2px;} #footer .navigation h5 {text-transform: capitalize; color: #428DB2; font-weight: 500; } #footer .navigation .title { width:100%; margin-bottom:14px; float:left; } #footer .navigation .title img { float:left; } #footer .navigation ul { width:100%; margin:0; float:left; border-top:1px solid #DCDCDC; } #footer .navigation li { width:100%; float:left; border-bottom:1px solid #DCDCDC; } #footer .navigation a { width:174px; padding:3px 0; float:left; display:block; color:#444555; font-weight:normal; border:none; } #footer .navigation a:hover, #footer .navigation a:focus, #footer .navigation a:active { color:#000; } #footer .shadow { width:100%; height:2px; float:left; background:url(../images/homepage/footer_top_shadow.png) repeat-x left top; line-height:0; font-size:0px; z-index:1; position:absolute; left:0; top:0; clear:both; } #further-info { width:192px; margin:5px 0 0 0; float:left; } #further-info ul {float: left; width: 100%;} #further-info a { font-weight:normal; border:none; } #further-info .help-and-questions { width:100%; margin:0 0 10px 0; float:left; } #further-info .contact-us { width:100%; margin:0 0 18px 0; float:left; position: relative; } #further-info .contact-us .pink-flag { visibility: hidden; position: absolute; left: -55px; top: -10px; background: url("../images/homepage/2010-redesign/img_satisfaction_flag.gif") no-repeat scroll left top transparent; width: 48px; height: 36px; } #further-info .social-media { width:100%; margin:0 0 22px 0; float:left; border:solid #DEDEDE; border-width:1px 0; } #further-info .social-media ul { margin:0; padding:5px 0; float:right; } #further-info .social-media li { margin:0 0 0 10px; float:left; display:inline; } #further-info .social-media li.first { margin:0 5px 0 0; padding:5px 0 0 0; } #further-info .social-media img { float:left; } #further-info .copyright { width:100%; margin:0 0 14px 0; float:left; text-align:right; font-size:85%; } #further-info .webfactory { width:100%; float:left; text-align:right; } #further-info .webfactory a { float:right; } #further-info .social-links { float: right; margin: 0; position: relative; width: 100%; } #further-info .social-links ul { float: right;} #further-info .social-links a {border: none;} #further-info .social-links .social-hub {width: 95px; } #further-info .social-links .social-hub a { display: inline-block; padding-left: 25px; background: url(../images/social_media_hub/Hub_icon.gif) no-repeat 0 0 transparent; height: 20px; } #further-info .social-links .social-hub a:hover, #further-info .social-links .social-hub a:active, #further-info .social-links .social-hub a:focus { background-position: 0 bottom; } #further-info .social-links .social-hub a span { color: #007bb8; border-bottom: 1px dotted #007bb8; line-height: 16px; font-size:95%; display: inline-block; } #further-info .social-links .facebook { margin-left: 4px; } #further-info .social-links .youtube { margin-left: 4px; } #further-info .social-links .facebook, #further-info .social-links .youtube { width: 20px; height: 20px; } #further-info .social-links .facebook a, #further-info .social-links .youtube a { width: 20px; height: 20px; display: block; text-indent: -99999px; background: no-repeat 0 0 transparent; } #further-info .social-links .facebook a {background-image: url(../images/social_media_hub/facebook.png); } #further-info .social-links .youtube a { background-image: url(../images/social_media_hub/youtube.gif); } #further-info .diversity-ireland { width: 88px; height: 52px; } #further-info .focus-ireland { width: 88px; height: 33px; float: right;} #further-info li.diversity-ireland, #further-info li.focus-ireland { display: block; text-indent: -99999px; background: no-repeat 0 0 transparent; } #further-info li.diversity-ireland {background-image: url(../images/social_media_hub/diversity-ireland.png); float: left; display: inline; width: 88px; height: 52px;} #further-info li.focus-ireland {background-image: url(../images/social_media_hub/focus-ireland.png); width: 78px; height: 33px; margin: 9px 0 0 18px;} /* Lightbox Styles */ #lightbox { float:left; background:url(../images/forms/shadow_bottom_left.png) no-repeat left bottom; position:absolute; left:-99999px; top:-99999px; z-index:100; } #lb-br { margin:0 0 0 8px; padding:0 0 8px 0; float:left; display:inline; background:url(../images/forms/shadow_bottom_right.png) no-repeat right bottom; position:relative; } #lb-tr { margin:0 0 0 0; padding:0 0 0 0; float:left; display:inline; background:url(../images/forms/shadow_top_right.png) no-repeat right top; position:relative; } #lb-tl { margin:0 8px 0 -8px; padding:8px 0 0 8px; float:left; display:inline; background:url(../images/forms/shadow_top_left.png) no-repeat left top; position:relative; } #lb-top { margin:-8px 0 0 0; padding:8px 0 0 0; float:left; display:inline; background:url(../images/forms/shadow_top.png) repeat-x left top; position:relative; } #lb-base { margin:0 0 -8px 0; padding:0 0 8px 0; float:left; display:inline; background:url(../images/forms/shadow_bottom.png) repeat-x left bottom; position:relative; } #lb-right { margin:0 -8px 0 0; padding:0 8px 0 0; float:left; display:inline; background:url(../images/forms/shadow_right.png) repeat-y right top; position:relative; } #lb-left { margin:0 0 0 -8px; padding:0 0 0 8px; float:left; display:inline; background:url(../images/forms/shadow_left.png) repeat-y left top; position:relative; } #lightbox-content, #lightbox-content-inner { float:left; background:#FFFFFF; overflow:hidden; position:relative; } #lightbox-tmp { width:940px; float:left; position:absolute; left:-999999px; top:-999999px; visibility:hidden; z-index:0; } .lightbox-close { width:18px; height:18px; position:absolute; right:7px; top:7px; background:url(../images/forms/btn_close.png) no-repeat left top; cursor:pointer; z-index:100; } .lightbox-close-contact-us { background: url(../images/forms/btn_close.png) no-repeat left top ; cursor: pointer; height: 18px; padding: 0 22px; position: absolute; left: 320px; top: 250px; width: 18px; z-index: 100; } .lightbox-close:hover, .lightbox-close-over { background:url(../images/forms/btn_close_over.png) no-repeat left top; } #lightbox-overlay { width:100%; height:0; position:absolute; z-index:99; left:0; top:0; clear:both; line-height:0; font-size:0px; background:url(blank.gif) repeat; } #lightbox object { visibility:visible; } #lightbox .lightbox-gallery-move { width:50%; height:999999px; position:absolute; top:0; z-index:1; cursor:pointer; background:url(blank.gif) repeat; } #lightbox a.lightbox-gallery-move span { width:63px; height:32px; visibility:hidden; } #lightbox-gallery-move-left { left:0; } #lightbox-gallery-move-left span { float:left; background:url(../images/forms/prevlabel.gif) no-repeat left top; } #lightbox-gallery-move-right { right:0; } #lightbox-gallery-move-right span { float:right; background:url(../images/forms/nextlabel.gif) no-repeat left top; } /* Specific HyperLinks */ a.login { width:84px; height:27px; background:url(../images/homepage/login.png) no-repeat left top; } a.login:hover, a.login:focus, a.login:active { background:url(../images/homepage/login.png) no-repeat left bottom; } a.register-your-account { width:94px; height:27px; background:url(../images/homepage/register.png) no-repeat left top; } a.register-your-account:hover, a.register-your-account:focus, a.register-your-account:active { background:url(../images/homepage/register.png) no-repeat left bottom; } a.register-your-account-main { padding:3px 0 0 0; color:#000; font-family: Gotham, Candara, Arial, Helvetica, sans-serif; font-size:105%; line-height:18px; } a.register-your-account-main:hover { color:#000; } #overview-1 a.main { width:219px; } #overview-2 a.main { width:122px; } #overview-2 a.main span.tab { background:url(../images/homepage/btn_home_on.gif) no-repeat 30px 23px; } #overview-2:hover a.main span.tab, #overview-2 a.main:hover span.tab, #overview-2 a.active span.tab { background:url(../images/homepage/tabs/btn_home_over.gif) no-repeat left top; } #overview-2.delay a.main span.tab, #overview-2 a.delay span.tab { background:url(../images/homepage/btn_home_on.gif) no-repeat 30px 23px; } #overview-3 a.main { width:151px; } #overview-3 a.main span.tab { background:url(../images/homepage/btn_business_on.gif) no-repeat 32px 23px; } #overview-3:hover a.main span.tab, #overview-3 a.main:hover span.tab, #overview-3 a.active span.tab { background:url(../images/homepage/tabs/btn_business_over.gif) no-repeat left top; } #overview-3.delay a.main span.tab, #overview-3 a.delay span.tab { background:url(../images/homepage/btn_business_on.gif) no-repeat 32px 23px; } #overview-4 a.main { width:233px; } #overview-4 a.main span.tab { background:url(../images/homepage/our_energy_services.gif) no-repeat 25px 23px; } #overview-4:hover a.main span.tab, #overview-4 a.main:hover span.tab, #overview-4 a.active span.tab { background:url(../images/homepage/tabs/our_energy_services_over.gif) no-repeat left top; } #overview-4.delay a.main span.tab, #overview-4 a.delay span.tab { background:url(../images/homepage/our_energy_services.gif) no-repeat 25px 23px; } #overview-5 a.main { width:220px; } #overview-5 a.main span.tab { background:url(../images/homepage/btn_help_questions_on.gif) no-repeat 22px 23px; } #overview-5:hover a.main span.tab, #overview-5 a.main:hover span.tab, #overview-5 a.active span.tab { background:url(../images/homepage/tabs/btn_help_questions_over.gif) no-repeat left top; } #overview-5.delay a.main span.tab, #overview-5 a.delay span.tab { background:url(../images/homepage/btn_help_questions_on.gif) no-repeat 22px 23px; } #overview-2 a.join-us { background:url(../images/homepage/tabs/home/new/btn_join_us.gif) no-repeat 9px 11px; } #overview-2 a.join-us:hover, #overview-2 a.join-us:focus, #overview-2 a.join-us:active { background:url(../images/homepage/tabs/home/new/btn_join_us_over.gif) no-repeat 9px 11px; } #overview-2 a.already-with-us { background:url(../images/homepage/tabs/home/btn_already_with_us_on.gif) no-repeat 9px 11px; } #overview-2 a.already-with-us:hover, #overview-2 a.already-with-us:focus, #overview-2 a.already-with-us:active { background:url(../images/homepage/tabs/home/btn_already_with_us_over.gif) no-repeat 9px 11px; } #overview-2 .col2 a.already-with-us { background-position:12px 11px; } #overview-2 .col2 a.already-with-us:hover, #overview-2 .col2 a.already-with-us:focus, #overview-2 .col2 a.already-with-us:active { background-position:12px 11px; } #overview-2 a.switch-to-us { background:url(../images/homepage/tabs/home/new/btn_switch_to_us.gif) no-repeat 12px 12px; } #overview-2 a.switch-to-us:hover, #overview-2 a.switch-to-us:focus, #overview-2 a.switch-to-us:active { background:url(../images/homepage/tabs/home/new/btn_switch_to_us_over.gif) no-repeat 12px 12px; } #overview-2 a.home-team { background:url(../images/homepage/tabs/home/new/btn_home_services.png) no-repeat 12px 12px; } #overview-2 a.home-team:hover, #overview-2 a.home-team:focus, #overview-2 a.home-team:active { background:url(../images/homepage/tabs/home/new/btn_home_services_over.png) no-repeat 12px 12px; } #overview-2 a.hive-heating { background:url(../images/homepage/tabs/home/new/smartheating1.png) no-repeat 12px 12px; } #overview-2 a.hive-heating:hover, #overview-2 a.hive-heating:focus, #overview-2 a.hive-heating:active { background:url(../images/homepage/tabs/home/new/smartheating2.png) no-repeat 12px 12px; } #overview-2 a.boiler-service { background:url(../images/homepage/tabs/home/new/btn_boilerservice.gif) no-repeat 8px 13px; } #overview-2 a.boiler-service:hover, #overview-2 a.boiler-service:focus, #overview-2 a.boiler-service:active { background:url(../images/homepage/tabs/home/new/btn_boilerservice_on.gif) no-repeat 8px 13px; } #overview-2 a.boiler-repair { background:url(../images/homepage/tabs/home/new/btn_boilerrepair.gif) no-repeat 8px 13px; } #overview-2 a.boiler-repair:hover, #overview-2 a.boiler-repair:focus, #overview-2 a.boiler-repair:active { background:url(../images/homepage/tabs/home/new/btn_boilerrepair_on.gif) no-repeat 8px 13px; } #overview-2 a.power-flushing { background:url(../images/homepage/tabs/home/new/btn_powerflushing.gif) no-repeat 8px 13px; } #overview-2 a.power-flushing:hover, #overview-2 a.power-flushing:focus, #overview-2 a.power-flushing:active { background:url(../images/homepage/tabs/home/new/btn_powerflushing_on.gif) no-repeat 8px 13px; } #overview-2 a.boiler-safety-check { background:url(../images/homepage/tabs/home/new/btn_boilersafety.gif) no-repeat 8px 13px; } #overview-2 a.boiler-safety-check:hover, #overview-2 a.boiler-safety-check:focus, #overview-2 a.boiler-safety-check:active { background:url(../images/homepage/tabs/home/new/btn_boilersafety_on.gif) no-repeat 8px 13px; } #overview-2 a.water-softening { background:url(../images/homepage/tabs/home/new/btn_hardwater.gif) no-repeat 8px 13px; } #overview-2 a.water-softening:hover, #overview-2 a.water-softening:focus, #overview-2 a.water-softening:active { background:url(../images/homepage/tabs/home/new/btn_hardwater_on.gif) no-repeat 8px 13px; } #overview-2 a.find-out-more { background:url(../images/generic/findoutmore.png) no-repeat 9px 11px; } #overview-2 a.find-out-more:hover, #overview-2 a.find-out-more:focus, #overview-2 a.find-out-more:active { background:url(../images/generic/findoutmore.png) no-repeat 9px 11px; } #overview-2 .col2 a.find-out-more { background-position:12px 11px; } #overview-3 a.join-us { background:url(../images/homepage/tabs/business/btn_join_us_on.gif) no-repeat 10px 11px; } #overview-3 a.join-us:hover, #overview-3 a.join-us:focus, #overview-3 a.join-us:active { background:url(../images/homepage/tabs/business/btn_join_us_over.gif) no-repeat 10px 11px; } #overview-3 a.already-with-us { background:url(../images/homepage/tabs/home/btn_already_with_us_on.gif) no-repeat 11px 19px; } #overview-3 a.already-with-us:hover, #overview-3 a.already-with-us:focus, #overview-3 a.already-with-us:active { background:url(../images/homepage/tabs/home/btn_already_with_us_over.gif) no-repeat 11px 19px; } #overview-3 a.switch-to-us { background:url(../images/homepage/tabs/business/btn_switch_on.gif) no-repeat 9px 9px; } #overview-3 a.switch-to-us:hover, #overview-3 a.switch-to-us:focus, #overview-3 a.switch-to-us:active { background:url(../images/homepage/tabs/business/btn_switch_over.gif) no-repeat 9px 9px; } #overview-3 .col1 .items a.small-business { width:106px; } #overview-3 a.small-business { background:url(../images/homepage/tabs/business/4users/btn_small1.jpg) no-repeat left top; } #overview-3 a.small-business:hover, #overview-3 a.small-business:focus, #overview-3 a.small-business:active { background:url(../images/homepage/tabs/business/4users/btn_small2.jpg) no-repeat left top; } #overview-3 .col1 .items a.medium-business { width:113px; } #overview-3 a.medium-business { background:url(../images/homepage/tabs/business/4users/btn_medium1.jpg) no-repeat left top; } #overview-3 a.medium-business:hover, #overview-3 a.medium-business:focus, #overview-3 a.medium-business:active { background:url(../images/homepage/tabs/business/4users/btn_medium2.jpg) no-repeat left top; } #overview-3 .col1 .items a.fuel-variation-tariff { width:125px; } #overview-3 a.fuel-variation-tariff { background:url(../images/homepage/tabs/business/4users/btn_fvt1.jpg) no-repeat left top; } #overview-3 a.fuel-variation-tariff:hover, #overview-3 a.fuel-variation-tariff:focus, #overview-3 a.fuel-variation-tariff:active { background:url(../images/homepage/tabs/business/4users/btn_fvt2.jpg) no-repeat left top; } #overview-3 .col1 .items a.regulated-tariff-formula { width:131px; } #overview-3 a.regulated-tariff-formula { background:url(../images/homepage/tabs/business/4users/btn_rtf1.jpg) no-repeat left top; } #overview-3 a.regulated-tariff-formula:hover, #overview-3 a.regulated-tariff-formula:focus, #overview-3 a.regulated-tariff-formula:active { background:url(../images/homepage/tabs/business/4users/btn_rtf2.jpg) no-repeat left top; } #overview-3 .col2 .items a.non-quarter-hourly { width:223px; } #overview-3 a.non-quarter-hourly { background:url(../images/homepage/tabs/business/new/btn_nqh1.jpg) no-repeat left top; } #overview-3 a.non-quarter-hourly:hover, #overview-3 a.non-quarter-hourly:focus, #overview-3 a.non-quarter-hourly:active { background:url(../images/homepage/tabs/business/new/btn_nqh2.jpg) no-repeat left top; } #overview-3 .col2 .items a.quarter-hourly { width:248px; } #overview-3 a.quarter-hourly { background:url(../images/homepage/tabs/business/new/btn_qh1.jpg) no-repeat left top; } #overview-3 a.quarter-hourly:hover, #overview-3 a.quarter-hourly:focus, #overview-3 a.quarter-hourly:active { background:url(../images/homepage/tabs/business/new/btn_qh2.jpg) no-repeat left top; } .back-to-top { margin:15px 0 0 0;} .back-to-top a {float:left; background:url(../images/homepage/bak_to_top_arrow.gif) no-repeat right center;border:none;margin-bottom:30px } .back-to-top a span { color:#666666; border-bottom:1px dotted #666666;float:left;padding-right:16px; } .back-to-top a:hover span, .back-to-top a:focus span, .back-to-top a:active span { color:#000; border-bottom:1px dotted #000; } #further-info .help-and-questions a { width:188px; height:31px; background:url(../images/homepage/footer_got_question_on.gif) no-repeat left top; display:block; } #further-info .help-and-questions a:hover, #further-info .help-and-questions a:focus, #further-info .help-and-questions a:active { background:url(../images/homepage/footer_got_question_over.gif) no-repeat left top; } #further-info .contact-us a { width:189px; height:20px; background:url(../images/homepage/footer_contact_us_on.gif) no-repeat left top; display:block; } #further-info .contact-us a:hover, #further-info .contact-us a:focus, #further-info .contact-us a:active { background:url(../images/homepage/footer_contact_us_over.gif) no-repeat left top; } #further-info .webfactory a { width:117px; height:15px; background:url(../images/homepage/produced_by_webfactory_on.gif) no-repeat left top; display:block; } #further-info .webfactory a:hover, #further-info .webfactory a:focus, #further-info .webfactory a:active { background:url(../images/homepage/produced_by_webfactory_over.gif) no-repeat left top; } /* start added for windfarmes */ a.environmental-commitment { width:231px; height:51px; display:block; background:url(../images/homepage/tabs/energy_efficiency/btn_envir_commitment_on.gif) no-repeat left top; } a.environmental-commitment:hover, a.environmental-commitment:focus, a.environmental-commitment:active { background:url(../images/homepage/tabs/energy_efficiency/btn_envir_commitment_over.gif) no-repeat left top; } #overview-4 .col4 a.windfarms { margin:14px 0 0 -8px; position:relative; } a.windfarms { width:192px; height:46px; display:block; background:url(../images/homepage/tabs/energy_efficiency/btn_windfarms_on.gif) no-repeat left top; } a.windfarms:hover, a.windfarms:focus, a.windfarms:active { background:url(../images/homepage/tabs/energy_efficiency/btn_windfarms_over.gif) no-repeat left top; } .overview-environmental {margin-top:-20px;} .overview-windfarms {margin-top:-10px;} /* end added for windfarmes */ #customer-options a.thinking-of-joining-us { width:187px; background:url(../images/homepage/tabs/help_questions/new/btn_joining1.gif) no-repeat left top; } #customer-options a.thinking-of-joining-us:hover, #customer-options a.thinking-of-joining-us:focus, #customer-options a.thinking-of-joining-us:active { background:url(../images/homepage/tabs/help_questions/new/btn_joining2.gif) no-repeat left top; } #customer-options a.recently-joined-us { width:173px; background:url(../images/homepage/tabs/help_questions/new/btn_recently1.gif) no-repeat left top; } #customer-options a.recently-joined-us:hover, #customer-options a.recently-joined-us:focus, #customer-options a.recently-joined-us:active { background:url(../images/homepage/tabs/help_questions/new/btn_recently2.gif) no-repeat left top; } #customer-options a.existing-customer { width:173px; background:url(../images/homepage/tabs/help_questions/new/btn_existing1.gif) no-repeat left top; } #customer-options a.existing-customer:hover, #customer-options a.existing-customer:focus, #customer-options a.existing-customer:active { background:url(../images/homepage/tabs/help_questions/new/btn_existing2.gif) no-repeat left top; } #customer-options a.thinking-of-leaving-us { width:195px; background:url(../images/homepage/tabs/help_questions/new/btn_leaving1.gif) no-repeat left top; } #customer-options a.thinking-of-leaving-us:hover, #customer-options a.thinking-of-leaving-us:focus, #customer-options a.thinking-of-leaving-us:active { background:url(../images/homepage/tabs/help_questions/new/btn_leaving2.gif) no-repeat left top; } #help-and-questions-nav a.home-gas span { background:url(../images/homepage/tabs/help_questions/btn_home_gas.gif) no-repeat 10px 18px; } #help-and-questions-nav a.home-gas:hover span, #help-and-questions-nav a.home-gas:focus span, #help-and-questions-nav a.home-gas:active span { background:url(../images/homepage/tabs/help_questions/btn_home_gas_on.gif) no-repeat 10px 18px; } #help-and-questions-nav .active a.home-gas span, #help-and-questions-nav .active a.home-gas:hover span { background:url(../images/homepage/tabs/help_questions/btn_home_gas_on.gif) no-repeat 10px 18px; } #help-and-questions-nav a.home-electricity span { background:url(../images/homepage/tabs/help_questions/btn_home_electricity.gif) no-repeat 10px 18px; } #help-and-questions-nav a.home-electricity:hover span, #help-and-questions-nav a.home-electricity:focus span, #help-and-questions-nav a.home-electricity:active span { background:url(../images/homepage/tabs/help_questions/btn_home_electricity_on.gif) no-repeat 10px 18px; } #help-and-questions-nav .active a.home-electricity span, #help-and-questions-nav .active a.home-electricity:hover span { background:url(../images/homepage/tabs/help_questions/btn_home_electricity_on.gif) no-repeat 10px 18px; } #help-and-questions-nav a.home-services span { background:url(../images/homepage/tabs/help_questions/new/ourservices_help1.png) no-repeat 14px 18px; } #help-and-questions-nav a.home-services:hover span, #help-and-questions-nav a.home-services:focus span, #help-and-questions-nav a.home-services:active span { background:url(../images/homepage/tabs/help_questions/new/ourservices_help2.png) no-repeat 14px 18px; } #help-and-questions-nav .active a.home-services span, #help-and-questions-nav .active a.home-services:hover span { background:url(../images/homepage/tabs/help_questions/new/ourservices_help2.png) no-repeat 14px 18px; } #help-and-questions-nav a.small-business span { background:url(../images/homepage/tabs/help_questions/btn_small_business.png) no-repeat 10px 18px; } #help-and-questions-nav a.small-business:hover span, #help-and-questions-nav a.small-business:focus span, #help-and-questions-nav a.small-business:active span { background:url(../images/homepage/tabs/help_questions/btn_small_business_on.png) no-repeat 10px 18px; } #help-and-questions-nav .active a.small-business span, #help-and-questions-nav .active a.small-business:hover span { background:url(../images/homepage/tabs/help_questions/btn_small_business_on.png) no-repeat 10px 18px; } #help-and-questions-nav a.medium-business span { background:url(../images/homepage/tabs/help_questions/btn_medium_business.png) no-repeat 10px 18px; } #help-and-questions-nav a.medium-business:hover span, #help-and-questions-nav a.medium-business:focus span, #help-and-questions-nav a.medium-business:active span { background:url(../images/homepage/tabs/help_questions/btn_medium_business_on.png) no-repeat 10px 18px; } #help-and-questions-nav .active a.medium-business span, #help-and-questions-nav .active a.medium-business:hover span { background:url(../images/homepage/tabs/help_questions/btn_medium_business_on.png) no-repeat 10px 18px; } #help-and-questions-nav a.large-business span { background:url(../images/homepage/tabs/help_questions/btn_large_business.png) no-repeat 10px 18px; } #help-and-questions-nav a.large-business:hover span, #help-and-questions-nav a.large-business:focus span, #help-and-questions-nav a.large-business:active span { background:url(../images/homepage/tabs/help_questions/btn_large_business_on.png) no-repeat 10px 18px; } #help-and-questions-nav .active a.large-business span, #help-and-questions-nav .active a.large-business:hover span { background:url(../images/homepage/tabs/help_questions/btn_large_business_on.png) no-repeat 10px 18px; } #help-and-questions-nav a.rewards span { background: url(../images/homepage/tabs/help_questions/new/btn_rewards.png) no-repeat 10px 18px; } #help-and-questions-nav a.rewards:hover span, #help-and-questions-nav a.rewards:focus span, #help-and-questions-nav a.rewards:active span { background:url(../images/homepage/tabs/help_questions/new/btn_rewards_on.png) no-repeat 10px 18px; } #help-and-questions-nav .active a.rewards span, #help-and-questions-nav .active a.rewards:hover span { background: url(../images/homepage/tabs/help_questions/new/btn_rewards_on.png) no-repeat 10px 18px; } /* Specific Span Styles */ #overview-3 .col1 span.already-with-us { width:451px; height:auto !important; height:35px; min-height:35px; padding:41px 12px 5px 12px; float:left; background:url(../images/homepage/tabs/business/heading_already_with_us.gif) no-repeat 11px 19px; position:relative; } #overview-3 .col2 span.already-with-us { width:440px; height:auto !important; height:36px; min-height:36px; padding:40px 11px 5px 11px; float:left; background:url(../images/homepage/tabs/business/heading_already_with_us.gif) no-repeat 11px 19px; position:relative; } * html #overview-3 .col2 span.already-with-us { height:47px; } .highlighted { color:#3A3B4B; border-bottom:1px dotted #3A3B4B; } a .highlighted { color:#3A3B4B; font-weight:bold; } a:hover .highlighted, a:focus .highlighted, a:active .highlighted, a.covered .highlighted { color:#000; } .pink { color:#EE0090; } .blue { color:#003366; } .footnote { font-size:80%; margin:30px 0 0 0; } .fix-me { color:#FF0000; } .underline { text-decoration:underline; } .dagger { font-size: 75%; font-weight:normal;} /* Specific List Styles */ ul.paginate { margin:0 3px 0 0; float:right; display:inline; } ul.paginate li { width:11px; height:11px; margin:0 0 0 10px; float:left; display:inline; background:url(../images/homepage/carousel_bullet_off.gif) no-repeat left top; line-height:0px; font-size:0px; cursor:pointer; } ul.paginate li.active { background:url(../images/homepage/carousel_bullet_on.gif) no-repeat left top; cursor:pointer; } .content-list li { background: url("../images/home_services/boilerservice/bullet.gif") no-repeat scroll left 11px transparent; padding: 4px 0 2px 15px; margin:0 0 0 20px;} .lower-alpha-list li { list-style-type: lower-alpha; padding: 5px 0 5px 0px; margin:0 0 0 30px;} /* Big Blue Buttons */ .blue-button, .blue-button-lb { width:968px; height:71px; margin:-86px 0 0 0; padding:15px 0 0 0; float:left; position:relative; overflow:hidden; z-index:0; } .blue-button-lb { width:100%; margin-top:0; } .blue-button .content, .blue-button-lb .content { float:left; position:relative; left:50%; text-align:center; } .blue-button a, .blue-button-lb a { height:38px; padding:14px 55px 0 68px; float:left; list-style:none; position:relative; left:-50%; background:url(../images/home_gas/btn_main_middle.gif) repeat-x left top; font-weight:normal; border:none; } .blue-button-lb a { padding:14px 25px 0 38px; } .blue-button a:hover, .blue-button a:focus, .blue-button a:active, .blue-button-lb a:hover, .blue-button-lb a:focus, .blue-button-lb a:active { background:url(../images/home_gas/btn_main_middle_over.gif) repeat-x left top; } .blue-button a .lc { width:26px; height:52px; background:url(../images/home_gas/btn_main_left.png) no-repeat left top; position:absolute; left:-26px; top:0; cursor:pointer; } .blue-button-lb a .lc { width:26px; height:52px; background:url(../images/home_gas/btn_main_left_lb.gif) no-repeat 0px 2px; position:absolute; left:-26px; top:0; cursor:pointer; } .blue-button a:hover .lc, .blue-button a:focus .lc, .blue-button a:active .lc { background:url(../images/home_gas/btn_main_left_over.png) no-repeat left top; } .blue-button-lb a:hover .lc, .blue-button-lb a:focus .lc, .blue-button-lb a:active .lc { background:url(../images/home_gas/btn_main_left_lb_over.gif) no-repeat 0px 2px; } .blue-button a .rc { width:26px; height:52px; background:url(../images/home_gas/btn_main_right.png) no-repeat left top; position:absolute; right:-26px; top:0; cursor:pointer; } .blue-button-lb a .rc { width:26px; height:52px; background:url(../images/home_gas/btn_main_right_lb.gif) no-repeat 0px 2px; position:absolute; right:-26px; top:0; cursor:pointer; } .blue-button a:hover .rc, .blue-button a:focus .rc, .blue-button a:active .rc { background:url(../images/home_gas/btn_main_right_over.png) no-repeat left top; } .blue-button-lb a:hover .rc, .blue-button-lb a:focus .rc, .blue-button-lb a:active .rc { background:url(../images/home_gas/btn_main_right_lb_over.gif) no-repeat 0px 2px; } /* Boiler Service Buttons */ .boiler-service-button.top { width:960px; height:71px; margin:0; padding:15px 0 0 0; float:left; position:relative; overflow:hidden; z-index:0; } .boiler-service-button, .boiler-service-button-lb { width:960px; height:71px; margin:-86px 0 0 0; padding:15px 0 0 0; float:left; position:relative; overflow:hidden; z-index:0; } .home-gas .boiler-service-button, .home-gas .boiler-service-button-lb {margin:0px 0 0 0;} .home-gas-last .boiler-service-button {float:left;padding-bottom: 40px;} .boiler-service-button-lb { width:100%; margin-top:0; } .boiler-service-button .content, .boiler-service-button-lb .content { float:left; position:relative; left:50%; text-align:center; } .boiler-service-button a, .boiler-service-button-lb a { height:38px; padding:14px 55px 0 68px; float:left; list-style:none; position:relative; left:-50%; background:url(../images/home_team/btn_main_middle.png) repeat-x left top; font-weight:normal; border:none; } .boiler-service-button-lb a { padding:14px 25px 0 38px; } .boiler-service-button a:hover, .boiler-service-button a:focus, .boiler-service-button a:active, .boiler-service-button-lb a:hover, .boiler-service-button-lb a:focus, .boiler-service-button-lb a:active { background:url(../images/home_team/btn_main_middle_over.png) repeat-x left top; } .boiler-service-button a .lc { width:26px; height:52px; background:url(../images/home_team/btn_main_left.png) no-repeat left top; position:absolute; left:-26px; top:0; cursor:pointer; } .boiler-service-button-lb a .lc { width:26px; height:52px; background:url(../images/home_team/btn_main_left_lb.png) no-repeat 0px 2px; position:absolute; left:-26px; top:0; cursor:pointer; } .boiler-service-button a:hover .lc, .boiler-service-button a:focus .lc, .boiler-service-button a:active .lc { background:url(../images/home_team/btn_main_left_over.png) no-repeat left top; } .boiler-service-button-lb a:hover .lc, .boiler-service-button-lb a:focus .lc, .boiler-service-button-lb a:active .lc { background:url(../images/home_team/btn_main_left_lb_over.gif) no-repeat 0px 2px; } .boiler-service-button a .rc { width:26px; height:52px; background:url(../images/home_team/btn_main_right.png) no-repeat left top; position:absolute; right:-26px; top:0; cursor:pointer; } .boiler-service-button-lb a .rc { width:26px; height:52px; background:url(../images/home_team/btn_main_right_lb.png) no-repeat 0px 2px; position:absolute; right:-26px; top:0; cursor:pointer; } .boiler-service-button a:hover .rc, .boiler-service-button a:focus .rc, .boiler-service-button a:active .rc { background:url(../images/home_team/btn_main_right_over.png) no-repeat left top; } .boiler-service-button-lb a:hover .rc, .boiler-service-button-lb a:focus .rc, .boiler-service-button-lb a:active .rc { background:url(../images/home_team/btn_main_right_lb_over.gif) no-repeat 0px 2px; } /* Forms */ div.input { padding:0 0 0 6px; float:left; background:url(../images/forms/input_bg_left.gif) no-repeat left top; position:relative; z-index:0; } div.input input { height:20px; margin:0; padding:7px 6px 3px 0; float:left; background-color:#EDEDED !important; background:url(../images/forms/input_bg_right.gif) no-repeat right top !important; border:0px none; outline:none; } div.wHelp input { padding-right:28px; } div.input .help-icon { width:12px; height:12px; background:url(../images/forms/help_question_mark_grey_bg.gif) no-repeat left top; line-height:0; font-size:0px; position:absolute; right:8px; top:8px; } div.textarea .help-icon { width:12px; height:12px; background:url(../images/forms/help_question_mark_grey_bg.gif) no-repeat left top; line-height:0; font-size:0px; position:absolute; right:-19px; top:8px; } div.select .help-icon { width:12px; height:12px; background:url(../images/forms/help_question_mark_grey_bg.gif) no-repeat left top; line-height:0; font-size:0px; position:absolute; right:8px; top:8px; } div.input label { float: left; margin: 0 10px 5px 5px; line-height: 20px; margin-bottom: 0; display: inline; } div.input.radio { background: none; padding-left: 0; } #small-business-advice-form .input input[type=radio] { width: 20px; float: left; background: none !important; height: auto; margin: 3px 1px 0 0; } #small-business-advice-form .input input[type=radio].second { margin-left: 10px; } #paynow .help-icon {right:-20px; z-index:3;} #site-search div.select { padding:0 0 0 12px; float:left; } #site-search div.select select { width:194px; height:17px; margin:0; padding:3px 0 3px 0; float:left; background:#FFFFFF !important; border:0px none; outline:none; color:#666666; font-size:100%; } #site-search div.input { padding:0 0 0 12px; float:left; background:url(../images/homepage/search_bg_left.png) no-repeat left top; } #site-search div.input input { width:194px; height:17px; margin:0; padding:3px 0 3px 0; float:left; background:#FFFFFF !important; border:0px none; outline:none; color:#666666; font-size:100%; } .help-icon, .title-help-icon { visibility:hidden; } .help-text { display:none; } #help-explanation-popup { width:400px; float:left; position:absolute; left:-999999px; top:-999999px; z-index:20; color:#666; } #help-explanation-popup p { color:#666666; } div.textarea { padding:5px; float:left; background:#EDEDED; border:1px solid #CBCBCB; position:relative; z-index:0; } div.textarea textarea { min-height:0; margin:0; float:left; border:0px none; outline:none; background:none; } div.textarea .corner { width:5px; height:5px; line-height:0; font-size:0px; position:absolute; background:url(../images/forms/feedback/input_box_large.gif) no-repeat; clear:both; } div.textarea .tl { background-position:left top; left:-1px; top:-1px; } div.textarea .tr { background-position:right top; right:-1px; top:-1px; } div.textarea .bl { background-position:left bottom; left:-1px; bottom:-1px; } div.textarea .br { background-position:right bottom; right:-1px; bottom:-1px; } form div.error { clear:both; color:#FF0000; font-size:90%; } .styled-select { background:url(../images/forms/feedback/dropdown.gif) no-repeat left top; } .styled-select .select-container { position:relative; z-index:1; } .styled-select .selected { padding:0 6px; cursor:pointer; } .styled-select .disabled-layer { position:absolute; z-index:2; left:-1px; top:-1px; } .styled-select .arrow { width:30px; height:30px; cursor:pointer; background:url(../images/forms/feedback/dropdown_right.gif) no-repeat left top; position:absolute; right:0; top:0; clear:both; } * html .styled-select .arrow { right:-1px; } .styled-select-options { float:left; position:absolute; left:-99999px; top:-99999px; background:#FFFFFF; border:1px solid #CDCDCF; z-index:101; cursor:pointer; overflow:hidden; clear:both; } .styled-select-options .content { width:100%; float:left; overflow:hidden; position:relative; } .styled-select-options .content ul { width:100%; float:left; } .disabled-select { color:#AFAFAF; } .disabled-select .arrow { background-image:url(../images/generic/selects/arrow_grey.gif); } .form-hidden { position:absolute; left:-9999999px; top:0; } #generic-query-form { width:880px; padding:30px; float:left; display:none; } #generic-query-form form { width:100%; margin:0; padding:10px 0 0 0; float:left; } #generic-query-form table { width:100%; margin:0; border-top:1px solid #D7D7D7; } #generic-query-form th { padding:0 0 15px 0; vertical-align:middle; font-size:90%; font-weight:bold; text-align:left; } #generic-query-form td { padding:0 0 6px 0; position:relative; vertical-align:middle; font-size:90%; } #generic-query-form td td { padding:0; } #generic-query-form td.label { width:350px; padding:0 8px 6px 0; font-weight:bold; text-align:right; } #generic-query-form td.left { width:65px; } #generic-query-form td.submit { padding:20px 0 0 44px; } #generic-query-form td.spacer { height:1px; padding:0; font-size:0px; line-height:0px; background:#D7D7D7; } #generic-query-form div.textarea textarea { width:207px; max-width:207px; height:50px; min-height:50px; max-height:50px; font-size:110%; } * html #generic-query-form div.textarea textarea { width:205px; max-width:205px; } * html #generic-query-form div.textarea .tr { right:-2px; } * html #generic-query-form div.textarea .bl { bottom:-2px; } * html #generic-query-form div.textarea .br { bottom:-2px; right:-2px; } #generic-query-form .input { width:213px; } #generic-query-form .input input { width:207px; } #generic-query-form .wHelp input { width:185px; } #generic-query-form td td .input { width:148px; } #generic-query-form td td .input input { width:142px; } #generic-query-form td td .wHelp input { width:120px; } #generic-query-form td td.left .input { width:53px; } #generic-query-form td td.left .input input { width:47px; } #generic-query-form td td.left .wHelp input { width:25px; } #generic-query-form select { width:220px; } /* Carousel */ #carousel-holder { width:100%; height:180px; margin:0 0 36px 0; float:left; overflow:hidden; position:relative; } .carousel { width:100%; float:left; position:relative; } .carousel-hidden { position:absolute; left:-999999px; top:-999999px; } .carousel .content { width:820px; height:166px; padding:8px 0 6px 0; float:left; position:relative; overflow:hidden; background:#FFFFFF; } .carousel .content ul { width:20000px; margin:0; float:left; display:inline; position:relative; } .carousel .content li { margin:0 7px 0 0; float:left; display:inline; } .carousel .content li a { width:270px; height:166px; float:left; font-weight:normal; border:none; position:relative; overflow:hidden; color:#FFFFFF; } .carousel .content li a strong { color:#FFFFFF; } .carousel .content li a .info { padding:10px; float:left; display:none; position:absolute; left:-999999px; top:-999999px; } .carousel .content li a .title { width:100%; float:left; font-size:120%; } .carousel .left { width:70px; height:180px; float:left; background:url(../images/company/sponsorship/slider_btn_left.png) no-repeat left top; } .carousel .left-button { width:39px; height:39px; margin:75px 0 0 14px; float:left; display:inline; background:#FFF; } .carousel .left-button-active { background:url(../images/company/sponsorship/btn_left.gif) no-repeat left top; cursor:pointer; } .carousel .left-button-over { background:url(../images/company/sponsorship/btn_left1.gif) no-repeat left top; cursor:pointer; } .carousel .right { width:70px; height:180px; float:left; background:url(../images/company/sponsorship/slider_btn_right.png) no-repeat left top; } .carousel .right-button { width:39px; height:39px; margin:75px 14px 0 0; float:right; display:inline; background:#FFF; } .carousel .right-button-active { background:url(../images/company/sponsorship/btn_right.gif) no-repeat left top; cursor:pointer; } .carousel .right-button-over { background:url(../images/company/sponsorship/btn_right1.gif) no-repeat left top; cursor:pointer; } /* Imagery */ .img-left { margin:10px 10px 10px 0px; float:left; display:inline; } .img-right { margin:0px 0px 10px 10px; float:right; display:inline; } .img-left-body-content { margin:20px 10px 10px 0px; float:left; display:inline; } /* No Javascript Styles */ .js-hidden { display:block; } tr.js-hidden { display:table-row; } /* Javascript Enabled Styles */ .js-dependant { display:none; } /* Clearing DIV */ div.clear { clear:both; width:100%; height:0px; line-height:0px; font-size:0px; } /* Borders */ .no-border { border:0px none; } .bdr-btm {border-bottom: 1px solid #cdcdcd; padding: 4px 0 0;} /* DoubleClick Code */ #doubleclick { position:absolute; left:-999px; top:-999px; } /* News Item Tables */ table.news-item td { padding: 0 25px 0 0; } .divide-conquer { float: left; width: 100%; margin:0 0 10px; border-bottom: 1px solid #eaeaea; } /* for the section 12-weeks-to-get-fit */ table.marathon th { background:#4B6789; color:#FFFFFF; height:45px; padding-top:7px; border:white 1px solid; font-weight:bold; } table.marathon td { background:#D1E1F4; color:#5A626B; border:white 1px solid; padding-left:2px; padding:2px; padding-right:8px; } table.marathon .date {color:#E40187;font-size:12px;padding-bottom:5px;} .marathon-program { width:90%; margin-left:45px; } #prg-link-top { background:url(../images/company/sponsorship/cork_marathon/bg_pro_top.png) no-repeat; height:30px; padding-top:8px; padding-left:20px; width:200px; } #prg-link-content { margin-top:0px; background:url(../images/company/sponsorship/cork_marathon/bg_pro_bot.png) repeat-x; width:200px; height:122px; } #prg-link-content ul { padding-left:15px; padding-top:10px; } #prg-link-content li { width:170px; float:left; } #prg-link-content ul li span { border-bottom: 1px solid #EBEBEB; padding-bottom:5px; } .lightbox-title { font-size:19px; font-weight:bold; color:#013467; } /* itunes icon marathon */ .itunes-icon-container { /* position:absolute; top:2px; */ float:left; width:24px; margin:1px 10px 0px 20px; } .ccm-video-carousel .video-holder .title a.link-itunes { width:100px; height:24px; background:none; padding-right:0px; font-size:88%; } /* *html .itunes-icon-container { top:12px; right:60px; } */ .whiteborder {border:8px solid white;} /* Robot Updates */ #footer-robot-1 { width:107px; height:47px; float:left; position:absolute; left:269px; top:-147px; overflow:hidden; } #footer-robot-1 .content { width:107px; height:47px; float:left; background:url(../images/robots/homepage/robot_peeking.png) no-repeat left top; } #footer-robot-2 { width:168px; height:158px; margin:-3px 0 0 14px; float:left; display:inline; position:relative; } #footer-robot-2 .content { width:168px; height:158px; background:url(../images/robots/homepage/robot_footer.gif) no-repeat left top; } #page-contents #homepage-featured-items { padding-bottom:70px; } .blue-button-last { padding-bottom:40px; } #page-contents #home-services-content, #page-contents #energy-efficiency-content, #page-contents #terms-privacy-content { padding-bottom:50px; } #page-contents #company-content { padding-bottom:60px; } #energy-efficiency-content #featured { padding-bottom:0; } .robots-tv-ad #ajax-content, .robots-tv-ad-content { width:640px; height:360px; margin:0; padding:0; float:none; background:#000; } .footer-terms {font-size: 11px;} #overview-2 .col1 .items li.first img { margin:-50px -32px -11px 10px; } #overview-2 .col2 .items li.first img { margin:-71px -29px -42px 10px; } #home-team-robot { width:123px; height:99px; float:right; display:inline; margin:33px -3px -131px 10px; position:relative; z-index:3; } * html #home-team-robot { margin:33px -3px -155px 10px; } #overview-3 .col1 .items li.first img { margin:-57px 0 -36px 10px; float:right; display:inline; } #overview-3 .col2 .items li.first img { margin:-71px 22px 10px 10px; float:right; display:inline; } #featured li img { position:relative; display:inline; } #featured .image { display:inline; } .boiler-care-product-holder { position:relative; overflow:hidden; } /* Tariff Styles */ #gas-tariffs td {border: 1px solid #FFFFFF; padding:5px;} #elec-tariffs td {border: 1px solid #FFFFFF; padding:5px;} /* Social Hub links within Global Footer */ #further-info .social-links { float: left; margin: 0; position: relative; width: 100%; } #further-info .social-links ul { float: right;} #further-info .social-links li { display: inline; float: right; } #further-info .social-links a {border: none;} #further-info .social-links .social-hub a { display: block; padding-left: 25px; background: url(../images/social_media_hub/Hub_icon.gif) no-repeat 0 0 transparent; height: 20px; } #further-info .social-links .social-hub a span { color: #007bb8; border-bottom: 1px dotted #007bb8; line-height: 16px; } #further-info .social-links .facebook a, #further-info .social-links .youtube a, #further-info .social-links .twitter a, #further-info .social-links .google_plus a { width: 20px; height: 20px; display: block; text-indent: -99999px; background: no-repeat 0 0 transparent; } #further-info .social-links .facebook a {background-image: url(../images/social_media_hub/facebook.png); } #further-info .social-links .youtube a { background-image: url(../images/social_media_hub/youtube.png);} #further-info .social-links .twitter a { background-image: url(../images/social_media_hub/twitter.png); } #further-info .social-links .google_plus a { background-image: url(../images/social_media_hub/googleplus.png); margin-right: 5px;} .terms_font {font-size: 10px;} /* Switch - Call Me Back */ .switch-form a.send { width:144px; height:46px; display:block; background:url(../images/forms/btn_submit_on.gif) no-repeat left top; border:none; } .switch-form a.send:hover, a.send:focus, a.send:active { background:url(../images/forms/btn_submit_over.gif) no-repeat left top; } .switch-form a.form-back { width:159px; height:58px; display:block; background:url(../images/switch_form/btn_previous.gif) no-repeat left top; } .switch-form a.form-back:hover, a.form-back:focus, a.form-back:active { background:url(../images/switch_form/btn_previous_over.gif) no-repeat left top; } .switch-form .input input#bestDateToCall { width:155px; } .switch-form .selected { float: left !important; } .send-div1 {margin-top: 20px; } .back-to-switch { margin-bottom: 50px !important; } .back-to-switch a, .back-to-switch a:visited, .back-to-switch a:link { color: #053367; } .contact-soon { padding-bottom: 70px !important; text-align: center; } .switch1, .switch2 { margin-top: 0 !important; } .switch1 { padding-right: 65px !important; } .switch2 { padding-left: 70px !important; margin-right: 0 !important; padding-right: 0 !important; background:url(../images/switch_form/divider_line_fade.gif) no-repeat left top;} /* Switch Later */ #switch-later-content { width:100%; margin: 0 0 30px 0; padding:-14px 0 0 0; float:left !important; background: none; position:relative; } .switch-later-body { float: none !important; } #switch-later { width:980px; padding:0; float:left; background:url(../images/generic/bg_ground.jpg) no-repeat -4px bottom; position:relative; display:none; margin-bottom: 40px; } #switch-later .column { width:400px; margin:13px 20px 0 0; float:left; display:inline; padding-right:20px} #switch-later .column_top { width:50%; text-align: center; float:left; display:inline; } #switch-later .title { width:100%; height:29px; padding:0 0 10px 0; float:left; text-align:center; } #switch-later .subtitle { width:419px; height:auto !important; height:67px; min-height:67px; padding:0 20px 10px 0 !important; float:left; font-size:120%; font-weight:bold; color:#003366; } #switch-later .grey-box .top .tm, #switch-later .grey-box .base .bm { width:445px; } #switch-later .grey-box .middle { width:100%; } #switch-later .grey-box form { width:100%; height:auto !important; } #switch-later .grey-box form.switch-form table {margin: 0; width:100%;} #switch-later .grey-box form.switch-form table table {margin: 0;} #switch-later .grey-box form.switch-form td {width: 100px;} #switch-later .grey-box form.switch-form td.best-date {width: 100px;} #switch-later .grey-box form.switch-form label {margin: 3px 1px 0 0;} #switch-later .grey-box .response { width:423px; height:auto !important; height:169px; min-height:169px; padding:7px 8px 0 0; } #switch-later .response p { margin:0 !important; padding: 0 !important; } * html #switch-later .grey-box .response { height:153px; min-height:153px; overflow:hidden; } * + html #switch-later .grey-box .response { height:153px; min-height:153px; overflow:hidden; } #switch-later .input input { width:400px; margin: 0 0 10px 0; } #switch-later .input2 input { width:380px !important;} #switch-later .input input#bestDateToCall { width:150px; } #switch-later td.best-date { width:175px; } #switch-later td.best-time { width:150px; padding-left: 0px !important; } #switch-later td.best-time select { width:100%; } #switch-later td.note { width:200px; padding-top:8px; font-size:80%; } #switch-later div.phone { width:116px; height:142px; background:url(../images/switch_later/img_mobile.png) no-repeat left top; position:absolute; left:370px; bottom:40px; clear:both; } #switch-later div.envelope { width:151px; height:111px; background:url(../images/switch_later/img_email.png) no-repeat left top; position:absolute; right:10px; bottom:50px; clear:both; } #switch-later .margined {margin: 29px -10px 100 -50px;} #switch-later #bestTimeToCall { width: 200px; } #switch-later td.left {padding: none !important; } #switch-later .switch_now_heading_top { height: 13px; margin:10px 20px 0; float:left; display:inline; background:url(../images/landing_page/rounded_top.gif) no-repeat; position:relative; overflow:hidden; } #switch-later .switch_now_heading_middle { height: auto; margin:0 20px 0; float:left; display:inline; background:url(../images/landing_page/rounded_middle.gif) repeat-y; padding-bottom: 15px; clear: both;} #switch-later .switch_now_heading_bottom { height: 13px; margin:0 20px 10px; float:left; display:inline; background:url(../images/landing_page/rounded_bottom.gif) no-repeat; position:relative; overflow:hidden; } #switch-later .switch_now_button { width:50%; text-align: center; float:left; display:inline; margin-top: -37px; position: relative; } .footer_phone { text-align: center; margin-top: 20px; margin-bottom: 20px; } #switch-later .switch_now_button a { width:160px; height:56px; display:block; background:url(../images/landing_page/btn_switch_now.png) no-repeat center top; border:none; margin: auto;} #switch-later .switch_now_button a:hover, #switch-later .switch_now_button a:focus, #switch-later .switch_now_button a:active { background:url(../images/landing_page/btn_switch_now_over.png) no-repeat center top; } #switch-later .floating_row {float:left;} #lb-header .steps_left, #lb-header .steps_right { float: left; margin: 20px 0; width: 380px; background: none !important; } #lb-header .steps_left {margin-right: 175px !important; } .lighter_grey {background: none !important;} #lb-torso #switch-later .subtitle {color:#053367; font-size:100%; font-weight:normal; width:100%; padding: 0 0 0 20px;} #lb-torso #switch-later .subtitle_req { color: #EE0090; width:100%; text-align:left; padding: 0; font-weight: bold; margin-bottom: 15px;} #lb-torso #switch-later .switch-form td {width:auto;} #lb-torso #switch-later td.right { text-align:right; padding: 3px 7px 0 0; width:120px;} .call_me_back ul {width: auto !important; float:right !important; margin: 18px 20px 0 30px !important;} .call_me_back {height: 135px !important;} /* Calendar */ .calendar { cursor: pointer;} .switch-form button.calendar { width:19px; height:18px; margin:0px; padding:0px; position:relative; left:-1px; top:-18px; background-color:transparent; border:none; cursor:pointer; } .switch-form input.calendar { cursor:pointer; } div.calendar { width:163px; height:159px; padding:6px; float:left; background:url(../images/switch_later/bg_calendar.png) no-repeat left top; position:absolute; left:-999999px; top:-999999px; clear:both; } * html div.calendar { background:url(../images/switch_later/bg_calendar2.gif) no-repeat left top; } div.calendar div { width:100%; height:129px; float:left; position:relative; z-index:1001; clear:both; } .calendar a { border:none; position:absolute; top:-3px; font-size:14px; font-weight:bold; } .calendar a.prev { left:0; } .calendar a.next { right:0; } .calendar table { width:100%; margin:0; } .calendar caption { padding:0 0 2px 0; position:relative; } .calendar caption span { padding:0 2px; font-size:110%; color:#003366; font-weight:bold; } .calendar th { background:#A5A5A5; color:#FFFFFF; } .calendar th, .calendar td { padding:0.1em 0.25em 0.1em 0.3em; padding:3px 2px; text-align:center; font-size:10px; line-height:10px; } .calendar tbody td, .calendar .invalid { color:silver; } .calendar .valid { color:#003366; font-weight:bold; cursor:pointer; } .calendar .active, .calendar .hilite, .calendar .inactive { color:white; background-color:#BE3916; font-weight:bold; } .calendar .active, .calendar .inactive { background-color:#003366; } div.calendar div.today-div { width:100%; height:20px; padding:6px 0 0 0; position:absolute; left:0; bottom:0px; border-top:1px solid #A5A5A5; display: none; } .calendar .today-div input { float:left; } * html .calendar .today-div input { margin-top:-2px; } * + html .calendar .today-div input { margin-top:-2px; } .calendar .today-div label { float:left; font-size:12px; cursor:pointer; color:#003366; } /* Privacy Policy */ #left-indent, .left-indent {margin:0 0 0 30px;} #left-indent .cookies-list li { background: url("../images/home_services/boilerservice/bullet.gif") no-repeat scroll left 12px transparent; padding: 4px 0 2px 15px; margin:0 0 0 30px;} /* Press Contact Details */ .press-contacts .name, .press-contacts .tel, .press-contacts .mob { width: 150px; float: left; display:block; } .press-contacts { clear: both; width: 450px; } .press-contacts .email { clear: both; padding-top: 20px; display:block; } /* New Switch Page */ .theButton {width: 350px; margin:0 auto;} .theButton a {border: none !important; width: 350px; margin:0 auto;} h4.differentSize {font: 21px Arial,Helvetica,sans-serif; line-height: 18px; } span.switchNewGreenButton {display: block; width: 232px; height: 50px; background: url('../images/switch_page/switchnow/switch_now_energia_btn.png') no-repeat; position: relative; margin: 0px auto 10px; } span.switchNewGreenButton:hover {background-position: 0 -50px;} .callSpan {clear: left; display: block; float: none; margin: 0 0 0 23px; width: 300px;} p.smallBlue, p.smallBlue a,p.smallNavy, p.smallNavy a { font-weight: bold !important; font-size: 14px; } p.smallBlue, p.smallBlue a {color: #6CAEE0 !important;} p.smallNavy, p.smallNavy a {color: #003366 !important;} p.smallBlue a, p.smallNavy a {border-bottom: 1px dotted !important; } p.smallBlue.headerOne, p.smallNavy.headerOne {text-align: center; margin: 20px 0;} p.margeBottom {margin-bottom: 75px;} #switchNowBannerHeader { width: 960px; height: 280px; background: url('../images/switch_page/switchnow/banner-old.jpg') no-repeat; float: left; position: relative; margin-bottom: 20px; } #switchNowBannerHeader.ppc { background: url('../images/switch_page/switchnow/banner-ppc.jpg') no-repeat;} #switchNowBannerHeader .theButton { width: 229px; margin: 0; position: absolute; bottom: 33px; left: 388px; } /*#switchNowBannerHeader .theButton span.switchNewGreenButton { margin:0px; }*/ .content-comparison { width: 960px; margin: 0 auto; text-align: center; } .content-comparison h3, .content-comparison h4 { color: #003366; font-weight: bold; } .content-comparison h3 { font-size: 30px; margin: 30px 0px; line-height: 1.3; padding: 0px 40px; text-transform: uppercase; } .content-comparison h4 { font-size: 19px; width: 768px; margin: 0 auto 20px; } .content-comparison p { font-size: 16px; margin-bottom:25px; } /* Rewards page */ .rewards-landing-page { float: left; } .rewards-body-copy { width: 90%; margin: 20px auto 20px auto; display: block; font-size: 15px; text-align: center; } ul.rewards-list li { font-weight: bold; list-style-type: disc; list-style: disc; text-align: left; color: #00205a; } ul.rewards-list { width: 70%; margin: 0 auto; list-style-type: disc; list-style: disc; } .rewards-join-button { width: 400px; margin: 20px auto 60px; display: block; } .rewards-join-button a, .rewards-join-button img { text-decoration: none; border: none; } .rewards-panel-boxes { width: 871px; margin: 20px auto 40px; } .rewards-panel-boxes a { display: block; text-decoration: none! important; color: white; border: none !important; } .reward-panel { display: block; float: left; width: 277px; height: 212px; margin: 0 20px 20px 0; display: block; position: relative; } a .reward-panel span.rewards-p { display: block; font-weight: bold; text-align: center; position: absolute; width: 80%; top: 110px; left: 28px; } h4.r3wards-headering { font-size: 30px; line-height: 30px; } .bolder-message { color:#00205a; font-weight:600; font-size:18px; text-align: center; line-height: 20px; } .body-boulder { color:#003366; font-weight:600; font-size:20px; text-align:center; width:100%; display:block; } .r3wardssmallbottom { color:#00205a; font-weight:600; font-size:14px; float: none; clear: left; text-align: center; } /* Homepage/Business Image Slider: NivooSlider; */ .nivoo-slider, .nivoo-slider-holder { height: 266px; overflow: hidden; position: relative; width: 757px; } .nivoo-slider.got-control-nav { height: 380px; } .nivoo-slider.direction-nav-outside { width: 720px; } .direction-nav-outside .nivoo-slider-holder { margin: 0 60px; } .nivoo-slider-holder { background-repeat: no-repeat; } .nivoo-slider img, .nivoo-link { left: 0; position: absolute; top: 0; z-index: 0; } .nivoo-slider > img:first-child, .nivoo-slider > a:first-child img { z-index: 1; } .nivoo-link { border: none; display: none; height: 100%; width: 100%; z-index: 20; } .direction-nav-left { right: 69px; } .direction-nav-right { right: 7px; } .direction-nav-pause { right: 38px; } /* directioNavPosition inside */ .direction-nav-left, .direction-nav-right, .direction-nav-pause { position: absolute; bottom: 7px; z-index: 80; width: 26px !important; height: 26px !important; } .direction-nav-left a, .direction-nav-right a, .direction-nav-pause a { display: block; width: 26px !important; height: 26px !important; overflow: hidden; text-indent: 100%; white-space: nowrap; border:none; } .direction-nav-left a:focus, .direction-nav-right a:focus, .direction-nav-pause a:focus{ outline: none; } .direction-nav-left a { background: url(../images/homepage/nav-sprite.png) no-repeat 0px 0px; } .direction-nav-right a { background: url(../images/homepage/nav-sprite.png) no-repeat -87px 0px; } .direction-nav-pause a { background: url(../images/homepage/nav-sprite.png) no-repeat -58px 0px; } .direction-nav-left a:hover, .direction-nav-left a:focus { background: url(../images/homepage/nav-sprite.png) no-repeat 0px -26px; } .direction-nav-right a:hover, .direction-nav-right a:focus { background: url(../images/homepage/nav-sprite.png) no-repeat -87px -26px; } .direction-nav-pause a:hover, .direction-nav-pause a:focus { background: url(../images/homepage/nav-sprite.png) no-repeat -58px -26px; } .direction-nav-pause a.paused { background: url(../images/homepage/nav-sprite.png) no-repeat -29px -26px; } /* directioNavPosition oustide */ .direction-nav-outside .direction-nav-left, .direction-nav-outside .direction-nav-right { width: 20px; } .nivoo-slice { display: block; height: 100%; position: absolute; z-index: 10; } /* caption */ .nivoo-slider p { background: #181818; background: rgba(0, 0, 0, .6); bottom: -30px; color: #fff; height: 30px; line-height: 30px; left: 0; margin: 0; text-indent: 10px; position: absolute; width: 100%; z-index: 30; } /* control navigation */ div.control-nav { position: relative; height: 20px; line-height: 20px; margin: -30px 0 0; text-align: center; z-index: 50; } div.control-nav a { color: #aaa; font-size: 20px; outline: none; padding: 2px; text-decoration: none; text-shadow: 0 0 2px #ddd; -moz-transition: color 1s; -ms-transition: color 1s; -o-transition: color 1s; -webkit-transition: color 1s; transition: color 1s; } div.control-nav .disc { font-size: 40px; } div.control-nav a.current, div.control-nav a:hover { color: #333; } /* 5% Discount Landing Page */ .caveats { clear: both; float: left; font-size: 90%; margin: 0 0 50px; width: 100%; } .customer-benefits { width: 90%; margin: 20px auto 20px auto; display: block; font-size: 15px; text-align: center; } .customer-benefits h4 { font-family: "Gotham SSm A", "Gotham SSm B", Gotham, sans-serif; font-size: 20px; font-weight: normal; margin: 25px auto; width: 880px; } ul.benefits-list li { font-weight: bold; list-style-type: disc; list-style: disc; text-align: left; color: #00205a; } ul.benefits-list { width: 70%; margin: 0 auto; list-style-type: disc; list-style: disc; } ul.benefits-list li.bulletless { background: none; list-style: none; } .benefits-panel.boxes { margin: 20px auto 40px; width: 871px; } .benefits-panel { display: block; float: left; width: 277px; height: 212px; margin: 0 20px 20px 0; display: block; position: relative; color: #fff; } .benefits-panel.boxes span.byline { display: block; font-weight: bold; text-align: center; position: absolute; width: 80%; top: 139px; left: 28px; font-size: 90%; line-height: 18px; } .benefits-panel.first { background: url(../images/landing_page/custdiscount-panel-01.jpg) no-repeat; } .benefits-panel.second { background: url(../images/landing_page/custdiscount-panel-02.jpg) no-repeat; } .benefits-panel.third { background: url(../images/landing_page/custdiscount-panel-03.jpg) no-repeat; margin-right: 0px; } /* Rewards page */ .rewards-landing-page { float: left; } .rewards-body-copy { width: 90%; margin: 20px auto 20px auto; display: block; font-size: 15px; text-align: center; } ul.rewards-list li { font-weight: bold; list-style-type: disc; list-style: disc; text-align: left; color: #00205a; } ul.rewards-list { width: 70%; margin: 0 auto; list-style-type: disc; list-style: disc; } .rewards-join-button { width: 400px; margin: 20px auto 60px; display: block; } .rewards-join-button a, .rewards-join-button img { text-decoration: none; border: none; } .rewards-panel-boxes { width: 871px; margin: 20px auto 40px; } .rewards-panel-boxes a { display: block; text-decoration: none! important; color: white; border: none !important; } .reward-panel { display: block; float: left; width: 277px; height: 212px; margin: 0 20px 20px 0; display: block; position: relative; } a .reward-panel span.rewards-p { display: block; font-weight: bold; text-align: center; position: absolute; width: 80%; top: 110px; left: 28px; font-size: 90%; } h4.r3wards-headering { font-size: 30px; line-height: 30px; } .bolder-message { color:#00205a; font-weight:600; font-size:18px; text-align: center; line-height: 20px; } .body-boulder { color:#003366; font-weight:600; font-size:20px; text-align:center; width:100%; display:block; } .r3wardssmallbottom { color:#00205a; font-weight:600; font-size:14px; float: none; clear: left; text-align: center; } .reward-panel.first{background: url(../images/rewards/panel-001.jpg) no-repeat;} .reward-panel.second{background: url(../images/rewards/panel-002.jpg) no-repeat;} .reward-panel.third{background: url(../images/rewards/panel-003.jpg) no-repeat; margin-right: 0px;} #cancellation-holder {width: 100%;margin: -14px 0 30px 0;padding: 14px 0 0 0;float: left;background: #FFFFFF;position: relative;} .cancellation-body {margin: 25px 60px 0 60px; padding: 0 0 30px 0;} .cancellation-body form {width: 70%!important; margin-left: 140px!important;} .cancellation-form td {padding: 0 0 6px 0;} .cancellation-form td.label {width: 170px; padding: 0 8px 6px 0;font-weight: bold;text-align: right;} .cancellation-form .styled-radio {display: inline-block;} .cancellation-form .radio-label {line-height: 31px; margin-left: 10px; width: 160px; float: left;} .cancellation-form input[type="image"] {width: 130px; height: 38px;margin: 20px auto;} .cancellation-form input[type="radio"] {width: 25px; height: 25px; float: left; visibility: visible; display: block; margin-top: 5px;} .cancellation-form .styled-radio {width: 23px; float: left;position: absolute;left: 0;height: 24px;} .cancellation-form .radio-holder {position: relative;} .cancellation-form input.small-1 {width: 46px !important;} .cancellation-form input.small-2 {width: 74px !important;} .cancellation-form .input {margin-right: 20px;} .cancellation-form .input.small-1 {width: 40px !important; float: left;} .cancellation-form .input.small-2 {width: 80px !important; float: left;} .cancellation-form img {cursor: help;} .boiler-installation-table {width: 100%;margin: 18px 0;float: left;} .boiler-installation-table table, .boiler-installation-table td, .boiler-installation-table th {font: 11px Arial, Helvetica, sans-serif; color: #666666;} .boiler-installation-table td {border-left: 1px solid #CDCDCD; padding: 5px 15px 5px;} .boiler-installation-table thead th {padding: 0 15px 5px 15px; vertical-align: bottom; font-weight: bold; text-align: left; border-left: 1px solid #CDCDCD; border-bottom: 1px solid #CDCDCD;} .cancel-footer {width: 100%; min-height: 63px; float: left; background-color: #F1F1F1;/* background: url(../images/forms/top_bg.gif) repeat-x left top; */ margin-bottom: 40px;} .cancel-footer p {padding: 20px; margin: 0!important;} .cancel-header {width: 100%;height: auto !important;float: left!important;background: url(../images/forms/top_bg.gif) repeat-x left top!important;height: 63px !important;min-height: 63px !important;} .cancel-header .title {width: 553px; height: auto !important;height: 29px;min-height: 29px;margin: 16px 0 0 30px;float: left;display: inline;font-size: 180%;font-weight: 100;color: #003366;position: relative;line-height: 29px;} .cancel-header .pink strong {color: #ee0090 !important;} .cancel-header h1 {font-size: 100%;} .cancel-header * {line-height: 29px !important;} .wide-table-wrapper {width: 690px; overflow-x: auto; margin-bottom: 20px;} .wide-table-wrapper > table{width: 864px; margin-bottom: 0;} #gas-tariffs .discount-border, #elec-tariffs .discount-border {border-left: 3px solid #fff;} .blue-box {padding: 40px; margin: -40px 0 20px 0; background: #DBEEF4; clear: both; float: left;} .blue-box .text {margin: 0 auto; max-width: 80%;} .blue-box .light-blu {text-align: center; margin: 0 auto; max-width: 80%; color: #4AACC5;} .blue-box ul {margin-left: 40px;} .blue-box ul li {list-style: disc; margin-top: 20px;} /* One Big Switch */ .obs-logo { text-align: center; float: left; width: 960px;} .obs-logo a {border: none;} a.apply-online-now-book-boiler-service { width:228px; height:55px; margin:0 auto; background:url(../images/home_team/bge-book-online.png); display:block; font-weight:normal; border:none; margin-left:-10px; } a.apply-online-now-book-boiler-service:hover, a.apply-online-now-boiler:focus, a.apply-online-now-boiler:active {background: url(../images/home_team/bge-book-online.png) no-repeat scroll 0 -55px;} /* Generic Helpers for padding / margins */ .margin-top-none { margin-top: 0; } .margin-top-xs { margin-top: 5px; } .margin-top-sm { margin-top: 10px; } .margin-top-md { margin-top: 20px; } .margin-top-lg { margin-top: 50px; } .margin-top-xl { margin-top: 100px; } .margin-right-none { margin-right: 0; } .margin-right-xs { margin-right: 5px; } .margin-right-sm { margin-right: 10px; } .margin-right-md { margin-right: 20px; } .margin-right-lg { margin-right: 50px; } .margin-right-xl { margin-right: 100px; } .margin-bottom-none { margin-bottom: 0; } .margin-bottom-xs { margin-bottom: 5px; } .margin-bottom-sm { margin-bottom: 10px; } .margin-bottom-md { margin-bottom: 20px; } .margin-bottom-lg { margin-bottom: 50px; } .margin-bottom-xl { margin-bottom: 100px; } .margin-left-none { margin-left: 0; } .margin-left-xs { margin-left: 5px; } .margin-left-sm { margin-left: 10px; } .margin-left-md { margin-left: 20px; } .margin-left-lg { margin-left: 50px; } .margin-left-xl { margin-left: 100px; } .padding-top-none { padding-top: 0; } .padding-top-xs { padding-top: 5px; } .padding-top-sm { padding-top: 10px; } .padding-top-md { padding-top: 20px; } .padding-top-lg { padding-top: 50px; } .padding-top-xl { padding-top: 100px; } .padding-right-none { padding-right: 0; } .padding-right-xs { padding-right: 5px; } .padding-right-sm { padding-right: 10px; } .padding-right-md { padding-right: 20px; } .padding-right-lg { padding-right: 50px; } .padding-right-xl { padding-right: 100px; } .padding-bottom-none { padding-bottom: 0; } .padding-bottom-xs { padding-bottom: 5px; } .padding-bottom-sm { padding-bottom: 10px; } .padding-bottom-md { padding-bottom: 20px; } .padding-bottom-lg { padding-bottom: 50px; } .padding-bottom-xl { padding-bottom: 100px; } .padding-left-none { padding-left: 0; } .padding-left-xs { padding-left: 5px; } .padding-left-sm { padding-left: 10px; } .padding-left-md { padding-left: 20px; } .padding-left-lg { padding-left: 50px; } .padding-left-xl { padding-left: 100px; } /* Generic Buttons CSS */ .btn { display: inline-block; line-height: 18px; background-color: #5594cb; color: #003366; border-radius: 3px; padding: 5px 20px; font-weight: 600; text-transform: uppercase; text-align: center; text-decoration: none; border: none; letter-spacing: 1px; font-size: 15px; } .btn:hover, .btn:active, .btn:focus, .btn.active { color: white; } .input-block-level { display: block; width: 100%; min-height: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* MyBGE Login */ #featured .mybge-login ol { float: left; width: 100%; position: relative; margin: 0 0 20px; } #featured .mybge-login p { font-size: 105%; } #featured .mybge-login li strong { float: left; margin: 20px 0 0; padding: 20px 0 0; color: #003366; } #featured .mybge-login li { margin: 5px 20px 10px 0; width: 458px; float: right; } #featured .mybge-login li.dashboard { margin-bottom: 0px; } #featured .mybge-login li img { margin-bottom: 20px; } .book_call a { font-size: 80%; }