/* 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; } 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; } /* Layout */ /* Added to hide the Double Click tracking iFrame */ *html iframe#doubleclick {display:none;} *+html iframe#doubleclick {display:none;} #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:0; } #header a { font-weight:normal; border:none; } #login { 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; } #site-search { width:480px; padding:10px 0 0 0; float:right; } #site-search form { margin:0; float:right; } #site-search input.submit { width:24px; height:23px; padding:0; float:left; background:none; } /* 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 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:946px; height:369px; padding:7px 7px 7px 7px; position:relative; background:#FFFFFF; } #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; visibility:visible; } * 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:#53566C; line-height:1.42em; } #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:369px; min-height:369px; 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, #overview-2 .col2 { width:305px; margin:0 4px 0 0; padding:0 11px 0 0; float:left; display:inline; position:relative; z-index:1; } #overview-2 .col3 { width:306px; margin:0; float:left; display:inline; position:relative; z-index:1; } #overview-2 .col1, #overview-2 .col2 { 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 { width:100%; float:left; } #overview-2 div.image { margin:0 0 -2px 0; padding:0 0 11px 0; background:url(../images/homepage/tabs/home/new/shadow_below.png) no-repeat center bottom; } #overview-2 .col1 div.title { width:295px; padding:10px 0 8px 10px; float:left; } #overview-2 .col2 div.title { width:302px; padding:10px 0 8px 3px; float:left; } #overview-2 .col3 div.title { width:303px; padding:10px 0 8px 3px; float:left; } #overview-2 .col1 .items, #overview-2 .col2 .items { height:auto !important; height:215px; min-height:215px; background:url(../images/homepage/tabs/home/new/section_bg.jpg) no-repeat left top; } #overview-2 .col3 .items { height:auto !important; height:213px; min-height:213px; background:url(../images/homepage/tabs/home/services_section_bg.jpg) no-repeat left top; } #overview-2 .col1 .items ul, #overview-2 .col2 .items ul { width:305px; margin:0; float:left; } #overview-2 .col3 .items ul { width:100%; margin:0; float:left; } #overview-2 .col1 .items li, #overview-2 .col2 .items li { width:100%; padding:2px 0 0 0; float:left; } #overview-2 .col3 .items li { width:100%; padding:0; float:left; } #overview-2 .col3 .items li.first { padding:2px 0 0 0; } #overview-2 .col1 .items a { width:272px; height:auto !important; height:89px; min-height:89px; padding:30px 20px 5px 13px; float:left; } #overview-2 .col1 .items li.first a { height:auto !important; height:63px; min-height:63px; } #overview-2 .col1 .items li.first img { margin:-54px 8px -5px 10px; float:right; display:inline; } #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:286px; padding:0 10px; float:left; } #overview-2 .col3 .items a span { width:165px; padding:34px 5px 4px 5px; float:left; line-height:20px; /*border-bottom:1px solid #DCDDE1; background:url(../images/homepage/tabs/home/new/img_bullet.gif) no-repeat left center;*/ } #overview-2 .col3 .items a:hover span, #overview-2 .col3 .items a:focus span, #overview-2 .col3 .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; /*border-bottom:1px dotted #000;*/ cursor:pointer; } #overview-2 .col3 #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%; padding:13px 0 0 0; float:left; background:url(../images/homepage/tabs/home/new/divider.gif) no-repeat left top; } #overview-2 .col3 .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 .col3 .items #overview-shop-link a:hover, #overview-2 .col3 .items #overview-shop-link a:focus, #overview-2 .col3 .items #overview-shop-link a:active { background:url(../images/homepage/tabs/home/new/btn_shop_on_new.gif) no-repeat left top; } #overview-2 .col3 .items li.first img { /*margin:50px -3px 0px 5px;*/ 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:475px; 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:462px; 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 { 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:5px 0 2px 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-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:14px 0 0 -8px; 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:3px 25px; float:left; background:url(../images/home_services/nav_bullet.png) no-repeat 15px 10px; cursor:pointer; position:relative; } #help-and-questions-updateable .col2 { width:350px; height:auto !important; height:263px; min-height:263px; 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:325px; min-height:325px; 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:65px; 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:0; } #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 {} /* 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:1060px; 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 .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; } #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 20px 0 0; float:left; display:inline; font-size:85%; } #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:#808080; font-weight:normal; border:none; } #footer .navigation a:hover, #footer .navigation a:focus, #footer .navigation a:active { color:#000; } #further-info { width:189px; margin:22px 0 0 0; float:right; } #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; } #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:30px 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; } /* 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: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/log_in.png) no-repeat left top; } a.login:hover, a.login:focus, a.login:active { background:url(../images/homepage/log_in_over.png) no-repeat left top; } a.register-your-account { padding:3px 0 0 0; font-family: Gotham, Candara, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:105%; line-height:18px; } a.register-your-account:hover { color:#FFFFFF; } #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/btn_energy_efficiency_on.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/btn_energy_efficiency_over.gif) no-repeat left top; } #overview-4.delay a.main span.tab, #overview-4 a.delay span.tab { background:url(../images/homepage/btn_energy_efficiency_on.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.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-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 a { padding:0 16px 0 0; background:url(../images/homepage/bak_to_top_arrow.gif) no-repeat right center; } .back-to-top a span { color:#666666; border-bottom:1px dotted #666666; } .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 25px; } #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_over.gif) no-repeat 10px 25px; } #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 25px; } #help-and-questions-nav a.home-electricity span { background:url(../images/homepage/tabs/help_questions/btn_home_electricity.gif) no-repeat 10px 25px; } #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_over.gif) no-repeat 10px 25px; } #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 25px; } #help-and-questions-nav a.home-services span { background:url(../images/homepage/tabs/help_questions/btn_home_services.gif) no-repeat 10px 25px; } #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/btn_home_services_over.gif) no-repeat 10px 25px; } #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/btn_home_services_on.gif) no-repeat 10px 25px; } #help-and-questions-nav a.business-gas span { background:url(../images/homepage/tabs/help_questions/btn_business_gas.gif) no-repeat 10px 25px; } #help-and-questions-nav a.business-gas:hover span, #help-and-questions-nav a.business-gas:focus span, #help-and-questions-nav a.business-gas:active span { background:url(../images/homepage/tabs/help_questions/btn_business_gas_over.gif) no-repeat 10px 25px; } #help-and-questions-nav .active a.business-gas span, #help-and-questions-nav .active a.business-gas:hover span { background:url(../images/homepage/tabs/help_questions/btn_business_gas_on.gif) no-repeat 10px 25px; } #help-and-questions-nav a.business-electricity span { background:url(../images/homepage/tabs/help_questions/btn_business_electricity.gif) no-repeat 10px 25px; } #help-and-questions-nav a.business-electricity:hover span, #help-and-questions-nav a.business-electricity:focus span, #help-and-questions-nav a.business-electricity:active span { background:url(../images/homepage/tabs/help_questions/btn_business_electricity_over.gif) no-repeat 10px 25px; } #help-and-questions-nav .active a.business-electricity span, #help-and-questions-nav .active a.business-electricity:hover span { background:url(../images/homepage/tabs/help_questions/btn_business_electricity_on.gif) no-repeat 10px 25px; } /* 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%; } .fix-me { color:#FF0000; } .underline { text-decoration:underline; } /* 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; } /* 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; } /* 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; } #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_left.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:0px 10px 10px 0px; float:left; display:inline; } .img-right { margin:0px 0px 10px 10px; float:right; 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; } /* DoubleClick Code */ #doubleclick { position:absolute; left:-999px; top:-999px; } /* 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; } */