@import url(generic.css);


a:hover { color:#cd292d; outline:none; border:0px none; }

/* Layout */
#wrapper { border-top:1px solid #FFFFFF; }

/* Header Styles */
#header {display:none; width:100%; position:relative; height:auto !important; height:133px; min-height:133px; float:left; background: #fff url(../images/generic/header_bg.gif) no-repeat top left; display:none;   border-bottom:2px #CC292C solid; }

#gas-safety { font-size:210%; color:#cd292a; float:left; margin-right:10px; }
.red-text { color:#cd292a; font-size:100%; margin:0; }

#content { color:#333; /*width:643px;*/ float:left; position:relative; margin-bottom:70px; margin-top:10px; padding:0 20px 0 45px; }
#content h4 { margin-top:20px; }
.min-width { width:420px; }
.mid-width { width:640px; }
.max-width { margin:0; width:880px; }

#torso-top-account {display:none; background: url(../images/domestic-subpage/top_links.png) no-repeat top left; height:auto !important; height:17px; min-height:17px; clear:left; }

.clear { clear:both; height:0px; font-size:0px; line-height:0px; }

#torso h2 { color:#cd292a; margin-top:3px; margin-bottom:10px; }

#content a { color:#cd292a;}
#content-tabs a { color:#999999;}
#content-tabs a:hover { color:#cd292a;}
.sitemap td ul li a{color:#333333;}


/* Content Tabs */
#content-tabs { float:left; width:100%; line-height:normal; background:#fff url(../images/domestic-subpage/tab_line.gif) no-repeat bottom left; margin-right:50px; margin-bottom:15px; }
/* #content-tabs ul { float:right; margin:0; padding:5px 25px 0 0; list-style:none; margin-right:-61px; background:#fff url(../images/domestic-subpage/tab_line.gif) no-repeat bottom left; }   */
#content-tabs #nav-on { background-image:url(../images/domestic-subpage/tab_leftcorner.gif); }


.panel-border-right .panel-border-top { width:100%; float:left; background:url(../images/generic/box_top.png) no-repeat; height:auto !important; height:17px; min-height:17px; }
.panel-border-right .panel-border-bottom { width:100%; float:left; background:url(../images/generic/box_bottom.png) no-repeat; height:auto !important; height:17px; min-height:17px; line-height:0px; }
.panel-border-right .panel-border-content { width:228px; float:left; padding:0 20px; background:url(../images/generic/box_line.png) repeat-y; }
* html .panel-border-right .panel-border-content { width:228px; float:left; padding:0 20px 1px; background:url(../images/generic/box_line.png) repeat-y; }
.panel-border-right a {
	color:#cd292a;
	font-weight: normal;
}
.panel-border-right li a:hover {
	color:#cd292a;
	font-weight: normal;
}


/* for the new online account details */
.new-panel-border-left .new-panel-border-top {
	background:url(../images/account_pages/acc_dom_top.gif) no-repeat;
	height:auto !important;
	height:16px;
	min-height:16px;
}
.new-panel-border-left .new-panel-border-bottom { position:relative; background:url(../images/account_pages/acc_dom_bottom.gif) no-repeat; height:auto !important; height:17px; min-height:17px; line-height:0px; }
.new-panel-border-left .new-panel-border-content {
	width:228px;
	padding:0 20px;
	background:url(../images/account_pages/line_dom_across.gif) repeat-y;
	
	position: relative;
}
#panel-wrapper .new-panel-border-left .new-panel-border-content h2 { color:#cd292a; font-size:120%; margin:0 0 10px 0; padding:0; float:left; }
.new-panel-border-content ul { margin-bottom:-5px; }
.new-panel-border-content ul li a{ font-weight:normal; }
.new-panel-border-content h2 { color:#cd292a; font-size:130%; margin:0 0 10px 0; padding:0; float:left; }
.new-panel-border-left { clear:both; width:268px; float:left; margin:45px 0 -42px 0; color:#333; }
.new-panel-border-left a { color:#cd292a; }
.new-panel-border-left li a:hover { color:#cd292a; }

















.panel-border-content h2 { color:#cd292a; font-size:130%; margin:0 0 10px 0; padding:0; float:left; }
.panel-link-right { text-align:right; font-weight:bold; font-size:120%; margin:7px 0 0 0px; position:relative; background:none; }
.panel-link-right a {font-weight:bold;}
.panel-border-left { clear:both; width:268px; float:left; margin:45px 0 -42px 0; color:#333; }
.panel-border-left .panel-border-bottom { background:url(../images/domestic-subpage/box_bottom.gif) no-repeat; height:auto !important; height:17px; min-height:17px; line-height:0px; position:relative; }
.panel-border-left .panel-border-content { width:228px; padding:0 20px; background:url(../images/domestic-subpage/box_line.gif) repeat-y; position:relative; }
.panel-border-left a { color:#cd292a; }
.panel-border-left li a:hover { color:#cd292a; }
#panel-wrapper .panel-border-left .panel-border-content h2 { color:#cd292a; font-size:120%; margin:0 0 10px 0; padding:0; float:left; }
.panel-border-content ul { margin-bottom:-5px; }
.panel-border-content ul li a{ font-weight:normal; }
#content p#password { margin-bottom:0px; }
#password label { font-size:100%; }





/* Content Tabs */
.tabs { width:689px; }
#content-tabs { float:left; width:704px; line-height:normal; background:url(../images/domestic-subpage/tab_line.gif) no-repeat bottom right; margin-bottom:15px; position:relative; display:inline; }
* html #content-tabs {display:none; width:704px; margin-right:-60px; }
* + html #content-tabs {display:none; margin-right:-15px; }
#content-tabs ul {display:none; float:right; margin:0; padding:5px 25px 0 0; list-style:none; margin-right:0px; background:url(../images/domestic-subpage/tab_line.gif) no-repeat bottom right; }


* html #content-tabs ul {display:none; margin-right:0px; }
/*-repeat right top;  padding:5px 15px 4px 6px; text-decoration:none; color:#666; }*/
#content-tabs a:hover {display:none; color:#cd292a; }

#content-tabs #nav-on a { background-image:url(../images/domestic-subpage/tab_right.gif); color:#cd292a; padding-bottom:5px; }


/* News Archive */
#news-archive li a:hover { color:#cd292a; }

/* Useful Links */
.max-width ul li a { font-size:90%; font-weight:normal; color:#cd292a; }

/* Installation */
#installation { /*padding-right:16px;*/ }

/* Retailer */
#retailers { /*padding-right:16px;*/ }

/* FAQs */
#faqs-category #content { width:880px; height:auto !important; height:300px; min-height:300px; }
#faqs-category #content .panel-border-left { clear:none; display:inline; margin-right:35px; overflow:hidden; }
#faqs-category #content .last { margin-right:0px; }

#slide-holder { width:880px; max-width:880px; float:left; overflow:hidden; }
#slide-content { width:20000px; height:auto !important; height:0px; min-height:0px; float:left; }

#slide-level-1 { width:880px; float:left; display:inline; }
#slide-level-1 .panel-border-left .panel-border-content { position:static; }
#slide-level-1 .panel-border-left .panel-border-bottom { position:static; }
#slide-level-1 .panel-border-left { margin:45px 0 0px 0; }
#content #slide-level-1 p { margin:0 0 0px 0; padding-bottom:13px;}

.faq-questions { width:880px; float:left; display:none; }
#faqs-category #content .faq-questions li { padding:0 0 3px 0; font-size:100%; }
#faqs-category #content .faq-questions li span { cursor:pointer; }

.faq-answer { width:880px; float:left; display:none; }




/* Search Results */
#search-results { width:880px; height:auto !important; height:350px; min-height:350px; float:left; }
#search-results h2 { margin-bottom:0px; }
.max-width #search-results ul { width:100%; margin:0px 0px 18px 0px; padding:0 0 0 0; float:none; background:url(../images/generic/grey_line_long.gif) no-repeat top left; }
#content #search-results ul li { width:720px; margin:0px; padding:5px 0px 15px 0px; list-style:none; background:url(../images/generic/grey_line_long.gif) no-repeat bottom left; }
#search-results li a { width:100%; display:block; color:#333; font-size:80%; }
#search-results a:hover { }

#search-again { float:left; width:100%; color:#CD292A; }
#search-again form { float:left; }
#search-again form input { float:left; color:#999; height:17px; background:none; border:none; width:125px; margin:1px 7px 0 10px; }
#search-again span { background:#fff url(../images/generic/search_box.gif) no-repeat top left; width:170px; float:left; height:auto !important; height:20px; min-height:20px; }
#search-again a { margin:2px 0px 0px 10px; float:left; display:inline; font-weight:bold; }
#search-again label { margin:2px 10px 0px 0px; float:left; display:inline; font-weight:bold; }




/* Tabs */
.hidden { display:none; }

/* Content Layout */
#torso-top {display:none; background: url(../images/domestic-subpage/top_bg.png) no-repeat top left; height:auto !important; height:17px; min-height:17px; clear:left; }
#torso-bottom {display:none; padding:20px 0 0 45px; background: url(../images/domestic-subpage/bottom_bg.png) no-repeat top left; height:auto !important; height:59px; min-height:59px; clear:left; }
#torso { width:988px; float:left; position:relative;   padding-bottom:20px }


.grey-text-contact {color:grey; font-size:80%; margin:0; }
.grey-text {color:grey; font-size:100%; margin:0; }
.maroon-text {color:#800000; font-size:100%; margin:0; }

/* Accounts */
/* Login */
.accounts { width:923px; }
.accounts #panel-wrapper {display:none;  float:right; margin:-20px -19px 0px 140px; }
* html .accounts #panel-wrapper {display:none; padding-bottom:50px;margin:-20px -9px 0px 130px; }
* + html .accounts #panel-wrapper {display:none; padding-bottom:50px; }

/* Register */
#register { margin-bottom:-70px; }
* html #register { margin-bottom:0px; }
* + html #register { margin-bottom:0px; }
#register table { margin:20px 0px 30px 0px; font-size:75%; }
#register td { padding:0px 10px 10px 0px; }
#register td.detail { padding:0px 0px 10px 0px; font-size:120%; color:#999999; font-style:italic; line-height:12px; }
#register td.submit { text-align:right; color:#cd292a; font-weight:bold; }
#register td.input { padding-right:5px; }
#register td.help { padding-right:3px; color:#cd292a; font-weight:bold; }
#register td.mandatory { color:#cd292a; font-weight:bold; }
#register input { width:231px; }
#register input#agree_tcs { width:auto; float:left; display:inline; margin:0px 5px 0px 0px; }
* html #register input#agree_tcs { margin:-2px 5px 0px 0px; }
* + html #register input#agree_tcs { margin:-2px 5px 0px 0px; }

/* Account Details */
#welcome { width:704px; padding-bottom:3px; margin:0px -15px 20px 0px; background:url(../images/domestic-subpage/tab_line.gif) no-repeat bottom right; font-style:italic; }
#welcome .name { float:left; margin:0px 12px 0px 0px; padding:0px 15px 0px 0px; display:inline; background:url(../images/domestic-subpage/dot_grey.gif) no-repeat right center; font-weight:bold; }
table.account-details { margin:20px 0px 30px 0px; font-size:75%; }
table.account-details td { padding:0px 0px 10px 0px; }



/* Table design */
#table-top { background: url(../images/table/table_topcurved.gif) no-repeat top left; height:auto !important; height:17px; min-height:17px; clear:left; }
#table-bottom { background: url(../images/table/table_bottom_curve.gif) no-repeat top left; height:auto !important; height:17px; min-height:17px; clear:left; }


/* View Bill */
#view-bill { width:655px; float:left; }
#view-bill #bill-info { width:655px; float:left; clear:both; padding-bottom:40px; }
#view-bill table { font-size:75%; clear:both; }
#view-bill div.left { width:220px; padding-right:10px; float:left; }
#view-bill div.center { width:235px; padding-right:10px; float:left; }
#view-bill div.right { width:180px; float:right; }
#view-bill table.readings { width:655px; margin-bottom:20px; border-collapse:collapse; text-align:center; }
#view-bill table.readings tr.even th { background-color:#E1DFE0; font-weight:bold; }
#view-bill table.readings tr.even td { background-color:#E1DFE0; }
#view-bill table.readings tr.odd th { background-color:#F9F9F9; font-weight:bold; }
#view-bill table.readings tr.odd td { background-color:#F9F9F9; }
#view-bill table.readings th { border:solid #9A9A9A; border-width:0px 1px; padding:5px 0px; }
#view-bill table.readings td { border:1px solid #9A9A9A; border-top:0px; padding:5px 0px; }
#view-bill table.readings tr.small td { padding:0px; }
#view-bill table.readings th.top, #view-bill table.readings td.top { border-top:0px; }
#view-bill table.readings th.right, #view-bill table.readings td.right { border-right:0px; }
#view-bill table.readings th.base, #view-bill table.readings td.base { border-bottom:0px; }
#view-bill table.readings th.left, #view-bill table.readings td.left { border-left:0px; }
#view-bill table.readings tr.even th.left { background-image:url(../images/account/topleft_dark.gif); background-position:left top; background-repeat:no-repeat; }
#view-bill table.readings tr.even th.right { background-image:url(../images/account/topright_dark.gif); background-position:right top; background-repeat:no-repeat; }

#view-bill table.prices { width:655px; border-collapse:collapse; margin-bottom:25px; }
#view-bill table.prices tr.even th { background-color:#F1F1F1; font-weight:bold; }
#view-bill table.prices tr.even td { background-color:#F8F6F7; }
#view-bill table.prices tr.odd th { background-color:#FCFCFC; font-weight:bold; }
#view-bill table.prices tr.odd td { background-color:#FCFCFC; }
#view-bill table.prices th, #view-bill table.prices td { padding:5px 0px 5px 15px; }
#view-bill table.prices tr.total-line td { height:2px; padding:0px; border:solid #9A9A9A; border-width:1px 0px; background:#F6F6F6; }
#view-bill table.prices tr.even th.left-top { background-image:url(../images/account/topleft_light.gif); background-position:left top; background-repeat:no-repeat; }
#view-bill table.prices tr.even th.right-top { background-image:url(../images/account/topright_light.gif); background-position:right top; background-repeat:no-repeat; }
#view-bill table.prices tr.even td.left-base { background-image:url(../images/account/bottomleft_light.gif); background-position:left bottom; background-repeat:no-repeat; }
#view-bill table.prices tr.even td.right-base { background-image:url(../images/account/bottomright_light.gif); background-position:right bottom; background-repeat:no-repeat; }

#view-bill form.other-bills { width:655px; float:left; }
#view-bill form.other-bills label { margin:2px 10px 0px 0px; float:left; display:inline; }
#view-bill form.other-bills select { margin:0px 10px 0px 0px; float:left; display:inline; }
#view-bill form.other-bills a { margin:2px 10px 0px 0px; float:left; display:inline; }

/* Pay Bill */
#pay-bill { width:410px; float:left; }
#pay-bill table { font-size:75%; clear:both; }
#pay-bill td { padding:0px 10px 5px 0px; }
#pay-bill td.mandatory { padding:0px 0px 5px 0px; color:#cd292a; font-weight:bold; }
#pay-bill td.right { text-align:right; }
#pay-bill td.submit { padding-top:20px; font-weight:bold; }
#pay-bill input { width:231px; }
#pay-bill input#agree_tcs { width:auto; }
#pay-bill select { width:235px; }
#pay-bill select#card-exp-month { width:140px; }
#pay-bill select#card-exp-year { width:80px; }
#pay-bill h4 { font-size:110%; }

/* Direct Debit Application */
#direct-debit-app { width:490px; float:left; }
#direct-debit-app table { font-size:75%; clear:both; margin-bottom:30px; }
#direct-debit-app table table { font-size:75%; margin:0px; }
#direct-debit-app td { padding:0px 10px 5px 0px; }
#direct-debit-app td.mandatory { padding:0px 0px 5px 0px; color:#cd292a; font-weight:bold; }
#direct-debit-app td.left { padding:0px 0px 5px 0px; text-align:left; }
#direct-debit-app td.center { padding:0px 0px 5px 0px; text-align:center; }
#direct-debit-app td.right { text-align:right; }
#direct-debit-app td.submit { padding-top:20px; font-weight:bold; }
#direct-debit-app input { width:231px; }
#direct-debit-app input#agree_tcs { width:auto; }
#direct-debit-app input#bh-sort-code-1, #direct-debit-app input#bh-sort-code-2, #direct-debit-app input#bh-sort-code-3 { width:65px; }

/* enquiry form */
#enquiry { width:690px; float:left; }
#enquiry table { font-size:75%; clear:both; }
#enquiry td { padding:0px 10px 5px 0px; }
#enquiry textarea { padding:0px 10px 5px 0px; width:221px;}
#enquiry td.mandatory {  width:300px;padding:0px 0px 5px 0px; color:#cd292a; font-weight:bold; }
#enquiry td.right { text-align:right; }
#enquiry td.submit { padding-top:20px; font-weight:bold; }
#enquiry input { width:231px; }
#enquiry select { width:235px; }
#enquiry h4 { font-size:110%; }

/* Global Navigation */
#global-navigation {display:none; float:right; color:#999; margin-top:20px; }
#global-navigation li  {display:none;  background:#fff url(../images/generic/dot_small.gif) no-repeat center left; padding:0 10px 0 20px; }
#global-navigation #news {display:none; background-image:none; }
#global-navigation span {display:none; color:#cd292a; }

/* Search */
#search { float:right; width:170px; margin:17px 0 0 7px; }
#search form { width:170px; }
#search form input { float:left; color:#999; height:15px; background:none; border:none; width:125px; margin:3px 7px 0 10px; }
#search span { background:#fff url(../images/generic/search_box.gif) no-repeat top left; width:170px; float:left; height:auto !important; height:20px; min-height:20px; }
#search form #search-button { height:14px; width:14px; float:left; padding:0; margin:3px 0 0 5px; }

/* Navigation */
#tabs { position:absolute; bottom:0; right:0; text-align:right; float:right; width:620px; }
* html #tabs { bottom:-1px; }  /* for IE 6 */
#tabs ul { padding:0; margin:0; }
#tabs li { margin-left:4px; list-style:none; display:inline;}

/* Breadcrumb */
#breadcrumb { height:auto !important; height:25px; min-height:25px; float:left; width:968px; color:#666; margin:0 0 0 0; padding:3px 0 0 20px; display:none; font-size:90%; }
#breadcrumb a:hover { color:#333; }
#faqs-breadcrumb { color:#cd292a; clear:both; text-align:right; width: 894px; padding:0 45px 0 45px; margin:0 0 20px 0; height:auto !important; height:25px; min-height:25px; display:none; background: url(../images/domestic-subpage/tab_line.gif) no-repeat bottom right; }
#faqs-breadcrumb p { padding:5px 0 0 0;}
#faqs-breadcrumb p span { cursor:pointer; color:#999999; }
#faqs-breadcrumb img { float:left;}

/* Left Sub-Navigation */
#sub-nav {display:none; position:relative; float:left; width:230px; margin:0 0 30px 4px; background:url(../images/domestic-subpage/subnav_across.gif) repeat-y top left; height:auto !important; height:332px; min-height:332px; padding-bottom:20px; }
* html #sub-nav {display:none; margin-left:2px;}
#sub-nav li { display:none; height:auto !important; height:25px; min-height:25px; list-style:none; padding-bottom:1px; margin:0; background:url(../images/domestic-subpage/subnav_line_redred.gif) no-repeat bottom left; }
#sub-nav a { display:block; display:none; color:#fff; font-size:140%; padding:5px 5px 5px 10px; }
#sub-nav .nav-on {display:none; background: url(../images/domestic-subpage/subnav_line_whitered.gif) no-repeat bottom left; }
#sub-nav .nav-on a {display:none; background:#f43009 url(../images/domestic-subpage/subnav_line_white.gif) no-repeat top left; font-weight:normal; }
#sub-nav .nav-on ul {display:none; padding: 0 0 5px 0; } 
#sub-nav .nav-on ul a {display:none; background-color:transparent; background: url(../images/domestic-subpage/dot_white.png) no-repeat 21px 11px; } 
#sub-nav .nav-on ul a:hover {display:none; background-color:#f43009; } 
#sub-nav a:hover {display:none; background-color:#f43009; }
#sub-nav li li {display:none; background:none; padding:0; }
#sub-nav ul li ul li a {display:none; font-size:100%; border-bottom:1px solid #F43009; padding-left:30px; background:url(../images/domestic-subpage/dot_white.png) no-repeat 21px 11px; }
#sub-nav .nav-on ul .nav-on {display:none; background-color:#f43009;  }
#sub-nav li .last a {display:none; border-bottom:none; }
#sub-nav li .last-on a  {display:none; border-bottom:none; background-color:#f43009; }
#sub-nav-bottom {display:none; position:absolute; bottom:0; background:url(../images/domestic-subpage/subnav_bottom.gif) no-repeat top left; width:230px; height:13px; }
* html #sub-nav-bottom {display:none; bottom:-2px; }

#sub-nav li  .nav-on a{display:none; font-weight:bold;}




/* HOME Breadcrumb */
#breadcrumb-home {display:none; height:auto !important; height:28px; min-height:28px; float:left; width:100%; }

/* HOME Layout */
#torso-home { width:988px; float:left; position:relative; margin-bottom:10px; }
* html #torso-home { margin-bottom:20px; }
* + html #torso-home { margin-bottom:20px; }
#torso-home #content { width:719px; float:left; position:relative; margin:0 0 30px 0; padding:0;  }
#images-holder { padding-top:3px; clear:left; width:720px; }
#images-holder li { display:inline; }

/* Flash Holder */
#flashcontent-homepage {width:720px; margin:0; padding:0; float:left; height:auto !important; height:500px; min-height:500px; }

/* Gas in My Area Panel Inputs */
#street-name {}
#house-number { width:70px; float:left; display:inline; }
#postcode { width:120px; margin-right:-12px; float:right; display:inline; }

/* font size links */
.font-links {font-size:90%;}


/* Forgot Password */
.forgot-password { height:auto !important; height:0px; min-height:360px; }
.forgot-password form { width:100%; margin-bottom:30px; float:left; text-align:right; }
.forgot-password form div { width:282px; float:left; }
.forgot-password form label { width:35px; margin-top:3px; padding-right:10px; float:left; display:inline; }
.forgot-password form input { width:231px; float:left; display:inline; }
.forgot-password form a { float:right; display:block; white-space:nowrap; }