/*NOTES
----------------------------------------------------------------------------------------------------
For each section, common styles are grouped and specified first. 
----------------------------------------------------------------------------------------------------
*/

/*GENERAL
----------------------------------------------------------------------------------------------------
Paddings and margins are reset to make it easier to layout in different browsers
----------------------------------------------------------------------------------------------------
*/
	* 
	{
		/* These styles reset margins and padding for all elements */
		margin:0; 
		padding:0;
	}

	body 
	{
		background:#ffffff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 62.5%;
		color: #333333;
		text-align:center;
		margin-right:auto;
		margin-left:auto;
		text-align:center;
	}	
	
	#frame {
		width:76em;
		margin-right:auto;
		margin-left:auto;
		position:relative;
		text-align:left;
	}

	.hidden {
		position: absolute;
		left: -999em;
	}
	
	span.clear {
		float:left;
		width:100%;
		font-size:1%;
		height:2px;
	}

	.header {	
		background: -9px 0 url(images/npower-clear.gif) no-repeat;		
		height: 55px;
		position: relative;
		width: 760px;
	}
	.header.pink {
		background: url(images/npower-pink.gif) no-repeat;
	}
	.header ul {
		float:right;
		list-style:none;
		position:absolute;
		right: 0;
		top: 13px;		
		overflow:hidden;
		height:41px;
		padding-right:5px;
	}	
	.header.pink ul {
		background: top right url(images/athomeheaderbck.gif) no-repeat;	
	}
	.header ul li {
		float:left;
		margin-top:10px;
		border-left:1px solid #ee1155;	
		margin-left:-1px;
		padding-left:1px;
	}
	.header.pink ul li {
		border-color: #fff;
	}
	.header a {
		text-decoration: none;
		font-size: 1.1em;
		color: #ee1155;
		margin-left:6px;
		margin-right:6px;	
	}
	.header.pink a {
		color: #fff;
	}
	.header a:hover {
		text-decoration:underline
	}	
	#logo {
		position: absolute;
		float:left;
		left:10px;
		top:3px;
		height: 37px;
		width: 120px;
		z-index: 1;
	}
	#logo img
	{
		position: absolute;
		left:-999em;
	}
	#mainheading {
		position: relative;
		margin-top: 15px;
	}
	
/*LEFT COLUMN
----------------------------------------------------------------------------------------------------
Used to layout all the left column styles which is made up of the primary navigation 
----------------------------------------------------------------------------------------------------
*/
	#leftcolumn 
	{
		float:left;
		background:#fff;
		clear:both;
		width:16em;
		height: 90%;
		margin-right: 15px;
		margin-top: 30px;
	}


	#leftcolumn h2 a
	{
		color: #00aa55;
		text-decoration:none;
	}

	#leftcolumn h2 a:hover
	{
		text-decoration:underline;
	}

	#leftcolumn ul li
	{
		background-image:  url("images/left-menu-bullet.gif");
		background-repeat: no-repeat;
		background-position: 0.9em 0.45em;
		border: solid 0.1em #dbdbdb;
		padding: 0.3em 0.3em 0.3em 2.5em;
		margin-bottom: 0.5em;
		list-style-type: none;
		font-size: 1.1em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	
	#leftcolumn ul li.inbusiness
	{
		background-image:  url("images/bulletGreenOnWhite.gif");
		background-repeat: no-repeat;
		background-position: 0.9em 0.4em;
		padding: 0.3em 0.3em 0.3em 2.5em;
		border:0;
		margin-bottom: 0.5em;
		list-style-type: none;
		font-size: 1.1em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	

	#leftcolumn ul li a
	{
		color: #333333;
		text-decoration: none;
	}

	#leftcolumn ul li a:hover 
	{
		text-decoration: underline;
	}
	
	#leftcolumn ul li ul li
	{
		background-image:  url("images/bulletGreenSmall.gif");
		background-repeat: no-repeat;
		background-position: 0.1em 0.8em;
		padding: 0.3em 0.3em 0.3em 0.8em;
		border: none;
		font-size: 1em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight:normal;
	}

	#leftcolumn ul li ul li a
	{
		color: #333333 !important;
		text-decoration: none;
	}

	.Level1selected a
	{
		color: #ee1155 !important;
	}	
	
	.Level2selected a
	{
		font-weight:bold;
	}	
				
/*BREADCRUMBS
These style determine the position and style of the bread crumbs */
/* We have edited this for the offline template design */
	#breadcrumb
	{
		color: #00aa55;
		margin-bottom: 1em;
		margin-top: 30px;
		width: 38.5em;
	}

	#breadcrumb ul
	{
		list-style: none;
		overflow: hidden;
		width: 100%;
		margin-left: -4px;
	}

	#breadcrumb li
	{
		float: left;
		background: right 4px url(images/breadcrumb_arrow.gif) no-repeat;
		color: #00aa55;
		padding: 0 12px 4px 4px;
		white-space: nowrap;
		
	}
	#breadcrumb li.last {
		background: none;
	}
	#breadcrumb a {
		background:#fff;
	}

	#breadcrumb a:link 
	{
		color: #00aa55;
		text-decoration: none;
	}			
	
	#breadcrumb a:visited 
	{
		color: #00aa55;
		text-decoration: none;
	}
	
	#breadcrumb a:hover 
	{
		text-decoration: underline;
	}
	
/*MAIN CONTENT
----------------------------------------------------------------------------------------------------
All of the main elements for the content are styled here
----------------------------------------------------------------------------------------------------
*/

	#maincontent
	{
		width:38.5em;
		background:#fff;
		float:left;
	}

	/*HEADINGS
	These set the shared properties for the Image Replacement headings on each hub page.
	Thes specific styles for these are set in the head of the specific pages.
	*/
	
	#maincontent h1
	{
		font-size:2em;
		color: #00aa55;
	}

	#maincontent h2
	{
		font-size: 1.7em;
		color: #ee1155;
		margin-bottom: 0.2em;
	}

	#maincontent h3
	{
		font-size: 1.1em;
		color: #ee1155;
		margin-bottom: 0.2em;
	}

	#maincontent p
	{
		font-size: 1.1em;
		margin-bottom: 1em;
		line-height: 1.4em;
		color:#333;
	}

	#maincontent .intro
	{
		font-size: 1.8em;
		font-weight: bold;
		margin-bottom: 0.5em;
		color: #333333;
	}
	
	#maincontent ol
	{
		margin-left: 1.6em;
		font-size: 1.1em;
		line-height: 1.4em;
	}
	
	#maincontent ol li
	{
		margin-bottom: 0.5em;
	}

	#maincontent ul
	{
		margin-left: 1.6em;
		font-size: 1.1em;
		line-height: 1.4em;
		margin-bottom: 1em;
		padding-top:1em;
	}
	
	#maincontent ul li
	{
		margin-bottom: 0.5em;
	}
	
	#maincontent ul.linkText a
	{
		color: #333333;
		font-weight: bold;
		padding-left: 0px;
	}
	
	#maincontent a
	{
		font-weight:bold;
		color:#333;
		text-decoration:underline;
	}
	#maincontent a:hover {
		text-decoration:underline
	}
	
	#maincontent .caveat {
		font-size: 0.9em;
		color: #999999;
	}
	
	/*ADJACENT CONTENT
	Positioning and styling for adjacent content in the main content. */
		#maincontent .maincontentLeft
		{
			float: left;
		}
		
		#maincontent .maincontentRight
		{
			float: right;
		}
	
		#maincontent .maincontentLeft, #maincontent .maincontentRight
		{
			width: 18.5em;
			margin-bottom: 0.5em;
		}
		
		/* 26.09.07 - For when we want green border around items in the maincontent */
		#maincontent .greenBox
		{
			width: 18.1em;
		}

		#maincontent .greenBox p a, #maincontent .greenBox  ul li  a
		{
			font-size:1em;
		}

		#maincontent .greenBox  ul li
		{
			padding-left:2.2em;
			padding-top:0.1em;
		}

		#maincontent .maincontentLeft h2, #maincontent .maincontentRight h2 
		{
			margin-bottom: -0.5em;
			font-size: 1.6em;
			color: #ee1155;
			font-weight: normal;
		}
		#maincontent .maincontentLeft p, #maincontent .maincontentRight p
		{
			padding-top: 10px;
		}
	
		#maincontent ul
		{
			margin-top: -10px;
		}
	
	/* We also changed this for the offline templates the offline templates */
	#maincontent .maincontentLeft h2, #maincontent .maincontentRight h2 {
		margin-bottom: -0.5em;
		list-style-type: none;
		font-size: 1.3em;
		color: #ee1155;
		font-weight: bold;
	}		
	#maincontent .maincontentLeft ul, #maincontent .maincontentRight ul
	{
		margin-left: 0em;
		margin-bottom: 1em;
	}
	.maincontentLeft li, .maincontentRight li
	{
		background-image:  url("images/bulletRedOnWhite.gif");
		background-repeat: no-repeat;
		background-position: 0.1em 0.3em;
		list-style-type: none;
		padding-left: 1.5em;
	}		
	.maincontentLeft p, .maincontentRight p {
		padding-bottom:0.5em
	}
	.wysiwyg {
		margin-bottom:15px;
		width:38.5em;
	}
	#maincontent img {
		margin-bottom:15px;
	}
	
	.alignright { float: right;	margin-left: 0.5em;	margin-bottom: 0.1em; }	
	.alignleft { float: left; margin-left: 0.5em; margin-bottom: 0.1em; }

	/*BOXES
	These are more specific styles for adjacent content set in boxes. */
		#maincontent .maincontentLeft .boxContent, #maincontent .maincontentRight .boxContent
		{
			background-color: #00aa55;
			width: 18.5em;
		}
		
		#maincontent .boxContent img {
			width:18.5em
		}

		#maincontent .maincontentLeft div.boxContent div, #maincontent .maincontentRight  div.boxContent div
		{
			background: top left url(images/greenBoxTopLeft.gif) no-repeat;
			height: 4px;
			width:100%;			
			position:relative;
		}
		
		#maincontent .maincontentLeft div.boxContent div span, #maincontent .maincontentRight div.boxContent div span {
			background: top right url(images/greenBoxTop.gif) no-repeat;
			position:absolute;
			height:4px;
			width:4px;
			right:0;
			top:0;
		}
	
		#maincontent .maincontentLeft .boxContent h2, #maincontent .maincontentRight .boxContent h2 
		{
			background-image: url("images/bulletWhiteOnGreen.gif");
			background-repeat: no-repeat;
			background-position: 0.5em 0.2em;
			margin-top: 0em;
			margin-bottom: 5px;
			list-style-type: none;
			font-size: 1.6em;
			color: #FFFFFF;
			padding-left: 1.5em;
			font-weight: bold;
		}
	
		#maincontent .maincontentLeft .boxContent a, #maincontent .maincontentRight .boxContent a
		{
			color: #FFFFFF;
			text-decoration: none;
		}
	
		#maincontent .maincontentRight .boxContent img, #maincontent .maincontentLeft .boxContent img
		{
			/* This fixes a bug in IE that extends the background of the containing box to the bottom and the right of the image */
			margin-bottom: -0.2em;
			margin-right: -0.1em;
		}
		
	/* Sets the heading of the quad area of the homepage on the homepage */
		#maincontent .maincontentLeft h2.homeQuadHeader, #maincontent .maincontentRight h2.homeQuadHeader 
		{
			margin-bottom: -0.5em;
			list-style-type: none;
			font-size: 1.3em;
			color: #ee1155;
			font-weight: bold;
		}
		
		#maincontent .maincontentFull {
			width:100%;
			clear:both;
			padding-top:1em;			
		}

		#maincontent .pinkBox
		{
			background: #fff left bottom url("images/bottom_box.gif") no-repeat;
			padding-left: 15px;
			float:left;
			font-size:0.9em;
			margin-right:5px;
			width:170px;
		}

		#maincontent .pinkBox span
		{
			background: #fff left top url("images/top_box.gif") no-repeat;
			height:17px;
		}
	
		#maincontent .pinkBox p, #maincontent .pinkBox h2, #maincontent .pinkBox a
		{
			color:#fff;
			width:165px;
		}
		#maincontent .pinkBox ul li
		{
			background:url("images/bulletWhiteOnRed.gif") no-repeat;
			padding-left:0px;
			list-style-type: none;
			margin-right: 0px;
		}

/*RIGHT COLUMN
----------------------------------------------------------------------------------------------------
Used to layout all the right column styles.  
----------------------------------------------------------------------------------------------------
*/

	#rightcolumn
	{
		float:right;
		background:#ffffff;
		margin-left:15px;
		margin-top:-20px;
		margin-bottom:0.5em
	}

/*TABLES
----------------------------------------------------------------------------------------------------
Styles for tabular data 
----------------------------------------------------------------------------------------------------
*/
	table
	{
		width:100%;
		border: 1px solid #CCCCCC;
		font-size: 1.1em;
	}

	caption
	{
		font-size: 1.7em;
		color: #ee1155;
		text-align: left;
		line-height:1.7em;
	}

	th, td
	{
		padding: 5px;
		border: 1px solid #CCCCCC;
	}

	#maincontent td ul li {
		margin-bottom: 0.5em;
		font-size: 1.1em;
	} 

/*FOOTER
----------------------------------------------------------------------------------------------------
Styles for the footer 
----------------------------------------------------------------------------------------------------
*/
	#contentfooter
	{
		background-image: url("images/footer.gif");
		background-position: right top;
		background-repeat: no-repeat;
		margin-right:auto; /*these two margin settings centre the content of this div */
		margin-left:auto; /*these two margin settings centre the content of this div */
		clear: both;
		background-color: #ee1155;
		position:relative;
		padding-left:1em;
		padding-right:1em;
		text-align:center;
		line-height:1.7em;
		width:760px;
	}
	
	#contentfooter span.contentBorderTop {
		background: left top url(images/footer-left.gif) no-repeat;
		float:left;
		height:26px;
		width:9px;
		position:absolute;
		left:0;
	}

	#contentfooter ul
	{
		width:100%;
		padding-top:6px;
		padding-bottom:6px;		
		list-style:none;
		text-align:center;
	}
		
	#contentfooter ul li
	{
		color: #fff;
		font-size: 1.1em;
		display:inline;
	}	
	
	#contentfooter ul a, #contentfooter ul span
	{
		color: #FFFFFF;
		text-decoration: none;
		white-space: nowrap;
		padding-left:5px;
		padding-right:5px;
	}
	
	#contentfooter ul a {
		border-right:1px solid #fff
	}
	

	#contentfooter ul a:hover
	{
		text-decoration: underline;
	}
	
	/*promostyles
----------------------------------------------------------------------------------------------------
Styles from /css/promostyles.css
----------------------------------------------------------------------------------------------------
*/

/*NOTES
----------------------------------------------------------------------------------------------------
All styles in this document should be contained within the #rightcolumn div. The only exception to 
this is are the specific promotions for the homepage.
----------------------------------------------------------------------------------------------------
*/

/*HOMEPAGE PROMOTIONS
----------------------------------------------------------------------------------------------------
All styles which relate to the homepage should be set first in the stylesheet.
----------------------------------------------------------------------------------------------------
*/

	/* E3 PROMOTION - Main lozenge */
		#homeE3 .header
		{
			font-size: 1.8em;
			font-weight: normal;
			color: #EE1155;
			padding-left: 0.5em;
			letter-spacing: -1px;
			width: 340px;
			margin-bottom: 0.6em;
		}
	
		#homeE3 ul
		{
			margin-left: 0.8em;
			width:22em;
		}
	
		#homeE3 ul li
		{
			display: inline;
			background-image:   url("images/bulletGreenOnWhite.gif");
			background-repeat: no-repeat;
			background-position: 0em 0.2em;
			list-style-type: none;
			font-size: 1.1em;
			padding:0 0em 0 1.1em;
			line-height: 1.4em;
		}
	
		#homeE3 a
		{
			color: #EE1155;
			text-decoration: none;
			font-weight: normal;
		}
	
		#homeE3 a:hover
		{
			text-decoration: underline;
		}
		
	/* MOVE TO NPOWER promotion in the main content area of the homepage */
		#homePromoSwitch .header
		{
			font-size: 1.9em;
			font-weight: normal;
			color: #EE1155;
			padding-top: 0.1em;
			padding-left: 0.7em;
			letter-spacing: -1px;
			width: 300px;
		}
	
		#homePromoSwitch ul
		{
			margin-left: 1.2em;
		}
	
		#homePromoSwitch ul li
		{
			display: inline;
			background-color: #ffffff;
			background-image:   url("images/bulletGreenOnWhite.gif");
			background-repeat: no-repeat;
			background-position: 0em 0.4em;
			margin-bottom: 0em;
			list-style-type: none;
			font-size: 1.4em;
			font-weight: bold;
			padding-left: 0.9em;
			padding-right: 0.9em;
		}
	
		#homePromoSwitch a
		{
			color: #EE1155;
			text-decoration: none;
		}
	
		#homePromoSwitch a:hover
		{
			text-decoration: underline;
		}

/*RIGHT COLUMN PROMOTIONS
----------------------------------------------------------------------------------------------------
The follwing styles relate to promotions that appear in the right column.
----------------------------------------------------------------------------------------------------
*/

	/*GENERIC BOX
	This is to be used as the basis of a lozenge.
	*/
		#rightcolumn .lozenge
		{
			width: 180px;
			background-image: url("images/greenBorder.gif");
			margin-bottom: 20px;
		}

		#rightcolumn .lozenge .greenBorderTop
		{
			background-image: url("images/greenBorderTop.gif");
			background-position: right;
			width: 180px;
			height: 6px;
		}
		
		#rightcolumn .lozenge img /* Fixes an IE6 bug */
		{
			margin-bottom: 0px;
		}
		
		#rightcolumn .lozenge a
		{
			background-image: url("images/bulletGreenOnWhite.gif");
			background-repeat: no-repeat;
			background-position: 0em 0.2em;
			color: #EE1155;
			text-decoration: none;
			padding-left: 1.3em;
			font-size: 1.2em;
			font-weight:bold;
		}
					
		#rightcolumn .lozenge a:hover
		{
			text-decoration: underline;
		}
		
		#rightcolumn .lozenge p
		{
			font-size: 1.1em;
			color: #333333;
			margin:0 1em 1em 1em;
		}
		
		#rightcolumn .lozenge .greenBorderBottom
		{
			background-image: url("images/greenBorderBottomRounded.gif");
			width: 180px;
			height: 6px;
		}
		
		#rightcolumn ul
		{
			padding-bottom:0.5em;
		}		
	
		#rightcolumn ul li
		{
			list-style-type: none;
			color: #EE1155;
			padding-top: 0.1em;
			font-size: 1.5em;
			font-weight: bold;
			padding-bottom: 0px;
		}
				
		#rightcolumn .contactUs ul li
		{
			color: #FFF;
			list-style:disc inside;
			padding-left: 1.1em;
			font-weight: normal;
			font-size: 1.1em;			
			padding-bottom: 0.5em;
			line-height: 1.4em;
		}		
	

	/* smartmetering */
		#rightcolumn #smartmeter
		{
			width: 180px;
			background-image: url("images/greenBorder.gif");
			margin-bottom: 20px;
		}
	
		#rightcolumn #smartmeter img
		{
			margin-bottom: 0px;
		}
		
		#rightcolumn #smartmeter .greenBorderTop
		{
			background-image: url("images/greenBorderTop.gif");
			background-position: right;
			width: 180px;
			height: 6px;
		}
	
		#rightcolumn #smartmeter .promoBottomImage
		{
			background-image: url("images/smartmeter_background.gif");
			background-position: bottom;
			width: 180px;
			background-repeat: no-repeat;
			height: 103px;
		}
	
		#rightcolumn #smartmeter p
		{
			padding-left: 1em;
			font-size: 1.1em;
			color: #333333;
			padding-bottom: 1em;
		}
	
		#rightcolumn #smartmeter .promoCopy /* This class exists solely to stop the copy overlaying the background image in the div */
		{
			width: 12em; 
		}
	
		#rightcolumn #smartmeter a
		{
			background-image: url("images/bulletGreenOnWhite.gif");
			background-repeat: no-repeat;
			background-position: 0em 0.2em;
			color: #EE1155;
			text-decoration: none;
			padding-left: 1.3em;
			font-size: 1.2em;
			font-weight:bold;
		}
		
		#rightcolumn #smartmeter .greenBorderBottom
		{
			background-image: url("images/greenBorderBottomSmarter.gif");
			background-position: right;
			background-repeat: no-repeat;
			width: 180px;
			height: 6px;
		}

	/* E3 */
		#rightcolumn #promoE3
		{
			width: 180px;
			background-image: url("images/greenBorder.gif");
			margin-bottom: 20px;
		}
	
		#rightcolumn #promoE3 img
		{
			margin-bottom: 0px;
		}
		
		#rightcolumn #promoE3 .greenBorderTop
		{
			background-image: url("images/greenBorderTop.gif");
			background-position: right;
			width: 180px;
			height: 6px;
		}
	
		#rightcolumn #promoE3 p
		{
			padding-left: 1em;
			font-size: 1.1em;
			color: #333333;
			padding-bottom: 1em;
		}
	
		#rightcolumn #promoE3 .promoCopy /* This class exists solely to stop the copy overlaying the background image in the div */
		{
			width: 13em; 
		}
	
		#rightcolumn #promoPrimary #promoE3 a /*,#rightcolumn #promoEnergyEff a*/
		{
			background-image: url("images/bulletGreenOnWhite.gif");
			background-repeat: no-repeat;
			background-position: 0em 0.2em;
			color: #EE1155;
			text-decoration: none;
			padding-left: 1.3em;
			font-size: 1.2em;
			font-weight:bold;
		}
		
		#rightcolumn #promoEnergyEff a:hover
		{
			text-decoration: underline;
		}
			
	/* Come and join npower */
	
	
	#e3promo
	{
		width: 180px;
		margin-bottom: 20px;
	}
		#rightcolumn #SMEPromo
		{
			width: 180px;
			background-image: url("images/greenBorder.gif");
			margin-bottom: 20px;
		}

		#rightcolumn #SMEPromo #comeAndJoin .greenBorderTop
		{
			background-image: url("images/greenBorderTop.gif");
			background-position: right;
			width: 180px;
			height: 6px;
		}
		
		#rightcolumn #SMEPromo #comeAndJoin img
		{
			margin-bottom: 0px;
		}
		
		#rightcolumn #SMEPromo #comeAndJoin a
		{
			background-image: url("images/bulletGreenOnWhite.gif");
			background-repeat: no-repeat;
			background-position: 0em 0.2em;
			color: #EE1155;
			text-decoration: none;
			padding-left: 1.3em;
			font-size: 1.2em;
			font-weight:bold;
		}
					
		#rightcolumn #SMEPromo #comeAndJoin a:hover
		{
			text-decoration: underline;
		}
		
		#rightcolumn #SMEPromo #comeAndJoin p
		{
			font-size: 1.1em;
			color: #333333;
			margin:0 1em 1em 1em;
		}
		
		#rightcolumn #SMEPromo #comeAndJoin .greenBorderBottom
		{
			background-image: url("images/greenBorderBottomRounded.gif");
			width: 180px;
			height: 6px;
		}

	/* nBEI - npower Business Energy Index */
		#rightcolumn #promoEnergyEff2
		{
			width: 180px;
			background-image: url("images/greenBorder.gif");
			margin-bottom: 20px;
		}
		
		#rightcolumn #promoPrimary2 #promonBEI
		{
			width: 180px;
			background-image: url("images/greenBorder.gif");
			margin-bottom: 20px;
		}
		
		#rightcolumn #promoPrimary2 #promonBEI img
		{
			margin-bottom: 0px;
		}
		
		#rightcolumn #promoPrimary2 #promonBEI .greenBorderTop
		{
			background-image: url("images/greenBorderTop.gif");
			background-position: right;
			width: 180px;
			height: 6px;
		}
		
		#rightcolumn #promoPrimary2 #promonBEI a
		{
			background-image: url("images/bulletGreenOnWhite.gif");
			background-repeat: no-repeat;
			background-position: 0em 0.2em;
			color: #EE1155;
			text-decoration: none;
			padding-left: 1.3em;
			font-size: 1.2em;
			font-weight:bold;
		}
					
		#rightcolumn #promoPrimary2 #promonBEI a:hover
		{
			text-decoration: underline;
		}
		
		#rightcolumn #promoPrimary2 #promonBEI p
		{
			padding-left: 1em;
			font-size: 1.1em;
			color: #333333;
			padding-bottom: 1em;
		}
		
		#rightcolumn #promoPrimary2 #promonBEI .greenBorderBottom, #promoPrimary #promoE3 .greenBorderBottom
		{
			background-image: url("images/greenBorderBottomRounded.gif");
			width: 180px;
			height: 6px;
		}

	/* npower Business Energy Survey 2007 */
		#rightcolumn #promoPrimary2 #promonBEI
		{
			width:180px;
			height:175px;
			background-image: url("images/nBEI_bg.jpg");
			background-repeat:no-repeat;
			padding:1em 0 0 0;
		}

	/* MOVE TO NPOWER - Move to npower and get first class business travel with Virgin trains */
		#rightcolumn #switch
		{
			width: 180px;
			background-image:    url("images/greenBorder.gif");
			margin-bottom:20px;
		}
	
	
		#rightcolumn #switch .header 
		{
			color: #EE1155;
			margin-bottom: 0.5em;
			padding-top: 0.2em;
			padding-bottom: 0.5em;
			padding-left: 0.7em;
			font-size: 1.5em;
			font-weight: normal;
			width: 130px;
			letter-spacing: -1px;
		}
	
		#rightcolumn #switch a
		{
			background-color: #FFFFFF;	
			color: #ee1155;
			text-decoration: none;
		}
	
		#rightcolumn #switch a:hover
		{
			text-decoration: underline;
		}
	
	/* PROMO EXAMPLE - Just for the purposes of the build */
		#promoExample li
		{
			padding-top: 0.5em;
			padding-left: 0.7em;
			font-size: 1.3em;
			color: #333333;
			font-weight: normal;
			list-style-type: none;
		}
	
		#promoExample a
		{
			background-image: url("images/bulletGreenOnWhite.gif");
			background-repeat: no-repeat;
			background-position: 0em 0.3em;
			color: #EE1155;
			text-decoration: none;
			padding-left: 1.3em;
		}
		
	/* MAO */
		#rightcolumn #promoPrimary #mao
		{
			width: 180px;
			background-image: url("images/greenBorder.gif");
			margin-bottom: 20px;
		}
	
		#rightcolumn #promoPrimary #mao .title {
			font-size: 1.6em;
			color: #ee1155;
			margin-left: -0.3em;
			margin-bottom: -0.6em;
		}
		
		#rightcolumn #promoPrimary #mao img
		{
			margin-bottom: 0px;
		}
		
		#rightcolumn #promoPrimary #mao .greenBorderTop
		{
			background-image: url("images/greenBorderTop.gif");
			background-position: right;
			width: 180px;
			height: 6px;
		}
	
		#rightcolumn #promoPrimary #mao p
		{
			padding-left: 1em;
			font-size: 1.1em;
			color: #333333;
			padding-bottom: 1em;
		}
	
		#rightcolumn #promoPrimary #mao a
		{
			background-image: url("images/bulletGreenOnWhite.gif");
			background-repeat: no-repeat;
			background-position: 0em 0.2em;
			color: #EE1155;
			text-decoration: none;
			padding-left: 1.3em;
			font-size: 1.2em;
			font-weight:bold;
		}
		
		#rightcolumn #promoPrimary #mao a:hover
		{
			text-decoration: underline;
		}

		#rightcolumn #mao .greenBorderBottom
		{
			background-image: url("images/greenBorderBottom.gif");
			background-position: right;
			background-repeat: no-repeat;
			width: 180px;
			height: 6px;
		}

	/* ENERGY MANAGEMENT */
		#rightcolumn #promoPrimary #energyManagement
		{
			width: 180px;
			background-image: url("images/greenBorder.gif");
			margin-bottom: 20px;
		}
	
		#rightcolumn #promoPrimary #energyManagement img
		{
			margin-bottom: 0px;
		}
		
		#rightcolumn #promoPrimary #energyManagement .greenBorderTop
		{
			background-image: url("images/greenBorderTop.gif");
			background-position: right;
			width: 180px;
			height: 6px;
		}
	
		#rightcolumn #promoPrimary #energyManagement p
		{
			padding-left: 1em;
			font-size: 1.1em;
			color: #333333;
			padding-bottom: 1em;
		}
	
		#rightcolumn #promoPrimary #energyManagement a
		{
			background-image: url("images/bulletGreenOnWhite.gif");
			background-repeat: no-repeat;
			background-position: 0em 0.2em;
			color: #EE1155;
			text-decoration: none;
			padding-left: 1.3em;
			font-size: 1.2em;
			font-weight:bold;
		}
		
		#rightcolumn #promoPrimary #energyManagement a:hover
		{
			text-decoration: underline;
		}

		#rightcolumn #energyManagement .greenBorderBottom
		{
			background-image: url("images/greenBorderBottom.gif");
			background-position: right;
			background-repeat: no-repeat;
			width: 180px;
			height: 6px;
		}

		#maincontent .aprilad {
			background-image: url(images/laptop-hand.jpg);
			height: 175px;
			width:376px;
			background-repeat:no-repeat;
			margin-bottom:0;
		}
		
		#maincontent .aprilad p {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #fff;
		}
		
		#maincontent .aprilad a {
			color: #fff; 
			background: 10px 143px url(images/april-arrow.gif) no-repeat; 
			font-size:1.1em; 
			text-decoration:none; 
			display:block;
			width:351px;
			height: 35px;
			padding:140px 0 0 25px;
		}
		
		#maincontent .aprilad a:hover {
			text-decoration:underline
		}	
		
		#e3 {
			background-image: url(images/e3-april.gif);background-repeat: no-repeat;height: 138px;width: 179px;
		}
		
		#e3 p {
			font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #000;padding: 85px 0px 0px 28px;
		}
		
		#e3 a {
			color:#000; text-decoration:none;
		}
		
	/* Temp CSS code for the right-hand modules offline test */
	/* Greenbox code */
	.greenBox {
		width: 180px;
		background-image: url("images/greenBorder.gif");
		margin-bottom:15px;
	}	
	.noBox {
		width: 180px;
		margin-bottom:15px;	
		padding-bottom:4px;
	}
	.greenBox div {
		background-image: url("images/greenBorder.gif");
	}	
	.greenBox .borderTop
	{
		background-image: url("images/greenBorderTop.gif");
		background-position: top right;
		height: 6px;
	}		
	.greenBox .borderTop span
	{
		background: 0 0 url("images/greenBorderTopLeft.gif") no-repeat;
		position:absolute;
		height:6px;
		width:6px;
	}	
	.greenBox .borderBottom
	{
		background-image: url("images/greenBorderBottom.gif");
		background-position: right;
		height: 6px;
	}		
	.greenBox .borderBottom span
	{
		background: 0 0 url("images/greenBorderBottomLeft.gif") no-repeat;
		position:absolute;
		height:6px;
		width:6px;
	}						
	.greenBox p, .noBox p {
		padding:0em 1em 0.5em 1em;
		font-size: 1.1em;
		line-height: 1.4em;			
	}
	.greenBox h2, .noBox h2 {
		font-size: 1.6em;
		color: #ee1155;
		padding-top: 0.2em;
		padding-left: 0.7em;
		margin-bottom: 0.5em;
		font-weight: bold;
	}		
	.greenBox a, .noBox a
	{
		color: #000;
		text-decoration:none;
		font-weight:bold;
		font-size:0.75em;
	}
	.greenBox a:hover, .noBox a:hover {
		text-decoration: underline;
	}
	.greenBox ul li, .noBox ul li {
		background: 0.75em 0.45em url(images/bulletGreenOnWhite.gif) no-repeat;
		padding-left:1.6em
	}
	/* Clouds */
	.clouds {
		background: bottom right url(images/clouds.jpg) no-repeat;
	}
	.clouds span {
		height:65px;
		display:block;
	}
	
	#sitecontent {
		float:left;
		width:76em
	}
	#sitecontent ul {
		float:left;
		width:25%
	}
	
	#frame #maincontent .maincontentLeft h2.energyManagementLeft,
	#frame #maincontent .maincontentRight h2.energyManagementRight {
		font-size:1em;
	}
	
		html>body #frame #maincontent .maincontentLeft h2.energyManagementLeft,
		html>body #frame #maincontent .maincontentRight h2.energyManagementRight {
			font-size:1.3em;
		}
	


	#frame #maincontent .maincontentLeft h2.energyManagementLeft {
		margin-bottom:0.5em;
	}
	
	#frame #maincontent .maincontentRight h2.energyManagementRight {
		color:#00B66B;
		margin-bottom:0.2em;
	}
		
	#frame #maincontent .maincontentRight p.openingTimes {
		margin-bottom:0;
		padding-top:0;
	}
						
					
	#frame #maincontent .maincontentRight p.contact {
		font-size:1.2em;
		font-weight:bold;
		margin-bottom:0;
		padding-top:0;
		padding-bottom:0;
	}

		#maincontent .maincontentRight span.phoneNum {
			color:#e15;
		}

		.m3JourneyRHB div div.borderTop,
		.m3JourneyRHB div div.borderBottom,
		.m3JourneyRHB div span {
			display:none;
		}

		.m3JourneyRHB div img {
			margin-bottom:-2px;
		}

.linkList ul, ul.linkList { margin-left: 0 !important; list-style: none; clear:left; }
.linkList ul li, ul.linkList li { background: 0 4px url(images/left-menu-bullet.gif) no-repeat; padding-left: 1.4em; }
#frame .imgnopad {margin:0px;padding:0px;}

/* MON: 3/6/2008 - Green side box classes. */
.green_left_box_header {
	background:url(images/green_left_box_top.gif) no-repeat;
	width:185px;
	height:21px;
	color:#FFFFFF;
	font-size:9pt;
	padding-left:25px;
	padding-top:3px;
}
#maincontent ul.green_left_box_body {
	width:185px;
	background:url(images/green_left_box_bottom.gif) no-repeat bottom #B2E5CC;
	margin-top:4px;
	padding:0px;
	padding-top:10px;
	padding-bottom:10px;
}
#maincontent li.green_left_box_list {
	background:url();
	list-style-type:disc;
	padding-left:0px;
	margin-left:25px;
	margin-right:20px;
}

/* MON: 4/6/2008 */
#maincontent a.green_link {
	text-decoration:none;
	color:#00aa55;
	font-weight:normal;
}

#maincontent a.green_link:hover { 
	text-decoration:underline;
	color:#00aa55;
}

/* MON: 20/6/2008 */
.red_arrow_list{
	background-image:  url("images/bulletGreenOnWhite.gif");
	background-repeat: no-repeat;
	background-position: 0.9em 0.5em;
	padding: 0.3em 0.3em 0.3em 2.5em;
	border:0;
	margin-bottom: 0.5em;
	list-style-type: none;
	font-size: 1.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#maincontent .red_arrow_list a{
	text-decoration:none;
	color:#11aa55;
}

/* MON: 28/11/2008 */

.highlight_box {
border-top: 1px solid #e15;
border-left: 1px solid #e15;
border-right: 2px solid #e15;
border-bottom: 2px solid #e15;
padding: 10px 10px 0px 10px;
margin: 0px 0px 10px 0px;
}

#maincontent .highlight_box h2 {
font-size: 1.4em;
}


/* MON: 13/01/2008 - Green side box classes. */
.green_left_box_header_wide {
	background:url(images/b2b/green_lhb_box_wide_top.gif) no-repeat;
	width:385px;
	height:25px;
	color:#FFFFFF;
	font-size:9pt;
	padding-left:19px;
	padding-top:4px;
	font-weight:bold;
}
#maincontent ul.green_left_box_body_wide {
	width:385px;
	background:url(images/b2b/green_lhb_box_wide_bot.gif) no-repeat bottom #B2E5CC;
	margin-top:-4px;
	margin-left:0px;
	padding:0px;
	padding-top:10px;
	padding-bottom:10px;
}
#maincontent p.green_left_subheader {
	list-style:none;
	padding-left:0px;
	margin-left:16px;
	margin-right:16px;
	font-weight:bold;
}
#maincontent ul.green_left_box_body_wide li {
	margin-bottom:0px;
}
#maincontent li.green_left_box_list_wide {
	background:url();
	list-style-type:disc;
	padding-left:0px;
	margin-left:30px;
	margin-right:5px;
}

/* MON: 14/01/2009 - BAU00321 */
.encompass_body {
	width:365px;
	_width:385px;
	background:url(images/b2b/encompass_box_bottom.jpg) no-repeat bottom #E9E9E9;
	padding:10px;
	display:none;
	_margin-top:-2px;
}
#maincontent .encompass_buttons {
	width:385px;
	margin-bottom:10px;
	cursor:pointer;
}
#maincontent .encompass_buttons img {
	margin:0px;
	width:385px;
}