/*
body
{
	background-color: #fff;
	margin: 8px 10px 8px 8px;
}

body, textarea, input, select, td
{
	font-family: Arial, Helvetica, sans-serif;	
	font-size: x-small;	
}

select
{
	font-size:1em;
}

td,th
{
	color: #000000;
}

h1
{
	font-size: 1.4em;
	font-weight:bold;
}

h2
{ 
	font-size: 1.2em;
	margin-bottom: 2px;
}

h3
{
	font-size: 1em;
	margin: 10px 0px 2px 0px;	
}
*/

p
{
	margin-top:0px;
}

table 
{ 
	border:0; 
}

/*  classes */
.default, .large, .larger, .largest
{
	margin-left:5px;
}

.default
{
	
}

.large
{
	font-size: 100%;
}

.larger
{
	font-size: 110%;
}

.largest
{
	font-size: 120%;
}

.huge
{
	font-size: 130%;
}

.testimonalsReadMore
{
	font-size: 0.9em;
}

#sitemap a
{
	margin-left: 10px;
}

#sitemap h2
{
	color: black;
	font-size: 1.1em;
	margin-bottom:0px;
	margin-left: 0px;	
}

#sitemap h3
{
	color: black;
	font-size: 1.0em;
	margin-bottom:0px;
}

#sitemap p
{
	margin-top:2px;
}

.sitemapsector
{
	padding-bottom: 20px;
	border-bottom: 1px dashed #006EB7;
}

.sitemapsectortable
{
	vertical-align:	top;
}

.sitemapsectortable tr
{
	vertical-align:top;
}

.sitemapsectortable td
{
	vertical-align:top;
	padding-right: 30px;	
}


.MGMSmallAdTable
{
	border:0px solid #0071BD;
}

.MGMSmallAdTable a
{
	text-decoration:none;
}

.MGMSmallAdLeftCell
{
	background-color:white;
	border-right:0px solid #0071BD;	
	padding-right:8px;
	padding-left:4px;
}

.MGMSmallAdRightCell
{
	padding-left:10px;
}

.bbusage-moreinfo
{
	color: navy;
	font-size: 70%;
	text-align: right;
	BORDER-RIGHT: #dfdfdf 1px solid; 
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #dfdfdf 1px solid; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 0px; 
	BORDER-LEFT: #dfdfdf 1px solid; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #dfdfdf 1px solid; 
}

img
{
	border: 0px solid white;
}

.information-table
{
	border: 1px solid #006EB7;
	border-collapse:collapse;
}

.information-table tr
{
	vertical-align:top;
}

.information-table td
{
	font-size: 1em;
	padding:5px;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;		
}

.information-table-header td
{
	background-color:#006EB7;
	color:white;
	font-weight:bold;
}

.information-table-info-column
{
	background-color:#EEEEEE;
	color:black;
}

.information-table-data-column
{
	background-color:#FFFFFF;
	text-align: left;
}

.information-table-data-column td
{
	padding-left:5px;
}

.news-story
{
	border-bottom: 1px dashed #006EB7;
	margin-bottom: 20px;
}

.news-story h1
{
	margin-bottom: 1px;
	line-height:1.2;	
}

.news-story-date
{
	margin-top: 0px;
	font-style:italic;
	font-size:0.9em;
	color:#666666;
}

.news-small-print
{
	font-size:0.8em;
}

.news-stop-press-title
{
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:10px;
}

.news-stop-press
{
	padding-bottom:10px;
	border-bottom:1px dashed black;
	font-weight:bold;
}

.main
{
}

.main tr
{
	vertical-align:top;
}

.main td
{
	vertical-align:top;
}

.leftcol
{
	width: 168px;
}

.rightcol
{
}

.maincol
{
	padding: 0px 8px 0px 8px;
	width:100%;
}

.styleboxheader
{
	font-size: 1em;
	font-weight:bold;
	color:white;
	padding: 3px 5px 3px 5px;
	margin-bottom: 1px;
	height:auto;
}

.styleboxcontent
{
	border: 1px solid #C6D5E4;
	padding: 3px 5px 3px 5px;
	margin-bottom: 5px;	
}

.menuitem 
{
	margin-bottom: 3px;
	white-space:nowrap;
}

.menuitem a
{
	color:black;
	text-decoration: none;
	font-weight: normal;
}

.mgmofferlink
{
	text-decoration: none;
	color: black;
}

.newsheadlines, #approvedby
{
	width: 200px;
}

.newsheadlinedate
{
	font-weight:bold;
}

.newsheadline p
{
	margin: 2px 2px 10px 2px;
}

#approvedby .styleboxcontent
{
	text-align:center;
}

div#homepagecontent
{
	padding: 0px 10px 0px 10px;
}

div#clicktoswitch
{
}

.clicktoswitchsector
{
	clear: left;
	height:60px;
}

.clicktoswitchsectortitle
{
	color:black;
	font-weight:bold;
	vertical-align:text-top;
}

.SecurityMessage {
	width:600px;
	border:#CCCCCC thin solid;
}

.headergradient
{
}

.clicktable
{
	border: 1px solid #DDDDDD;
	padding: 10px;
	width: 300px;
	margin: 10px 0;
	/*font-weight:bold;*/
	font-size: 1.2em;	
}

.clicktablehomepage
{
	width:800px;
}

.clicktablehomepage-northcliffe
{
	width:540px;
}

.clicktablemortgage
{
	width:700px;
}

.clicktable tr
{
}

.clicktable td
{
	text-align:center;
}

.clicktable .clicktoswitch
{
	text-align:right;
	vertical-align:middle;
	font-weight:bold;
	width: 10%;
  padding-left: 5px;
}

.quote, .alt-quote
{ 
	margin:15px 0 0 0; color:Black; font-style:italic; 
}

blockquote p 
{ 
	margin:0; font-style:normal; font-weight:bold; 
}

#pagemessage
{
	padding: 10px;
}

.encourageclickbar
{
	vertical-align:middle;
}

.supplierName
{
	font-weight:bold;
}

.paragraphHeader 
{
	margin-top: 10px;
	font-size: 1.0em;
	color:#006EB7;
	font-weight:bold;
}

div#seasonalimage
{
	width: 100%;
	text-align:center;	
	margin-top: 7px;
}

img#seasonalimage
{

}

li
{
	margin-bottom: 5px;
}

.times
{
	width: 785px;
}

.switch-info-table, .switch-result-table
{
/*	border: 1px solid #D1EDFF;*/
	border: 1px solid #66A1FF;
	margin: 0px 0px 10px 0px;
}

.switch-result-table
{
}

.switch-info-table-subheader
{
	background-color:#EEEEEE;
	color: #006EB7;
}


.switch-info-table, .switch-result-table
{
	border-collapse: collapse;
	width:100%;
}

.switch-info-table tr, .switch-result-table tr
{
}

.switch-info-table td, .switch-result-table td
{
	padding: 5px 5px 5px 8px;
	color:black;
	border: 1px solid #EEEEEE;	
}

.switch-info-table-header, .switch-result-table-header
{
	padding: 3px 2px 5px 5px;
	background-color:#66A1FF;
	color: white;
	font-weight: bold;
}

.switch-info-table-header td, .switch-result-table-header td
{
	color: white;
}


.switch-info-table-first-col 
{

}

.switch-info-big-title
{
	font-size:1.2em;
}

.button
{
	background-color:#006eb7;
	border: 1px solid;
	border-top-color:#006eb7;
	border-right-color:#006EB7;
	border-bottom-color:#006EB7;
	border-left-color:#006eb7;			
	color:#fff;
}

.calculator-outer
{
	width: 540px;
	margin-top: 10px;
	margin-bottom:5px;
}

.calculator-outer select
{
	width: 170px;
}

.calculator-previous
{
	float:left;
}

.calculator-next
{
	float:right;
}

.required
{
	color: #FF0000;
	margin-left: 5px;
}


.energy-calculator-best-result
{
	border: 1px solid #006EB7;
	width: 100%;
	vertical-align:middle;
	background-color:#FFFFCC;
}

.energy-calculator-best-result tr
{
	vertical-align:middle;	
}

.energy-calculator-best-result td
{
	padding-left: 15px;
	vertical-align:middle;	
}

.energy-calculator-best-result-saving
{
	color:#006EB7;
	font-size:1.5em;
	font-weight:bold;
}

.energy-calculator-best-result-based
{
	font-size:0.9em;
	vertical-align:bottom;
	height:100%;
	margin-top: 10px;
}

.energy-calculator-best-result-tariff
{
	margin: 5px 0px 0px 10px;
	text-align:left;
	font-weight:bold;
	color:#006EB7;
}

form
{
	margin: 0;
}

.switch-result-tabs
{
	margin: 10px 0px 0px 0px;
	border: 1px solid black;
}

.switch-filter-table
{
	padding:0;
	margin:0;
	border: 0px none white;
	border-collapse:collapse;
	width: 100%;
}

.switch-filter-table td
{
	padding:0;
}

.switch-filter-table tr
{
}

.switch-filter-table-right
{
	text-align:right;
	vertical-align:middle;
}

select.switch-filter-tariff 
{
	width:100px;
}

.switch-result-special
{
	text-align:center;
}

.switch-result-savingscol
{
	background-color:#FFFFCC;
	font-weight:bold;
}

.switch-result-table-footer
{
	font-size:0.8em;
	width:100%;
}

.calculator-stage-bar
{
	width:580px;
	vertical-align:middle;
	border: 1px solid #EEEEEE;
	margin: 5px 0px 5px 0px;
}

.calculator-stage-bar tr
{
	vertical-align:middle;
}

.calculator-stage-bar td
{
	vertical-align:middle;
	width:20%;
	color: #333333;
}

td.calculator-stage-bar-off 
{
	color:#CCCCCC;
}

.calculator-stage-bar img
{
	margin-right: 5px;
}

.top-strip, .top-strip a
{
	color:#999999;
	margin-right:10px;
}

.top-strip img
{
	margin-right:2px;
}

.top-strip
{
	font-size:0.85em;
}

.newsletter-signup-box
{
	margin-left: 20px;
}

.newsletter-signup-box li
{
	margin-bottom:10px;
}

.newsletter-box-top-image
{
	text-align:center;
	margin-bottom: 1px;
}

.newsletter-signup-form
{
	vertical-align:middle;
	background-color:#E8F3FF;
}

.newsletter-signup-form tr
{
	vertical-align:middle;
}

.newsletter-signup-form td
{
	vertical-align:middle;
	padding:0px 10px 2px 10px;	
}

.newsletter-signup-form-first-col
{
	padding-right: 15px;
	text-align:right;
}

.newsletter-signup-form-header, .newsletter-signup-previous-header
{
	font-size: 1.2em;
	text-align:center;
	font-weight:bold;
	color: #006EB7;
	padding-bottom:10px;
}

.newsletter-sign-up-box
{
}

.newsletter-signup-previous
{	
	border: 1px solid #EFEFEF;
	padding:5px 5px 5px 5px;
}

.newsletter-signup-previous-header
{
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
}

.fixed-width
{
	max-width:800px;
}

.bestBuyTableTitle
{
	font-size:1.0em;
	font-weight:bold;
	margin-top:10px;
}

.bestBuyTableDescription
{
	color:#666666;
}

.bestBuyTableRow
{
	margin-top:10px;
	border-collapse: collapse;	
}

.bestBuyTableRow tr
{
}

.bestBuyTableRow td
{
	padding:10px;
	border: 1px solid #DDDDDD;	
}

.bestBuyTableRowHeader
{
	font-weight:bold;
	background-color:#EEEEEE;
}

.announcement
{
	border: 1px solid #CCCCCC;
	padding: 5px;
	width:auto;
}


/* IMPORTANT - these items should remain at the end of the CSS for inheritance reasons */
.homepage 
{
	background-color: #6699CC;
}

.energy
{
	background-color: #6699CC;
}

.homephone
{
	background-color:#CC9933;
}

.creditcard
{
	background-color:#66CC33;
}

.mortgage
{
	background-color:#33CCCC;
}

.broadband
{
	background-color:#CC3333;
}

.mobilephone, tr#mobilephone, input#mobilephone
{
	background-color:#993399;
}

table#mobilephone, input#mobilephone
{
	border-color:#993399;
}

/* legacy class for white label sites */
.body-left { background-image:url(images/body-left.gif); }
.body-right { background-image:url(images/body-right.gif); }
.body-top { background-image:url(images/body-top.gif); height:14px; width:780px;}
.content-bottom { background-image:url(images/content-bottom.gif);  width:780; height:30}

.homepage-sectors
{
	
}

.homepage-sectors tr
{
	vertical-align:top;
}

.homepage-sectors td
{
	vertical-align:top;
	padding-right:20px;
	width: 50%;
}

.energy-postcode-box-visible
{
	display:block;
}

.energy-postcode-box-hidden
{
	display: none;
}

#guideWrapper p{
	font-size:1em;
}

#guideWrapper h1 {
	font-size:1em;
}

#guideWrapper h2 {
	font-size:1em;
}

#guideWrapper .bullet {
	font-size:.95em;
}


/*** Energy banner page ***/

.EnergyBanner {
	width:600px;
	height:70px;
	background-image:url(images/energy-banner.jpg);
	background-repeat:repeat-x;
	top:50%;
}
.EnergyBanner H1 {
	font-size:20px;
	text-align:center;
	color:#FFFFFF;
}