@import url(/web/groups/wcms_ta/@wcms/documents/stylesheets/stylesheet_overrides_b2b.css);

/* Generic styles */
body {background:#np_ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; color: #333; text-align:center;margin: 0 0;}
img a, img {border:none; border-style:none;}
#np_frame { width:76em; margin-right:auto; margin-left:auto; text-align:left; }
.np_left {float: left;}
.np_right {float: right;}
.np_cen {text-align:center; margin: 0 auto;}
#np_main_sublinks a:hover, #np_header_links a:hover, #np_main_links a:hover  {text-decoration: underline;}
.np_clear {height:2px;clear: both;width: 100%;}


/* Header styles */
#np_header_top {height: 86px;background-image: url(images/header_backb2b.jpg);background-repeat: no-repeat;width: 760px;}


#np_header_links {clear: both;height: 28px;width: 760px;overflow: hidden;font-size: 1em;margin: 0px;padding: 0px;}
#np_header_links a, #np_main_sublinks a, #np_footer a {color:#fff;text-decoration: none;}
#np_header_links ul {float:left;overflow:hidden;margin-left: 0px;padding: 0px;margin-top: 12px;list-style-image: none;list-style-type: none;}	
#np_header_links ul li {margin-left:0px;padding-left:0px;display:inline;}
.np_account a {font-weight: bold;padding-left: 22px;padding-top:2px;float:left; }
/* IE6 and below */
#image {.margin-bottom:-2px;}

/* Central image, flash and links styles */
#np_image {height:151;width: 760px;float:left;position:relative;}


/* Main 3 Buttons - .active is the bigger button and .nonactive is the small option */
#np_main_links {background-image: url(/wcms_images/groups/wcms_content/@wcms/documents/digitalassets/homepage_banner_bus_img.jpg);background-repeat: no-repeat;padding: 0px;margin: 0px;height: 42px;width: 760px;clear:both;}
#np_main_links ul {float:left;overflow:hidden;list-style-image: none;list-style-type: none;margin:0px;padding:0px;}
#np_main_links li {display:inline;margin: 0px;padding: 0px;}
.np_active {background-image: url(images/links_big.gif);height: 42px;width: 201px;float:left;margin:0px;padding:0px;background-repeat: no-repeat;overflow:hidden;
}
.np_active a {color:#fff;font-size: 1.8em;margin-left: 0px;text-decoration: none;display: block;margin-top: 8px;padding-top: 0px;text-align: center;}
.np_nonactive {background-image: url(images/links_small.gif);height: 42px;width:170px;background-repeat: no-repeat;margin-top: 20px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;display: block;padding: 0px;float: left;}
.np_nonactive a {color:#fff;font-size:1.3em;text-decoration: none;display: block;margin-top: 20px;text-align: center;width: 170px;font-weight: bold;padding: 0px;margin-right: 0px;margin-bottom: 0px;padding-right:0px;}



/* Main Sub Menu and Footer Menu - Both use same technique */
/* Main Sub Menu and Footer Menu - Both use same technique */
#np_main_sublinks, #np_footer {background-image: url(images/sub_links_back.jpg);clear: both;width: 760px;height: 2.7em; background-color:#990000;background-repeat:repeat;overflow:visible;}

* html body #np_footer ul {margin:0px;padding:7px 0px 0px 4px;}
#np_main_sublinks ul, #np_footer ul  {float:left;overflow:hidden;margin-left: 0px;margin-top: 0px;list-style-image: none;list-style-type: none;padding: 7px 0px 0px 0px;}	
body #np_footer ul {float:none;}
#np_main_sublinks ul li, #np_footer ul li {display:inline;float:left;border-left-width: 1px;border-left-style: solid;border-left-color: #d94954;padding: 0px 6px; margin: 0;}
 


/* The Container for the Three Bottom Sections */
#np_lower_content {clear: both;width: 760px;margin-top: 10px;}
#np_lower_content h1 {margin:0px;font-size: 1.2em;color:#ed1847;}




/* Left hand section of the 3 sections */
#np_links_left {float: left;width: 230px;}
#np_links_left p {margin:0px; padding: 0px 0px 5px 10px;}


/* Middle section of the 3 sections */
#np_links_middle {float: left;width: 207px;margin-left: 5px;}
#np_links_middle p {margin: 0px; padding-bottom: 4px;}
#np_links_middle ul {display: block;padding: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 4px;margin-left: 0px;}
#np_links_middle li {display: block;background-image: url(images/arrow-green.gif);background-repeat: no-repeat;height: 11px;list-style-type: none;text-indent: 15px;padding: 0px;margin-top: 3px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;font-weight: bold;}
#np_links_middle a {color:#00A94D; text-decoration:none;}


/* Right hand section of the 3 sections */
#np_links_right {float: left;width: 310px;margin-left: 8px;}
#np_links_right ul {display: block;float:left;padding: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 8px;margin-left: 0px;}
#np_links_right li {background-image: url(images/arrow.gif);background-repeat: no-repeat;list-style-type: none;margin:0px 0px 0px 0px;padding:0px 0px 4px 14px;font-weight: bold;background-position: 0px 1px;}
#np_links_right a {color:#666666; text-decoration:none;}
#np_links_right1 {float: left;width: 148px;}
#np_links_right2 {float: left;width: 150px;}
#np_links_right_ads {clear: both;width: 100%;}
#np_links_right a:hover {color:#ed1847; text-decoration:none;}
#np_links_right h1 {margin-bottom:8px;}


/* Footer styling - mostly covered in the main sub menu */

#np_footer p {color:#fff;padding:6px 14px 0px 0px;margin:0px;}
#np_top_images {margin: 0px;padding: 0px;height: 55px;width: 100%;}
#np_footer a:hover {color:#fff;text-decoration: underline;}

/*MON: 4/6/2008 - for m3 Energy Management */
.m3bodybox {
	margin-top:-30px;
	margin-bottom:20px;
}

.m3bodybox2 {
	margin-top:-10px;
	margin-bottom:20px;
}

#maincontent .big_numbers {
	font-size:140%;
	font-weight:bold;
	color:#ee1155;
}

/*RW: 11/9/2008 - Styles for Quote & Switch lozenge on thank you page*/
	.quoteButtons fieldset {
		border:none;
		margin:-12em 0 2em 0.7em;
	}

	#postCodeEntry label {
		color:#fff;
		#vertical-align:4px;
	}

	#postCodeEntry input {
		margin:0 0 0 0.4em;
		width:6em;
	}

	#cta {
		padding-top:1.3em;
	}

	#cta input {
		display:block;
		margin:0 0 0.4em 0;
	}


/*MON: 19/09/2008 - white horizontal rule for b2b red boxes */
.white_rule {
	border: 0px none;
	margin: 2px 10px;
	color: #ffffff;
	background-color: #ffffff;
	height: 1px;
}

/*MON: 22/09/2008 - for BAU00163 */
.greenB {
	color:00aa55;
	font-weight:bold;
}

/* MON 16/10/2008 - for copyright at bottom of footer */
#np_foot_copy {
	color:#888888;
	margin-top:3px;
	text-align:right;
}

/*MON: 13/01/2009 - for BAU00319 */
h4 {
	color:00aa55;
	font-weight:bold;
    font-size:1.4em;
}
#maincontent .contact_us {
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:-1px;
}
#maincontent .contact_time {
	margin-top:-15px;
}
#maincontent .tnc_footer {
	color:#666666;
	margin-top:50px;
}

/*MON: 14/01/2009 - for BAU00321 */
.left_space {
	margin-left:8px;
}




/*****************************************************************/
/*                                                               */
/*         MON: 2008-01-27, SEO work sub footer links            */
/*                                                               */
/*                      SUB FOOTER CLASSES                       */
/*                                                               */
/*****************************************************************/
#np_foot_copy {
	width:760px;
	text-align:center;
	color:#888888;
	height:25px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	font-size:1em;
}
#sub_footer {
	color:#ee1155;
	text-align:center;
	width:760px;
	margin-top:12px;
	.margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	height:25px;
}
#sub_footer ul {
	list-style:none;
	padding:0px;
	margin:0px;
}
#sub_footer ul li {
	list-style:none;
	display:inline;
	font-size:1em;
}
#sub_footer a {
	color:#ee1155;
	text-decoration:none;
}
#sub_footer a:hover {
	text-decoration:underline;
}


/*--------------------------------------------------------
RJW 11.09.09 - Added styles for the timeline accordian
--------------------------------------------------------*/

	/* Need to be reinstated after hosting
	#timeline {background:#c8003e; color:#fff; font-size:1.1em; overflow:hidden; width:180px;}
		#timeline .encompass_buttons {margin:0 0 1px 0;}

		#timeline .flashmovie {border-right:1px solid #ccc; border-left:1px solid #ccc;}
		
		#timeline h2 {background:#d6004b; border-top:1px solid #e51050; cursor:pointer; font-size:1em; font-weight:bold; padding:0.4em 1em 0.6em;}
			#timeline h2 img {display:inline; margin:-1em 0 0 -1em;}
		
		#timeline p {margin:0.4em 1em 1em; line-height:1.4em;}
		
		#timeline img {text-align:center; display:block; margin:0 auto 1.6em;}
		
		#timeline .encompass_buttons .encompass_body {background:none; display:none; overflow:hidden; padding:0 0 2px 0; width:180px;}
		*/