/* PLEASE DO NOT EDIT - Edited by SD and PN */

* { margin:0; padding:0; }

body.leapfrog { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; text-align: center; }

body.leapfrog input#search {width: 140px;}

body.leapfrog input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }

img { border: 0; }

.padding {padding-left:20px;padding-right:0px;}

a { text-decoration: none; }

a:hover { text-decoration: none; }

abbr { border-bottom: dotted 1px; cursor: help; }

acronym { border:none;cursor: help; }

table { border: none; margin-bottom: 1em; font-size: 1em; margin-right: 37px; }

td { border: none; padding: 0.3em; vertical-align: middle; }

th { border: none; text-align: center; padding: 0.3em; font-weight: normal; vertical-align: middle; }

caption { text-align: left; margin-bottom: 0.333em; font-weight: bold; font-size: 1.3em; }

#Frame { width: 760px; margin: 0 auto; text-align: left; overflow: hidden; }

.block-frame { background: #fff url(../images/css/bck-leftnav.gif) repeat-y; overflow: hidden; width: 100%; }

.float-frame { float: right; width: 574px; margin-bottom: 2.416em; overflow: hidden; }

#Content { float: left; overflow: hidden;margin-top:0em }

.one-col {width: 584px; }

.two-col { width: 344px; margin-top:-12px;padding-left:20px}

#Nav, #SearchForm { width: 186px; clear: left; float: left; }

#RightCol { width: 190px; float: right; }

.hidden { position: absolute; left: -999em; }

.rule { border-bottom: 1px solid #b6b6b6; padding-bottom: 2.25em; margin-bottom: 2.25em !important; }

.first { background: none; padding-left: 0; border: 0 !important; }

#Header { background: #ed1847; width: 100%; overflow: hidden; position: relative; height: 64px; }

#Header .npower-logo { float: left; margin: 10px 0 0 18px; }

#Header .npower-home { float: right; }

#Header ul { position: absolute; bottom: 0; left: 135px; font-size: 1em; list-style: none; }/* removed width to allow 4th tab in header - BK 23/07/08 */

#Header ul.home-active { background: url(../images/css/bck-home-tab.gif) no-repeat; }

#Header ul.none-active { background: url(../images/css/bck-none-tab.gif) no-repeat; }

#Header li { width: 119px; float: left; }

#Header li a { color: #fff; display: block; text-align: center; width: 100%; padding: 6px 0; }

#Header li.home-active a { background: none; }

#Section { position: relative; height: 10.65em; overflow: hidden; width: 100%; border-bottom: 1px solid #b2b2b2; }

#Section img { position: absolute; top: 0; }

#Section h1, #Section ul { position: relative; }

#Section h1 { width: 455px; font-weight: normal; font-size: 2.5em; margin: 20px 0 15px 20px; }

#Section h1 span { display: block; font-size: 0.433em; margin-bottom: -0.4em; }

#Section ul { list-style: none; font-size: 1.3em; margin: 0 20px; line-height: 1em; }

#Section li { padding-left: 24px;padding-top:2px;height:20px; }

.float-frame ul, .float-frame ol, .float-frame p, .float-frame blockquote, .help-text { margin: 0em 0em 0.5em 0em; line-height: 1.4em; }

#Heading { margin-top: 1.5em; width: 100%; padding-bottom: 0.5em; }

#Heading div { margin: 0px 0px 0px 20px; } /* This was 0 20 */

#Heading ul { font-size: 1em; list-style: none; height:13px; width: 100%; }

#Heading li { float: left; padding-left: 10px; padding: 0 5px 0 10px; }

#Heading h2 { font-size: 1.7em; line-height: 1.5em; clear:both; } 

#Heading p { font-size: 1em; margin:0; }

#Heading li.first { background: none; padding-left: 0; }

#Content div { margin: 0 0 0 0; }

#Content.two-col h3 { font-size: 1.083em; margin-bottom: 0.333em; }

#Content .left-col h2, #Content .right-col h2, #Content .left-col h3, #Content .right-col h3, #Content.one-col h3 { font-size: 1em; margin: 10px 0px 0.333em 0; }



#Content p, #Content blockquote, .help-text { font-size: 1em; margin-right:0px; }

#Content p.caveat { color: #999; font-size: 0.9em; }

#Content img { margin-top: 3px }

#Content img.right-padding { margin: 3px 0 10px 10px; }

#Content img.left-padding { margin: 3px 10px 10px 0; }

#Content ul, #Content ol, #RightCol ul, #RightCol ol { font-size: 1em; }

#Content a { font-size: 1em; padding-left: 10px; }

#Content h3 a { font-size: 1em; }

#Content p a, #RightCol p a {  font-size: 1em; background:none; text-decoration:underline; padding-left: 0; }

#Content li a, #RightCol li a { font-size: 1em; background: none; padding-left: 0; }

#Content li p { font-size: 1em; }

#Content ol li, #RightCol ol li { margin-left: 19px; margin-right: 38px; }

#Content ul li, #RightCol ul li { margin-left: 13px; margin-right: 38px; }

#Content .link-list2 li {padding-left:10px;}

#Content div div { float: left; }

#Content .search-list, #Content .subtopic-list { margin-bottom: 2.916em; }

#Content .search-list, .link-list, .pagination, #Content .subtopic-list, .link-list2 { list-style: none; }

#Content .search-list {padding-left:17px;}



#Content .link-list li, link-list2 li{ background: 0 0.5em url(../images/css/bck-mcav-brown.gif) no-repeat; }

.padding hr {margin:5px 0; clear:both;}

#Content .link-list li, #RightCol .link-list li { margin: 0.5em auto; padding-left: 10px;}

#Content .search-list li, #Content .pagination li, #Content .subtopic-list li { margin:0; }

#Content .search-list li { padding-left: 0px; /* text-indent:18px; */ list-style-type:none; }

#Content .search-list span { font-weight: bold; }

#Content .search-list span.date { font-weight: normal; }

#Content .padding .pagination {padding-top:10px;padding-left:0px;margin:0px;}

.pagination { overflow: hidden; width: 80%; padding-left:20px; }

.pagination li { float: left; padding: 0px 15px 0px 17px; width: auto; }

.pagination span { position: absolute; left: -999em; }

#Content .prev { padding-left: 10px; }

#Content .next { padding-right: 10px; }

#Content .nav-link { float: right; padding-left: 10px; }

#Content .nav-link a { margin-right: 37px; display: block; }

/* #RightCol h3, #RightCol div { margin-left: 15px; } */

#RightCol h3 { font-size: 1em; margin-bottom: 0.333em; }

#RightCol h4, #RightCol p { font-size: 1em; }

#RightCol div { margin-bottom: 1.333em; }

#RightCol .grey-box { border: 1px solid #dbdbda; width: 188px; padding-top: 0.833em; }

#RightCol .grey-box p, .grey-box ul, .grey-box h4 { margin-left: 7px; margin-right: 7px; }

#Nav { list-style: none; width:186px }

#Nav li { display: inline; font-size: 1em; }

#Nav a, #Nav span { display: block; border-bottom: 1px solid #b2b2b2; color: #767676; background: top right url(../images/css/bck-leftnav-anchor.gif) no-repeat; padding: 0.5em 0 0.583em 20px; }

#Nav span { background: #fff; font-weight: bold; }

#Footer, #SecondaryNav { clear: both; width: 100%; background: #c40f3a; overflow: hidden; list-style: none; padding: 0.5em 0 0.583em 0; }

#Footer li, #SecondaryNav li { float: left; width: auto; padding: 0 5px; border-left: 1px solid #e15e5e; font-size: 1em; color: #fff; }

#Footer a, #SecondaryNav a { color: #fff; }

#Footer .first, #SecondaryNav .first { padding-left: 20px; }

#Footer .copyright { float: right; border: 0; color: #ffffff; padding-right: 20px; }

form div { margin-left: 20px; margin-bottom: 0.666em; }

input, select, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; vertical-align: middle; padding: 1px; margin-right: 5px; }

label { font-size: 1em; vertical-align: top; }

#SearchForm { padding-top: 2.166em; background: top right url(../images/css/bck-leftnav-anchor.gif) no-repeat; margin-bottom: 1em; }

#SecondaryNav { background: #a90d32; }

#Content .home-promotion { /* margin-bottom: 1.6em; */ float: none; }

/*#Content .home-promotion p { margin-bottom: 0.416em; }*/

#Content .home-promotion img { float:right; margin: 3px 37px 10px 10px; }

#Content .icon-nav {width:96%; margin-top:-4px; } /*Changed padding to margin to bring up right UL */

#Content .left-col .icon-nav {padding-top:-8px; }

#Content .icon-nav li { list-style: none; margin: 0; height:2.9em; background-position: left center; background-repeat: no-repeat; margin-bottom: 0.333em; }

#Content .icon-nav li a { font-size: 1em; padding-left: 25px; margin-top: 0.75em; float: left; }

#Content .meter-reading { background-image: url(../images/css/icon-send-reading.gif); }

#Content .view-bills { background-image: url(../images/css/icon-view-my-bill.gif); }

#Content .make-enquiry { background-image: url(../images/css/enquiry.gif); }

#Content .faq { background-image: url(../images/css/icon-faq.gif); }

#Content .faq-result { background: 0 0 url(../images/css/faq-result.gif) no-repeat; }

#Content .form-result { background: -2px 0 url(../images/css/form-result.gif) no-repeat; }

#Content.one-col .link-list {padding:0px 10px;  }

#faqsearch {width: 100%;}

#faqone {float: left;width: 33%;}

#faqtwo {float: left;width: 33%;}

#faqthree {float: left;width: 33%;}

#faqtopquestions {clear: both;width: 100%;}

/*added by PN*/

#Nav span a {padding:0; border:0;overflow:visible;background-image:none;}



/* PN edits */

#Content img.homepage-lozenge {margin:0; float:none; background-image:none;margin-top:40px;}



/* Added by SD */







#Content .icon-nav li {float:left;width:100%;}

#Content .icon-nav ul {float:left; }

#Content ul.search-list p {margin-left:35px;}

.right-col2 ul.link-list li {padding: 0px 0px 0px 2px;}

.left-col ul.link-list li.meter-reading {padding:0px;}

.right-col2 ul.link-list li { background: 0 0.7em url(../images/css/bck-mcav-brown.gif) no-repeat; }

#Content.one-col h3, #Content.one-col p {clear:both;padding-right:0.5em;margin-right:0.5em;}

#Content.one-col h3 {padding-bottom:2px; /* padding-top:10px; */}

* html #Content.one-col h3 {padding-top:0px;} /* This fixes IE6's padding issues */



#Content.two-col h3 {padding-top:7px;}

#Content .right-col, #content .left-col {overflow:hidden; width:200px; }





#Content .left-col {width:324px;padding:0px 20px; /* background-color:#CC9900;  */ }

.right-col2 {width:218px;float:left;margin:0px;padding:0px;  /* background-color:#000066; */ } 

.right-col {/* background-color:#66CC33; */}

* html #Content .right-col2 {width: 194px;padding:0px;margin:0px 0px 0px 10px;}

* html #Content .left-col {width:340px;} /* This fixes IE6's padding issues */



* html #Content #form-small .left-col {width:390px;} /* This fixes IE6's padding issues */

#Content .right-col {width:190px;padding-left:0px; }



.left-col p, .left-col h3, .right-col h3 {padding-left:0px;} /* Required because the rules are too generic */

* html .right-col2 {width:190px;}

#Content .right-col2 ul.icon-nav a {padding-left:25px;}

#Content .padding ul.search-list, #Content .padding ul.search-list li, #Content .padding ul.search-list p {margin:0px 0px 0px 0px;padding:1px 5px 0px 0px;}

#faqsearch, #faqtopcat, #faqsearchbox h3   {padding-left:20px;}

#faqsearch {padding: 10px 0px 6px 20px;}

#faqsearch label { line-height:16px;}

.link-list2 {padding-left:8px;}

#faqtopcat {width:100%;}

#Content #faqtopcat ul {display:inline;float:left;clear:both;width:100%; line-height:1.9em;}

#Content #faqtopcat li {padding:0px 0px 0px 10px;margin:0px;float:left;display:block;width:180px;background: 0 0.7em url(../images/css/bck-mcav-brown.gif) no-repeat; }

.noresults {padding-left:20px;}

/* #Content #faqsearchbox h3 {padding-top:24px;} */

#Content #faqsearchbox h3 {padding:0px 0px 4px 20px;}

#Heading .g_links {width:100%; margin:17px 0px 0px 0px;padding:0px;}

body #Heading .g_links li {list-style:none;padding:0px 29px 0px 0px; background-image:none;margin:0pxfloat:left;}

#Content .announce_box {width:313px; background-color:#FAF6E5;margin-top:10px;} 

#Content .announce_box p {clear:none; color:#990000;padding-left:10px;}

.boxtop {width:313px;background: url(../images/css/ann_top.gif) no-repeat;height:11px}

.boxmiddle {width:313px;background-color:#FAF6E5;}

.boxmiddle img {float:left;padding-left:3px;}

#Content .boxmiddle h2 {margin:0px;padding:2px 0 7px 10px;}

.boxbottom {width:313px;background: url(../images/css/ann_bottom.gif) no-repeat;height:11px;}

#Content .raq {width:210px; /* background-color:#00CC66; */margin-top:10px;}

#Content .raqtop {width:210px;background: url(../images/css/raq_top.gif) no-repeat;height:14px}

#Content .raqmiddle {width:210px;background-color:#FAF6E5;margin:0px;padding:0px;}

#Content .raqmiddle h3 {margin:0px;padding:0px 5px 5px 10px;}

#Content .raqmiddle li {margin:0px;padding:2px 10px;}

#Content .raqbottom {width:210px;background: url(../images/css/raq_bottom.gif) no-repeat;height:17px}

#Content .g_links_single {margin-top:20px;}

#Content .g_links_single a {background-image:none;padding-left:0px;}

#Content .g_links_single img {float:left;padding-right:4px;margin:0px 10px 20px 0px;}

#Content .g_links_single h2 {margin:0px;padding:0px;}

#Content .g_links_single p { clear:none; margin:0px;padding:0px;}



#Content .sec_wrap a, .sec_content2, #Content .g_links_single a, #Content .sec_wrap2 a, #Content .sec_wrapspace a {background-image:none;padding:0px; text-decoration:none;color:#755545;margin:0px;}



#Content .sec_wraptop a, #Content .sec_wrapmiddle a, #Content .sec_wrapend a, #Content .sec_wraptop2 a, #Content .sec_wrapmiddle2 a, #Content .sec_wrapend2 a, #Content .sec_wrapmiddle3 a, #Content .sec_wrapend3 a, #Content .sec_wraptop3 a {background-image:none;padding:0px; text-decoration:none;color:#755545;margin:0px;}











/* This is the new version */





/* This is the payment information page */



#Content .sec_content a:hover, #Content .sec_content2 a:hover  {text-decoration:underline;}



#Content .sec_wraptop {width:100%;margin-top:12px;padding:0px;}	



#Content .sec_wrapmiddle {width:100%;margin-top:14px;padding:0px;}	

* html #Content .sec_wrapmiddle {margin:-5px 0px 0px 0px;padding:0px;}



#Content .sec_wrapend {width:100%;margin-top:14px;margin-bottom:14px;padding:0px;}

* html #Content .sec_wrapend {margin:1px 0px 0px 0px;padding:0px;}



#Content .bot {margin-bottom:14px;}



/* Change my details */



#Content .sec_wrapmiddle2 {width:100%;margin-top:14px;padding:0px;}	

* html #Content .sec_wrapmiddle2 {margin:-4px 0px 0px 0px;padding:0px;}



#Content .sec_wrapend2 {width:100%;margin-top:14px;margin-bottom:14px;padding:0px;}

* html #Content .sec_wrapend2 {margin:-1px 0px 0px 0px;padding:0px;}



/* Contact Page */



#Content .sec_wrapmiddle3 {width:100%;margin-top:14px;padding:0px;}	

* html #Content .sec_wrapmiddle3 {margin:14px 0px 0px 0px;padding:0px;}



#Content .sec_wrapend3 {width:100%;margin-top:14px;margin-bottom:14px;padding:0px;}

* html #Content .sec_wrapend3 {margin:14px 0px 0px 0px;padding:0px;}





/* End of new version */





* html #Content .sec_wrap {0px;width:100%;margin-top:12px;padding-bottom:10px;}

#Content .sec_wrap a, .sec_content2, #Content .g_links_single a, #Content .sec_wrap2 a, #Content .sec_wrapspace a {background-image:none;padding:0px; text-decoration:none;color:#755545;margin:0px;}

#Content .sec_wrap2 {margin:0px;width:100%;padding-bottom:10px;}

#Content .sec_wrapspace {margin-bottom:16px;margin-top:18px;width:100%;}

#Content .sec_wrap a:hover, .sec_content2 a:hover, #Content .g_links_single a:hover, #Content .sec_wrapspace a:hover, #Content .sec_wrap2 a:hover {text-decoration:underline;}	

#Content .sec_img {float:left;width:14%;height:30px;}

.sec_content {float:left;width:85%;border-top-width: 1px;border-bottom-width: 1px;border-top-style: dotted;border-bottom-style: dotted;border-top-color: #666666;border-bottom-color: #666666;}

.sec_content2 {float:left;width:85%;}

.sec_content2 p {padding-top:9px;}

#Content .sec_content p {padding:0px 0;}

#Content .cleared {margin-bottom:10px;}

#Content .link-list li, .link-list2 li{ background: 0 0.5em url(../images/css/bck-mcav-brown.gif) no-repeat; }





.faq_left {

width: 374px;

padding-right:6px;

}



.faq_left h2 { font-size: 1.7em; line-height: 1.5em; clear:both;color: #755545} 



.faq_right {

width: 184px;

}





/* used for HES banner seen on bottom of thankyou page - BK */



#Content #thankyou_banner {

background: #fff url(/wcms_images/groups/wcms_content/@wcms/@resi/documents/digitalassets/meter_read_banner_back.gif);

clear:both;

width: 557px;

margin: 16px 0px 0px 16px;

}



#Content #thankyou_banner #thankyou_banner_body {

background: #fff url(/wcms_images/groups/wcms_content/@wcms/@resi/documents/digitalassets/meter_read_banner_back.gif);

}



#Content #thankyou_banner img{

margin:0px;

}



#Content #thankyou_banner ul.banner_list {

padding: 4px 0px 0px 32px;

margin:0px;

color: #000;

width: 150px;

float: left;

}



#Content #thankyou_banner ul.banner_list li {
    background: url("/wcms_images/groups/wcms_content/@wcms/@resi/documents/digitalassets/light_grey_dot.gif") repeat-x;
    font-size: 1.1em;
    line-height: 1.6em;
    list-style: none outside none;
    margin: 0 0 5px -15px;
    padding: 5px 0 0;
}



#Content #thankyou_banner ul.banner_list li.banner_list_heading {
    background: none repeat scroll 0 0 transparent;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.4em;
    list-style: none outside none;
    margin-bottom: 0;
    margin-left: -16px;
    padding: 0 0 8px;
}



#Content #thankyou_banner ul.banner_list li.banner_list_link{

background:1px 12px url(/wcms_images/groups/wcms_content/@wcms/@resi/documents/digitalassets/products_link_arrow.gif) no-repeat;

color: #e15;

list-style:none;

margin-left: -16px;

padding: 8px 0px 0px 16px;

}



#Content #thankyou_banner ul.banner_list li.banner_list_link a{

color: #ee1155;

text-decoration:none;

}


/*BK 05/08/09 - styling for other annoucement boxes and 3 banner*/

#Content .boxmiddle2 h2 {
margin:0;
padding:0px 10px 8px 10px;
}

#Content .boxmiddle2 p {
clear:none;
margin:0;
padding:0px 10px 8px 10px;
}

#Content .g_links_single {
width:324px;
}

#Content .g_links_single .banner_1 {
padding:0px;
margin:0px 20px 0px 0px;
float: left;
}

*html #Content .g_links_single .banner_1 {
margin: 0px 16px 0px 0px;
}

#Content .g_links_single .banner_2 {
padding:0px;
margin:0px 0px 8px 0px;
float: left;
}

#Content .g_links_single .banner_3 {
padding:0px;
margin:0px;
float: left;
}

/* *** MF 12/08/09 - styles for Complaints Form fixes *** */
p.tbxHelp { margin-left: 154px; }
/* radiolist = wrapper for radio btn block */
.radiolist { clear: both; float: left; width: 100%; display: block; }
.radiolist .help { display: block; float: right; width: 48px; }

/* itemlist = radio btn list container */
.itemlist { float: left; display: block; width: 80px;}
.itemlist input { clear: both; float: left; width: 20px;}
.itemlist label { display: block; float: left; width: 48px! important; .padding-top: 3px; _padding-top: 4px; }