/* @override 
	http://cxpartners.co.uk/clients/energyhelpline/v12/styles/screen.css
*/

/******* COLOUR KEY *******

Light blue background	#e5f1f9		tables alternate row colour
Blue 					#0076c0		brand blue used in type
Alternate blue 			#50819f		variation on brand blue for some links
Gray 					#676767		gray used in some headings
Green 					#4dc423		expected savings in pounds
Dark green 				#4f9934		expected savings percentage

******* COLOUR KEY *******/

* { 
	padding: 0; 
	margin: 0; 
	/* border: none;   removed to allow button defaults - add rule for ather relevant elements */
}

abbr, table, img, fieldset, legend, form, div 
{
    border: none;
}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body { 
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: #333333; 
}

.left {
	font-size:0.9em;
	text-align:left;
}

.column {
	border-bottom:2px solid #B6DFF5;
	display:block;
	float:left;
	font-size:0.9em;
	text-align:center;
	width:33.3%;
}

.right {
	font-size:0.9em;
	text-align:right;
}

.results_table_footer 
{
	text-align:right;

}

.results_table_footer span{
	font-size:14px;
	display:block;
	padding-bottom: 5px;
}

#friContent .results_table_footer input{
	width:100px;
	padding:2px;
	background-color: #f6eef4;
	height: auto;
}
.float_left {
	float:left;
}


#friHeader, #friFooter {
	width: 965px;
	margin: 0 auto;
	display: block;
	clear: both;
	background-color: transparent; 
}

#contentwrapper, #mainContent 
	{
	    margin:0 auto;
        width:940px;
        position: relative;
        clear: both;
    }
    
    #mainContent 
    {
        float: left;
        padding-bottom: 40px;
    }
    
    
     #helpwrapper 
    {
        float:left;
        width: 940px;
    }
   
    
    #feature 
    {
        clear: both;
        float: left;
        width: 450px;
        border-top: solid 10px #8f1ab6;
        overflow: hidden;
        padding: 10px 160px 10px 10px;
        background: #F6EEF4 url('../Images/Main.jpg') no-repeat top right;
        margin-bottom: 30px;
        position: relative;
      }
      
     #guardiancontent 
    {
        float:left;
        position:relative;
        width:940px;
        padding-bottom: 20px;
    }
    
    #innerwrapper 
    {
        clear:both;
        padding: 30px 0px 0px;
        float:left;
        position:relative;
        width: 940px;
       }
    
    p.info 
    {
        float:left;
        width: 620px;
        padding-top: 5px;
        line-height: 15px;
    }
    
    .textEmph12 {
    color: #FF0000;
    font-weight: bold;
}
    
    /*  ########  Guardian sub-navigation ########### */
    
    
#sub_navigation 
    {
	    margin: 10px 0;
	    float:left;
        width:940px;
        position:relative;
      }

#sub_navigation ul 
{
        background-color: #EDEDED;
        color: #005689;
        float:left;
        font-family:Georgia,"Times New Roman",Times,serif;
        font-size: 16px;
        width: 940px;
        list-style-image: none;
        list-style-type: none;
        list-style-position: outside;
}
        
   #sub_navigation ul li 
   {
        float:left;
        padding: 3px 0;
        white-space:nowrap;
        width: auto;
        background:transparent url(../images/separator.gif) repeat-y scroll right top;
   }
      
   #sub_navigation ul li.money 
   {
   background:#8F1AB6 url(../images/money_separator.gif) repeat-y scroll right top;
   color: #FFFFFF;
   padding: 3px 16px 3px 8px;
   }
   
   #sub_navigation ul li.money_details 
   {
   background:#400085 url(../images/details_separator.gif) repeat-y scroll right top;
   color: #FFFFFF;
   padding: 3px 16px 3px 8px;
   }
   
   #sub_navigation ul li.comparison
     {
   background:#661282 url(../images/comparison.gif) repeat-y scroll right top;
   color: #FFFFFF;
   padding: 3px 16px 3px 8px;
   }   
   
   #sub_navigation ul li a 
   {
       color: #005689;
       text-decoration: none;
       padding: 3px 5px;
   }
   
   #sub_navigation ul li a:hover {
    background:#661282;
    color:#FFFFFF;
    text-decoration:none;
}
   
   #sub_navigation ul li.money a, 
   #sub_navigation ul li.money a:hover,
   #sub_navigation ul li.money_details a,
   #sub_navigation ul li.money_details a:hover,
   #sub_navigation ul li.comparison a,
   #sub_navigation ul li.comparison a:hover 
   {
       color: #FFFFFF;
       text-decoration: none;
   }
   
      
   #sub_navigation ul li.last {
    background:transparent none repeat scroll 0 0;
}
   
    /*  end  */

#friContent {
	width: 940px;
	clear:both;
	position: relative;
}

#friContent.form_content {
}

#friContent hr {
	display: block;
	float: none;
	clear: both;
	width: 100%;
	height: 1px;
	background-color: #fff; 
	border: none;
	border-top: 1px solid #fff; 
}

.clear {
	display: block;
	clear: both;
	float: none;
	width: 100%; 
	background-color: #e5f1f9; 
	height: 15px;
}

.clear_left { 
	display: block; 
	clear: left; 
}

.clear_all { 
	display: block; 
	clear: both; 
	font-size: 0; 
	background-color: #ededed;
}

.clear_form { 
	display: block; 
	clear: both;
	width: 570px; 
}

/* @group header */

#friHeader {
display:none;
}

ul#header_links {
	display: block;
	position: relative;
	top: 10px;
	right: 0;
	height: auto;
	width: auto;
	margin: 0;
	padding: 0;
	text-align: right;
	clear: none;
	font-size: .8em; 
}

ul#header_links form { 
	background-color: transparent; 
	display: inline; 
}

ul#header_links form input, ul#header_links form select { 
	display: inline; 
	width: 145px;
	margin: 0;
	border-color: #191919;
	color: #191919;
	height: 20px;
	font-size: 10px; 
	line-height: 20px;
}

ul#header_links form label { 
	display: inline; 
	margin: 0;
}

ul#header_links li {
	display: inline;
	padding-left: 13px; 
}

ul#header_links a {
	text-decoration: underline;
	color: #333; 
}

#logo {
	width: 238px;
	height: 96px;
	display: block;
	float: left;
	clear: left;
	position: relative;
	top: 14px;
	left: 0; 
}

a#cashback_logo 
{
    position:absolute;
    top: 50px;
    left: 300px;
}

.helpline {
	float: right;
	color: #400085;
	width: 300px;
	/* font-weight:bold;  text does not fit in container if bold  */
	font-size: 18px;
	font-family:Georgia;
	line-height: 22px;
	}
	
.helpline p 
	{
	    margin-top: 3px;
	}

.helpline .number 
{
    color: #661282;
}


.helpline .open_hours {
	color: #333;
	font-weight:normal;
	font-size: 14px;
	}

.helpline .open_days 
{
    font-weight: bold;
}

/* @end */

/* @group nav */

ul#friNav {
	display: block;
	height: 34px;
	width: 360px;
	margin: -30px auto 0;
}

ul#friNav li {
	display: inline;
}

ul#friNav li a {
	display: block;
	float: left;
	clear: none;
	width: 117px;
	height: 34px;
	border: none; 
}

ul#friNav .active a, ul#friNav a:hover  {
	background-position: right;
}

.energy a {
	background: url(../images/nav_energy.png) no-repeat left top;
}

.selectedbrand a{
	background-position: right;
}

/*.money a {
	background: url(../images/nav_money.png) no-repeat left top;
}

.telecoms a {
	background: url(../images/nav_telecoms.png) no-repeat left top;
}*/



/* @end */

/* results page */

#friContent a.i_want_this_tariff {
	width: 124px;
	line-height: 21px;
	display:block;
	text-align: center;
	background-image:url(../Images/money_i_want_bg.gif);
	color: #fff;
	}
	
/* end results page */

/* @group friSubnav */

ul#friSubnav {
	width: 480px;
	display: block;
	height: 23px;
	padding: 5px 0 0;
	margin: 0 auto;
	font-size: 10px; 
}

ul#friSubnav li {
	display: inline;
	width: 115px;
	height: 18px;
	display: block;
	float: left;
	clear: none;
	text-align: center; 
	margin-right: 5px;
}

ul#friSubnav a {
	color: #666;
	text-decoration: none;
	background: url(../images/subnav_bg.png) no-repeat right center;
	padding-top: 3px;
	width: 115px;
	height: 15px;
	display: block; 
}

ul#friSubnav a:hover, ul#friSubnav li.active a { 
	background-position: left;
	color: #191919; 
}

ul#friSubnav a.currentproduct {
	background-position: left;
	color: #191919; 	
	}

/* @end */

/* @group progress bar */

ol#progress {
	margin: 20px 0;
	float:left;
	width:940px;
	height: 30px; 
	background-color: #9a64a2;
	color: #FFFFFF;
	font-size: 14px;
}

ol#progress li 
{
    float:left;
    margin: 7px 20px 0 0;
    list-style-type:decimal;
    list-style-position: inside;
    padding-left:10px;
}

ol#progress li.active 
{
    color: Yellow;
    font-weight:normal;
}


/* @end */

/* @group forms */

/* @group form typography */

#friContent label.disabled, #friContent fieldset.disabled label  {
    color: #808080;
}

#friContent fieldset.disabled .important {
    color: #dd4444;
}

#friContent fieldset.disabled select, #friContent fieldset.disabled input, #friContent input.disabled, #friContent select.disabled {
    background-color: #dddddd;
}

#friContent fieldset#compareElectric label, #friContent fieldset#compareGas label{
    color: #000000;
}

#friContent fieldset#compareElectric input, #friContent fieldset#compareGas input {
    background-color: transparent;
}

form 
{
    font-size: 14px;
    font-family: Arial, Sans-Serif;
    clear: both;
}

form#regionForm 
{
    font-size: 12px !important;   /* required for map image alignments - do not change */
}


legend 
{
    color: #333;
    /* position:relative; */
}


#friContent .single {
	width: 940px;
}

#friContent .form_column {
	float: left;
	width: 470px; 
	background-color: #ededed;
	overflow: hidden;	
	}


.single_column_form {
	width: 940px;
	overflow: hidden;
}

#friContent fieldset {
	padding: 12px 0 0;
	margin: 0; 
}

#friContent .single_column_form fieldset { 
	background-color: #ededed; 
	padding: 0 30px 10px; 
}



#friContent .double_column_form fieldset {
	padding-top: 0; 
}

.double_column_form 
{
    
}

#friContent fieldset#electricity, #friContent fieldset#gas 
  { 
	padding: 0 15px 10px;
		}
	
	#friContent fieldset#gas 
	{
	     border-right: solid 1px #8f1ab6;
	     padding-right: 14px;
	}
	
	#friContent fieldset#electricity legend span 
	{
	    padding-left: 15px;
	    width: 455px;
	}
	    

#friContent div.single_column_form legend 
{
    padding-bottom: 12px;
}

#friContent div.single_column_form legend span { 
	width: 940px;
	margin: 0 -30px; 
	}

#friContent div.double_column_form div.form_column legend span  
{
    position:relative;
	width: 470px; 
	margin: 0 -15px; 
}

#friContent legend span { 
	font-weight: normal;
	font-size: 22px;
	font-family:Georgia;
	background-color: #ffffff; 
	border-bottom: 3px solid #8F1AB6; 
	display: block;
	clear: both;
	padding-top: 22px;
	padding-bottom: 3px; 
	}


#friContent fieldset#your_bank_details 
{
    margin-bottom: 10px;
}

.important {
	font-weight: bold;
	color: #661282;
	display: block;
	clear: both;
	padding-bottom: 10px; 
}


#mainContent ul 
{
    padding: 20px;
}


/* @end */


#friContent .hidden_label {
	position: relative;
	top: 14px; 
}

#friContent label, #friContent form h3, #friContent form h4, #friContent form p {
	margin: 0;
	padding-bottom: 12px; 
}

#friContent form p 
{
    font-size: 14px;
}

.note {
	position: relative;
	width: 380px;
	float: right;
	font-size: 12px;
	top: 30px; 
}

#friContent label.checkbox { 
	font-weight: normal; 
	padding: 6px 0; 
}

#friContent label.checkbox input { 
	border: none; 
	width: 15px;
	margin-top: 0;
	vertical-align: middle;
	background-color: transparent;
}

#friContent label.checkbox.indent {
	margin-left: 20px;
	padding-bottom: 2px;
	padding-top: 2px; 
}

#friContent .help_icon {
	width: 24px;
	height: 12px;
	margin-left: 10px; 
	font-size: 12px;
	font-weight:bold;
}

#friContent #gas_and_electricity .help_icon {
    background: transparent url(/images/icon_help.gif) no-repeat top left;
    display: block;
    text-indent: -9999px;
    line-height: 1px;
    margin: 5px 0;
}

#friContent #preferencesForm .help_icon
{
    background: transparent url(/images/icon_help.gif) no-repeat top left;
    display: block;
    padding-bottom: 10px;
    margin: 0;
    text-indent: -9999px;
    line-height: 1px;
}


#friContent form hr {
	margin-bottom: 13px;
	margin-top: 0;
	background-color: #e5f1f9; 
	border-color: #e5f1f9;
}


#friContent .divider { 
	padding-top: 10px;
	border-top: 1px solid #8f1ab6; 
	margin-top: 15px;
}

#friContent input, #friContent select, #friContent textarea {
	background-color: #fff;
	border: 1px solid #7f7f7f;
	color: #333;
	/*display: block;*/
	margin-top: 10px;
	font-size: 14px; 
}

#friContent input { 
	height: 16px; 
	width: 414px;    /* plus padding and borders equals 420px */
	padding: 2px;
}

#friContent select { 
	height: 22px;
	width: 420px;
	line-height:16px;  /* for safari box size */
	}
	
#friContent fieldset#electricity select, #friContent fieldset#gas select 
	{
	    width:420px;
	}

#friContent label {
	color: #333;
	font-weight: bold;
	display: block; 
	position: relative;
}

#friContent fieldset#communication_preferences label 
{
    font-weight: normal;
}

#friContent #signupForm fieldset#split_marketing_consent 
{
    margin: 10px 0;
}
#friContent #signupForm fieldset#split_marketing_consent label 
{
    padding: 4px 0;
}

#friContent fieldset#split_marketing_consent legend 
{
    font-weight: bold;
    padding: 0 0 5px;
}

.first {
	padding-top: 12px; 
}

.pre_float { 
	padding-bottom: 0; 
}

#friContent .last, #friContent label.radio.last, #friContent label.checkbox.last {
	padding-bottom: 12px; 
}

#friContent .help {
	font-weight: normal;
	font-style: normal;
	font-size: .8em;
	text-align: right;
	display: block;
	color: #676767;
	padding-top: 2px;
	width: 240px; 
}

#friContent .help a { 
	text-decoration: underline; 
}

#friContent .radio input, 
#friContent .last_radio input, 
#friContent .first_radio input {
	width: 14px;
	height: 14px;
	display: inline;
	border: none;
	background-color: #ededed;
}

#friContent label.radio { 
	font-weight: normal;
	padding-bottom: 6px; 
}

#friContent label.first_radio { 
	font-weight: normal;
	padding: 15px 0 0 0; 
}

#friContent label.last_radio { 
	font-weight: normal;
	padding: 0 0 15px 0; 
}

#friContent .hidden, .hidden {
	display: none; 
	visibility: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
	z-index: -2;
	top: -500px; 
}

.float, .inline { 
	display: block;
	float: left;
	margin-right: 4px;
}

label.inline input { 
	display: inline; 
	float: none; 
	clear: none;
}

.half input, .half select {
	width: 115px;
	display: inline; 
}

.tiny input, .tiny select {
	width: 73px; 
}

.max input, .max select, .max textarea {
	width: 525px;
}

/* @group signup form */

#friContent label.sort_code, 
#friContent fieldset#gas label.spend_and_usage select, 
#friContent fieldset#electricity label.spend_and_usage select, 
#friContent label.DOB_month, 
#friContent label.DOB_year { 
	position: relative; 
	top: 16px; 
	left: 0;
}

#friContent fieldset#your_address #select_your_address_1, 
#friContent fieldset#previous_address #select_your_address_2, 
#friContent #select_your_address_3 { 
	width: 525px; 
}

#friContent fieldset#time_at_current_address label, 
#friContent fieldset#time_at_previous_address label, 
#friContent fieldset#previous_address label.postcode, 
#friContent fieldset#your_address label.postcode, 
#friContent fieldset#second_previous_address label.postcode, 
#friContent fieldset#correspondence_address_details label.postcode, 
#friContent label.years, 
#friContent label.months, 
#friContent label.first_last_name, 
#friContent label.password, 
#friContent fieldset#gas label.spend_and_usage, 
#friContent fieldset#electricity label.spend_and_usage { 
	width: 200px;
	float: left;
	margin-right: 20px;
	display: inline;
	}
	
#friContent label.first_last_name 
{
    width: 160px;
    margin-right:10px;
    display:inline;
}

#friContent label.first_last_name input 
{
    float: none;
    width: 154px;
}

#friContent fieldset#where_did_you_hear label.postcode 
 { 
	background:transparent none repeat scroll 0 0;
	display:block;
	float:left;
	margin-left:9px;
	position:relative;
	white-space:nowrap;
	width:251px;
}

#friContent fieldset#your_address input#your_postcode_1, 
#friContent fieldset#second_previous_address input#your_postcode_3, 
#friContent fieldset#time_at_current_address input, 
#friContent fieldset#previous_address label.postcode input, 
#friContent fieldset#second_previous_address label.postcode input, 
#friContent fieldset#time_at_previous_address input, 
#friContent fieldset#where_did_you_hear_about_us #friends_postcode, 
#friContent label.DOB_month select, 
#friContent label.DOB_year input, 
#friContent label.password input, 
#friContent label.confirm_password input, 
#friContent fieldset#gas label.spend_and_usage input, 
#friContent fieldset#gas label.spend_and_usage select, 
#friContent fieldset#electricity label.spend_and_usage input, 
#friContent fieldset#electricity label.spend_and_usage select, 
#friContent #friends_surname, 
#friContent #friends_postcode { 
	float: left; 
	width: 200px;
	display: block;
	white-space: nowrap;
}

#friContent fieldset#time_at_current_address input,
#friContent fieldset#time_at_previous_address input,
#friContent fieldset#previous_address label.postcode input,
#friContent fieldset#second_previous_address label.postcode input,
#friContent fieldset#correspondence_address_details input#CorrespondenceAddress_PostCode,
#friContent label.DOB_year input, 
#friContent label.password input, 
#friContent label.confirm_password input, 
#friContent fieldset#gas label.spend_and_usage input, 
#friContent fieldset#electricity label.spend_and_usage input 
{
    float: none;
    width: 194px;  
}


#friContent fieldset#gas label.spend_and_usage input#CurGasSpend, 
#friContent fieldset#gas label.spend_and_usage input#CurGasUse, 
#friContent fieldset#electricity label.spend_and_usage input#CurElecSpend,
#friContent fieldset#electricity label.spend_and_usage input#CurElecUse
{
    float:none;
    width:194px;  
}

#friContent label.mpr_number input { 
	display: block; 
	}

#friContent label.find_address { 
	float:left;
	width: 100px; 
	}

#friContent label.DOB_day ,
#friContent label.DOB_month, 
#friContent label.DOB_year { 
	padding-bottom: 12px; 
	margin-right: 10px; 
	display: block; 
	float: left;
}
#friContent label.DOB_day 
{
  width: 90px;
  margin-right: 0;
} 

#friContent label.DOB_year 
{
    width: 160px;
}

#friContent label.DOB_year input 
{
    width: 154px;
}

#friContent select#PersonalDetails_DobMonth 
{
    width:160px;
}

#friContent label.find_address input { 
	width: 100px;
	display: inline;
	height: 22px; 
	background-color: #9DD2F9; 
	border: 1px solid #0076C0; 
	color: #333;
	position: relative;
	top: 17px;
}

div#account_details 
{
   }

#friContent label.sort_code_label, 
#friContent label.sort_code { 
	width: 80px; 
	display: inline; 
	margin-right: 10px;
	float: left;
}

#friContent label.sort_code_label input, 
#friContent label.sort_code input, 
#friContent label.MPAN_number input { 
	width: 74px; 
	display: block; 
}


#friContent label.group_2nd input, 
#friContent label.group_3rd input
{
	margin-top:26px;
	}

#friContent fieldset#required_to_create_account label.checkbox { 
	font-size: .8em; 
	font-weight: normal;
	padding-left: 16px;
	overflow: visible; 
}

#friContent fieldset#your_bank_details label.checkbox {
	margin-left: 16px;
	}


#friContent fieldset#electricity label.checkbox, 
#friContent fieldset#gas label.checkbox, 
#friContent fieldset#different_correspondence_address label.checkbox { 
	padding-left: 16px; 
	font-weight: bold;
	overflow: visible;
	
}

#friContent fieldset#gasTariff 
{
    padding-bottom:60px;
}

#friContent fieldset#economyseven 
{
    height: 60px;
    position:relative;
}

#friContent fieldset#economyseven label#CurrentElectricityEconomy7 
{
    width:90px;
    font-weight: normal;
}

#friContent fieldset#economyseven #nighttime_electricity_usage_label 
{
    position: absolute;
    left: 110px;
    top: -7px;
}

#friContent fieldset#economyseven select#CurElecEconomy7Usage 
{
    width: 80px;
    display: inline;
}

#friContent fieldset#economyseven .hidden {
	display: none; 
	visibility: inherit;
	width: auto;
	height: auto;
	z-index: auto;
	}


#friContent label#economy_7_meter_label,
#friContent label#nighttime_electricity_usage_label{display:inline;width:200px;}

#friContent select#nighttime_electricity_usage{
	width:62px;
	display:inline;
	}

#friContent fieldset#tariffs label.checkbox { 
	padding-left: 32px; 
	font-weight: normal; 
	overflow: visible;
}

#friContent fieldset#bank_instructions p, 
#friContent fieldset#your_bank_details p.guarantee { 
	font-size: .8em; 
}

#friContent fieldset#mains_gas label 
{
    font-weight: normal;
}

#friContent fieldset#mains_gas input 
{
    width: 14px;
    margin: 0 5px 0 0;
    vertical-align: middle;
    border: none;
    background-color: Transparent;
} 


/* check boxes */
#friContent fieldset#required_to_create_account label.checkbox input, 
#friContent fieldset#your_bank_details label.checkbox input, 
#friContent fieldset#different_correspondence_address label.checkbox input, 
#friContent fieldset#electricity label.checkbox input, 
#friContent fieldset#gas label.checkbox input, 
#friContent fieldset#tariffs label.checkbox input { 
	width: 12px;
	height: 12px;
	padding: 0;
	margin: 0 0 0 -18px;
	float:left; 
	position: relative;
	/*background-color: #e5f1f9; 
	border: none;*/
}

#friContent label.title { 
	display: block;
	float: left;
	margin-right: 10px;
	width: 80px;
}

#friContent label.title select, 
#friContent select#online_billing, 
#friContent select#preferred_payment_day,
#friContent label.DOB_day select { 
	width: 80px;
	display: block;
}

#friContent label.where_did_you_hear_about_us, 
#friContent label.select_where_you_heard_of_us {
	float: left;
	margin-right: 5px;
	display: block; 
	width: auto;
}

#friContent label.tell_us_where_you_heard_of_us {
      clear:left;
}

#friContent label.MPAN_number { 
	width: 78px; 
	display: block; 
	float: left; 
	margin-right: 5px;
}

/* @end */

/* @group buttons */


div#friContent .back {
	width: auto;
	height: auto;
	float: left;
	cursor: pointer;
	}   

div#friContent .next, div#friContent .goresults {
	width: auto;
	height: auto;
	float: right;
	cursor: pointer;
	}
	
div#friContent .change_search 
	{
	    margin-bottom: 20px;
	    position: relative;
	    float: none;
	}

#friContent .compare_suppliers {
	width: 213px; 
	margin: 15px 0 0;
	padding: 0;
	display: block;
	float: right;
}

#friContent .confirm_my_details {
	width: 237px; 
	margin: 15px 0 0;
	padding: 0;
	display: block;
	float: right;
	clear: right; 
}



/* @end */



/* @end */

/* @group typography */

h1.affiliate_message 
{
    text-indent: -9999px;
    line-height: 0;
    background: transparent url(../images/header.gif) no-repeat top left;
    width: 560px;
    height: 45px;
    float:left;
    display: inline;
}

#friContent h1, 
#mainContent h1,
#friContent h2.eh_offer
 {
	font-weight: normal;
	font-size: 24px;
	font-family: Georgia;	
}

#friContent.form_content h1 {
	}
	
	#friContent h1#RegionHeading 
	{
	    padding-bottom: 3px;
	    border-bottom:3px solid #8F1AB6;
	}

#friContent.form_content.single_column h1 {
	padding: 0 0 15px; 
}


#friContent h2, #mainContent h2 {
	 font-family: Georgia;
	 font-size: 18px;
	 font-weight: normal;
}

#friContent h3 
{
    font-weight: normal;
	}

#friContent h4 
{
    font-weight: normal;
	}
	
#friContent p 
{
    font-size: 12px;
    line-height: 17px;
	 }
	 
#mainContent p 
{
    padding-bottom: 10px;
}	 

#mainContent .helpline p 
{
    padding-bottom: 0;
}
	 
#friContent a {
	color: #005689; 
	text-decoration: none;
}

#friContent a.print_link 
{
    float: right;
    width: auto;
    font-size: 18px;
    text-decoration: underline;
}

#friContent a.print_link:hover 
{
    text-decoration: none;
}

#friContent .double_column_form form h2 { 
	padding-bottom: 12px; 
}

#friContent form h3, #friContent form h4  
{
    font-family: Georgia;
    font-weight: bold;
    font-size: 14px;
	}
	
#friContent p#comparison 
{
    padding: 20px 0 5px;
}

#friContent p#current_spend 
{
    padding-bottom: 15px;
    font-weight: bold;
}

#friContent p#email_results a
{
    padding: 2px 0 0 20px;
    background: #fff url(../images/Email.gif) no-repeat 0 5px;
    position:relative;
    width:150px;
}



/* @end */

/* @group home */

#friFeature {
	background: url(../images/feature_bg.jpg) no-repeat 0 0;
	width: 397px;
	height: 242px;
	display: block;
	padding: 28px 30px 30px 288px; 
	margin-bottom: 30px;
	float: left; 
}

#friFeature h2 {
	font-weight: normal;
	font-style: normal;
	color: #000;
	font-size: 1.65em;
	margin-top: 0; 
}

#friFeature h2 span {
	display: block;
	clear: left; 
}

#friFeature h3 {
	color: #4c4c4c;
	font-weight: normal;
	font-style: normal;
	margin-top: 28px;
	margin-bottom: 25px;
	font-size: 1.27em; 
}

#feature h2 
{
    font-family: Georgia;
    font-size: 26px;
    line-height:  29px;
    font-weight: normal;
    color: #333;
    margin-bottom: 12px;
    width: 380px;
}

#feature h3 
{
    color: #666;
    font-size: 14px;
    line-height:  19px;
    font-family: Arial;
    font-weight: normal;
    }
    
#feature form#postcodeForm 
{
    margin: 20px 0 0;
    font-family: Arial;
    font-size: 14px;
    padding-top: 17px;
    height: 50px;
    text-align:center;
    background: transparent url(../Images/postcode_bg.gif) no-repeat top left;
    }
    


#feature form label span 
{
    color: #FFF;
    font-weight: bold;
}

#feature form input 
{
    padding: 2px;
    font-size: 14px;
 }
 
 #feature form input#PostCode 
 {
     width: 140px;
     margin: 0 2px;
 }
    

/* @group products */

#friCrosssell {
	width: 620px; 
	float: left; 
	border-bottom: 1px dotted #999999;
	padding-bottom: 30px;
	}


#friCrosssell sup, #friCrosssell sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
}

#friCrosssell sup {
	bottom: 1ex;
}

#friCrosssell sub {
	top: .5ex;
}

#friCrosssell h3
{
    font-family: Georgia;
	color: #333;
	font-weight: normal;
	font-size: 20px;
	border-bottom:1px dotted #999999;
	padding-bottom:15px;
	padding-top: 5px;
	width:200px;
}

#friContent .help_and_info h2 
{
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 20px;
    padding-left: 10px;
}

#friContent #products_crosssell h2 
{
    margin-bottom:20px;
    padding-top: 10px;
    font-size: 22px;
    clear:left;
}

#friContent #products_crosssell h3.partner_grouping 
{
    clear:left;
    font-size: 18px;
    color: #333333;
    margin-bottom:15px;
}

#friContent #products_crosssell h3 
{
    margin: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 1.2em; 
	color: #676767;
	clear: none;
	padding-bottom: 0;
}

#friContent #products_crosssell a 
{
    text-decoration: none;
    }

#friContent #products_crosssell a:hover 
{
    text-decoration:underline;
}
    


#products_crosssell div {
	height: 52px;
	width: 198px;
	display: block;
	float: left;
	margin-right: 30px;
	background: url(/images/product_bg.gif) no-repeat left 0;
	padding: 10px; 
	margin-bottom: 15px;
}

#products_crosssell div 
{
    height: 60px !important;
    padding:7px 10px 13px;
    font-size: 13px;
}

#friCrosssell div#business_energy  
{
    float: left;
    width: 290px;
    border-top: 10px solid #8F1AB6;
    padding-left: 10px;
    background: #F6EEF4 url(../images/Business.jpg) no-repeat top right;
    height: 115px;
}

#friCrosssell div#green_energy 
{
    float: right;
    width: 290px;
    border-top: 10px solid #8F1AB6;
    padding-left: 10px;
    background: #F6EEF4 url(../images/Green.jpg) no-repeat top right;
    height: 115px;
}

#friCrosssell div#domestic_energy 
{
    float: right;
    width: 290px;
    border-top: 10px solid #8F1AB6;
    padding-left: 10px;
    background: #F6EEF4 url(../images/Domestic_small.jpg) no-repeat top right;
    height: 115px;
}
    

#friCrosssell div#business_energy a, #friCrosssell div#green_energy a, #friCrosssell div#domestic_energy a 
{
    width: 200px;
    display: block;
}


#friCrosssell div:hover,
#products_crosssell div:hover {
	background-position: right; 
}

#friCrosssell div.no_right_margin {
	margin-right: 0; 
}


#products_crosssell img {
	float: left;
	display: block;
	margin: 8px 10px 9px 2px; 
}

#friCrosssell img 
{
    float: right;
    width: 80px;
    margin-left: 10px;
}


/* @end */

/* @group postcode box */

form#postcode input.submit {
	padding-top:350px;overflow:hidden;
}

#friFeature form {
	width: 342px;
	height: 77px;
	background: url(../images/postcode_bg_both.gif) no-repeat 0 0;
	padding-right: 20px;
	padding-left: 18px;
	padding-top: 10px;
	color: #000;
	font-size: 1.4em; 
	position:relative;
}

#postcode label {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	color: #000;
	font-size: 1.1em; 
}

#friFeature input.postcode {
	background-color: transparent; 
	border: medium none;
	height: 24px;
	width: 275px;
	display: block;
	/*float: left;*/
	/*removed because it made the label overlap the submit button 
	and push it below when the marketingcode label was added - damian*/
	margin: 11px 0 0;
	padding-left: 5px;
	color: #2d332a;
	font-size: 18px;
	font-weight: normal;
	font-style: normal; 
}

#friFeature input.submit {
	display: block;
	float: left;
	clear: right;
	height: 31px;
	width: 58px;
	margin: 0;
	background-color: transparent; 
	border: none;
	overflow: hidden;
	text-indent: -1000px;
	position:absolute;
	left:303px;
	top:40px;
	line-height: 0;
}



#friFeature input.submit:hover { 
	 cursor: pointer;
}



/* @end */

/* @group right column */

#friForm_column {
	width: 300px;
	float: right;
	border-left: 1px solid #999999;
	padding-left: 10px;
	}

#friForm_column a  {
	color: #005689;
	text-decoration: none; 
}

#friCrosssell a 
{
    font-family: Georgia;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #005689;
    text-decoration: none; 
}

#news a { 
	display: block; 
	clear: left;
}

#friForm_column a:hover, #friCrosssell a:hover {
	text-decoration: underline; 
}

#friForm_column ul {
	padding: 0;
	margin: 0;
	list-style-type: none; 
}


#friForm_column h3  {
	font-weight: bold;
	line-height: 17px;
	font-size: 14px; 
	font-family: Georgia;
	color: #333;
	padding:5px 0 20px;
	border-top: 10px solid #8F1AB6;
}

#help_and_information 
{
    padding-bottom: 20px;
}

#help_and_information a 
{
    font-weight: bold;
}
    
#help_and_information li 
{
    padding: 5px 0 10px;
    border-top: dotted 1px #999;
}

#news 
{
    float: right;
    width: 140px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-left: 1px solid #999999;
}

.BusinessSavings #news 
{
    min-height: 690px;  
}

#email_newsletter 
{
    float: left;
    width: 139px; /*  1px less to allow for border alignment */
}

#email_newsletter h3 
{
    padding-bottom: 20px;
    border-bottom: 1px dotted #999999;
    margin-bottom: 5px;
}
    

#email_newsletter p 
{
    line-height: 15px;
    padding-bottom:20px;
}



#email_newsletter input#NewsletterSignupAddress {
	width: 130px;
	margin-bottom: 8px;
	border: 1px inset #000000;
}

#email_newsletter input.submit:hover { 
	cursor: pointer; 
}

#email_newsletter span.error 
{
    color: #FF0000;
    display: block;
    width: 130px;
    margin-bottom: 3px;
}

#news li 
{
    line-height: 15px;
    padding: 5px 0 10px;
    border-top: dotted 1px #999;
	}

#consumer_focus img {
	float: right;
	clear: right;
	display: block;
	margin-top: 5px;
	margin-left: 5px; 
}

/* @end */



/* @end */

/* @group footer */

#friFooter { 
	color: #7f7f7f;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 15px;
	font-size: .8em; 
}

#friFooter a {
	color: #4c4c4c;
	text-decoration: underline;
	margin-right: 5px;
	margin-left: 5px; 
}

/* @end */

/* @group Search results table */

/* @group Help & information */

.help_and_info {
	width: 300px;
	margin: 0;
	padding: 0;
	float: right;
	line-height: 17px;
	position: relative;
	top: -25px; 
	right: 0;
}

.help_and_info ul {
	padding-left: 20px;
	}
	
.help_and_info li 
	{
	    padding: 2px 0;
	}

.help_and_info a { 
	text-decoration: none; 
}



/* @end */

#friContent form th { 
	font-weight: bold; 
	text-align: center; 
	color: #000; 
}




ul#search_results_tabs li.jump_to_fixed_price a { 
	display: inline;
	background-image: none;
	width: auto;
	padding-left: 10px;
	text-decoration: underline;
	font-size: .8em;
	color: #50819f;
	text-align: center; 
}

/*
#friContent ul#search_results_tabs li a { 
	display: block;
	height: 20px;
	float: left;
	clear: none;
	margin-right: 2px;
	text-align: center;
	padding-top: 5px;
	background: url(../images/srp_tab_bg.gif) right;
	text-decoration: none;
	color: #676767; 
}

#friContent ul#search_results_tabs li.active a, #friContent ul#search_results_tabs li a:hover {
	color: #333;
	text-align: center; 
}*/

#friContent table.search_results_table {
	font-size: 12px; 
	margin: 0 0 20px 0;
	border-top: solid 1px #999;
}




#friContent tr.alt {
	background-color: #cce4f2; 
}

#friContent td.yearly_spend {
	color: #50819f; 
}

#friContent li.more_information {
	list-style-type: none;
	text-align: right; 
}

#friContent table.search_results_table th, #friContent table.search_results_table td { 
	text-align: left; 
	vertical-align: top;
	margin: 0;
	padding: 10px 15px 15px;
}

#friContent table.search_results_table th {
	font-weight: normal;
	color: #333;
	font-size: 14px;
	}

#friContent table.search_results_table th a 
{
    color: #333;
    text-decoration: underline;
	background: transparent url(/Images/sort_arrow.gif) no-repeat scroll right bottom;
	padding-right: 15px;
	}

#friContent table.search_results_table ul { 
	margin: 0; 
	padding: 0;
	list-style-position: outside; 
	line-height: 15px;
}

#friContent .expected_savings {
	color: #4dc423;
	font-weight: bold;
	font-size: 1.75em; 
}

#friContent .expected_3year_savings {
	font-weight: bold;
	font-size: 1.75em; 
}

#friContent .expected_savings span {
	color: #4f9934;
}

#friContent .payment_method {
	display: block;
	margin-top: 5px; 
}

#friContent a.email_my_results {
	background: url(../images/icon_envelope.gif) no-repeat left center;
	padding-left: 20px; 
}

#friContent .sort_column {
	background: url(../images/sort_arrow.png) no-repeat scroll right center;
	padding-right: 12px; 
}

#friContent .sort_column.active {
	font-weight: bold;
}

/* @end */

/* @group form table */



#friContent form table { 
	background-color: #FFF;
	margin: 15px auto; 
}

#friContent form th, form td { 
	padding: 4px 15px 6px; 
	text-align: center;
}

#friContent form td { 
	}
	
#friContent form td.ApplyOnlineColumn a 
{
    text-align: center;
}


#friContent form tr.alternaterow td { 
	background-color: #F6EEF4; 
}

#friContent form tbody td 
{
    border-top: dotted 1px #999;
}

#friContent form tbody td.ZeroStarRating {
    text-indent: -9999px;
    background-image: url(../Images/0stars.gif);
    background-repeat: no-repeat;
    background-position: 10px 10px;
}

#friContent form tbody td.OneStarRating {
    text-indent: -9999px;
    background-image: url(../Images/1star.gif);
    background-repeat: no-repeat;
    background-position: 10px 10px;
}

#friContent form tbody td.TwoStarRating 
{    text-indent: -9999px;
    background-image: url(../Images/2stars.gif);
    background-repeat: no-repeat;
    background-position: 10px 10px;
}

#friContent form tbody td.ThreeStarRating {
    text-indent: -9999px;
    background-image: url(../Images/3stars.gif);
    background-repeat: no-repeat;
    background-position: 10px 10px;
}

#friContent form tbody td.FourStarRating {
    text-indent: -9999px;
    background-image: url(../Images/4stars.gif);
    background-repeat: no-repeat;
    background-position: 10px 10px;
}

#friContent form tbody td.FiveStarRating {
    text-indent: -9999px;
    background-image: url(../Images/5stars.gif);
    background-repeat: no-repeat;
    background-position: 10px 10px;
   }



/* @end */

/* @group signup box */

#signup_box {
	width: 930px;
	font-size: 14px; 
	float: left;
	margin-top: 10px;
	margin-bottom: 30px;
	padding: 10px 0 10px 10px;
	background-color: #F6EEF4;
	border-top: 3px solid #8F1AB6;
}

#friContent #signup_box h1 { 
	margin-right: 20px; 
	width: 140px;
	float: left;
	font-family: Arial;
	font-size: 16px;
}


#signup_box h1 a { 
	display: block; 
	float: left; 
	clear: both;
	width:auto;
}

#signup_box #tariff_features 
{
    float: left;
    width: 380px;
} 

#signup_box #tariff_features p 
{
   float: left;
   width: 350px;
   padding: 20px 0 0 15px;
   font-style: italic;
} 

#signup_box p { 
	margin: 0;
	padding-bottom: 10px; 
}

#signup_box a { 
	color: #0076c0;
	text-decoration: none; 
}

#signup_box a:hover 
{
    text-decoration: underline;
}


#signup_box .nectar { 
	font-weight: bold; 
}

#friContent #signup_box ul { 
	width: 350px;
	float: left;
	margin-right: 40px;
	padding-left: 15px;
}

#friContent #signup_box ul li 
{
    padding: 2px;
 }

div#savingsSummary { 
	width: 350px;
	float: left;
}


/* region map css - move to own file once ready */


#RegionSelection {
	padding-bottom: 4.6em;
	background-color: #ededed;
	height:365px;
	width: 585px;
	margin: 0 auto 20px;
	position: relative;
}

#RegionSelection form p 
{
    font-size: 12px;
}


/*clearfix; overflow: hidden fux0rs with small-width screens*/
#RegionSelection:after {
	content: ".";
	display: block;
	clear: both;
	color: #ffffff;
}

#RegionSelection div#RegionLabelsLeft input,
#RegionSelection div#RegionLabelsRight input
{
	display:inline;
	margin: 0;
	padding: 0;
	margin-right: 0.5em;
	width:auto;
	border:none;
	vertical-align:text-top;
}

#RegionSelection form {
	list-style: none;
	width: 236px;
	height: 369px;
	background: url(../Images/region-map.gif) 0 0 no-repeat;
}
#RegionSelection label.RegionLabel{
	display: block;
	padding:0;
}

#RegionSelection label.RegionLabel input 
{
    background-color: transparent;
}

#RegionSelection label.RegionLabel
{
		/*white-space: nowrap;*/
		font-weight:normal;
		width: 15em;
}

#RegionSelection p 
{
	width: 28em;
	margin-bottom: 0;
	margin-top: 0.25em;
	position: absolute;
	right: 30px;
	top: 10px;
}
#regionSelect legend {
	padding-left: 218px;
	padding-top: 50px;
}


#regionSelect legend span {
	display: block;
	background: none;
	border: none;
	font-size: 12px;	
	font-family:Arial;
	font-weight: normal;
	padding: 0;
	padding-right: 100px;
	color: #191919;
	margin-left: -5px;
	width:585px;
    }

#RegionLabelsLeft,
#RegionLabelsRight {
	margin-top: 20px;
}

#RegionLabelsRight
{
	position: absolute;
	right: 50px;
	width: 100px;
}

#RegionLabelsLeft
{
	left: 250px;		
	position: absolute;
	
}

label.RegionLabel {
	padding-left: 8px;
	height: 2.9em;

} /*expanding-box bug*/
label.RegionLabel span {
	display: block;
}
label.RegionLabel span:focus, label.RegionLabel span:hover, label.RegionLabel span:active {
	color: #fd8402;
}

div#NavigationButtons 
{
	
	margin-left:240px;
	width: 27em;
	position: absolute;
	top: 30em;
}

span.RegionTip
{
	font-size:0.8em;
	margin-left: 20px;
	}

span.regionError, #RegionSelection span.error, #RegionSelection span.field-validation-error 
{
	color: #ff0000;
	font-weight: bold;
	width: 130px;
	left:240px;
	top: 370px;
	position: absolute;
	}

	
div.MapLabel, div.MapLabel span {
	position:absolute;
}
div.MapLabel {
	background: url(../Images/region-map.gif) -9999em -9999em no-repeat;
	left: 0;
	top: 0;
	text-decoration: none;
	width: 100%;
	height: 100%;
}
div.MapLabel span {
	left: -9999em; /*konqueror heeft problemen met "left" maar Window-Eyes met "top" arg*/
	top: -9999em;
	color: #000;
	background-color: #fbeb92;
	border: 1px solid #000;
	padding:  2px 5px;
	text-align: center;
}

#RegionLabelsLeft label.selected, .selected
{
	font-weight:bold;
	}
	
	

label.RegionLabel:hover+div.MapLabel span, div.MapLabel:hover span, div.MapLabel:focus span {
	left: 25%;
	top: 25%;
}
/*IE6 heeft eigen declaration nodig*/
	div.MapLabel:hover span {
	left: 25%;
	top: 25%;
}
/*trigger*/
	* html div.MapLabel:hover {
	visibility: visible;
}

/* Region map layout */

/* Shift small regions to the front */

#London {
	z-index:140;
}

#EastMidlands {
	z-index:100;
}

div.MapLabel#ScottishHydro { width: 129px; height: 145px; top: -94px; left: -435px; }
div.MapLabel#ScottishPower { width: 81px; height: 73px; top: 1px; left: -394px; }
div.MapLabel#Norweb { width: 57px; height: 92px; top: 50px; left: -165px; }
div.MapLabel#Northern { width: 71px; height: 91px; top: 24px; left: -144px; }
div.MapLabel#Yorkshire { width: 61px; height: 34px; top: 102px; left: -308px; }
div.MapLabel#Manweb { width: 66px; height: 56px; top: 120px; left: -196px; }
div.MapLabel#Swalec { width: 73px; height: 44px; top: 166px; left: -397px; }
div.MapLabel#Sweb { width: 93px; height: 67px; top: 200px; left: -410px; }
div.MapLabel#Midlands { width: 51px; height: 65px; top: 136px; left: -157px; }
div.MapLabel#EastMidlands { width: 60px; height: 62px; top: 125px; left: -120px; }
div.MapLabel#Southern { width: 70px; height: 60px; top: 184px; left: -332px; }
div.MapLabel#Seeboard { width: 59px; height: 34px; top: 202px; left: -272px; }
div.MapLabel#London { width: 20px; height: 13px; top: 195px; left: -79px; }
div.MapLabel#Eastern { width: 77px; height: 66px; top: 140px; left: -99px; }

* html #ScottishHydro, * html #ScottishHydro:hover {height: 145px;}
* html #ScottishPower, * html #ScottishPower:hover {height: 73px;}
* html #Norweb, * html #Norweb:hover {height: 92px;}
* html #Northern, * html #Northern:hover {height: 91px;}
* html #Yorkshire, * html #Yorkshire:hover {height: 34px;}
* html #Manweb, * html #Manweb:hover {height: 56px;}
* html #Swalec, * html #Swalec:hover {height: 44px;}
* html #Sweb, * html #Sweb:hover {height: 67px;}
* html #Midlands, * html #Midlands:hover {height: 65px;}
* html #EastMidlands, * html #EastMidlands:hover {height: 62px;}
* html #Southern, * html #Southern:hover {height: 60px;}
* html #Seeboard, * html #Seeboard:hover {height: 34px;}
* html #London, * html #London:hover {height: 13px;}
* html #Eastern, * html #Eastern:hover {height: 66px;}


label:hover+#ScottishHydro, #ScottishHydro:hover, #ScottishHydro.selected {background-position: -236px -2px;}

label:hover+#ScottishPower, #ScottishPower:hover, #ScottishPower.selected {background-position: -236px -148px;}
label:hover+#Norweb, #Norweb:hover, #Norweb.selected  {background-position: -432px -99px;}
label:hover+#Northern, #Northern:hover, #Northern.selected  {background-position: -368px -2px;}
label:hover+#Yorkshire, #Yorkshire:hover, #Yorkshire.selected  {background-position: -366px -99px;}
label:hover+#Manweb, #Manweb:hover, #Manweb.selected  {background-position: -353px -172px;}
label:hover+#Swalec, #Swalec:hover, #Swalec.selected  {background-position: -236px -255px;}
label:hover+#Sweb, #Sweb:hover, #Sweb.selected  {background-position: -236px -300px;}
label:hover+#Midlands, #Midlands:hover, #Midlands.selected  {background-position: -311px -231px;}
label:hover+#EastMidlands, #EastMidlands:hover, #EastMidlands.selected  {background-position: -425px -200px;}
label:hover+#Southern, #Southern:hover, #Southern.selected  {background-position: -336px -307px;}
label:hover+#Seeboard, #Seeboard:hover, #Seeboard.selected  {background-position: -368px -136px;}
label:hover+#London, #London:hover, #London.selected  {background-position: -376px -251px;}
label:hover+#Eastern, #Eastern:hover, #Eastern.selected  {background-position: -408px -267px;}


/* temp */
#friContent fieldset#name,
#friContent fieldset#your_name,
#friContent fieldset#password,
#friContent fieldset#securityQuestion,
#friContent fieldset#online_billing_management,
#friContent fieldset#account_password,
#friContent fieldset#electricMeter,
#friContent fieldset#gasMeter {
	padding: 0;
}


fieldset#online_billing_management input {
	width: auto;
	float: left;
	margin: 0 5px 0 0;
}

fieldset#required_to_create_account {
	position: relative;
}

form#signup h4 {
	font-weight: bold;
	clear: both;
}

form#signup #bank_instructions {
	background-color: #ededed;
}

form#signup #bank_instructions p {
	margin-top: 1em;
}

form#signup #bank_instructions h4 {
	background: #fff;
	border-bottom:3px solid #8F1AB6;	
	margin-top: 20px;
	margin-left: -30px;
	margin-right: -30px;
	width: 940px;
	font-size: 22px;
	font-weight: normal;
	padding-bottom: 5px;
	padding-top: 20px;	
	font-family: Georgia;
}

#friContent fieldset#online_billing_management legend span {
	font-size: 12px;
	color: #191919;
	margin: 0;
	position: relative;
	border: none;
	background: none;
	padding: 0;
}

#friContent fieldset#online_billing_management label {
	width: auto;
	display: inline;
	float: left;
	margin-right: 10px;
}

#friContent fieldset#informationSharing input {
	width: auto;
	margin-right: 10px;	
	float: left;
}
#friContent input#npower_special_needs {
	width: auto;
	float: left;
	margin-right: 5px;
}

#friContent input#npower_special_needs label{
	float: left;
}

#friContent input#npower_special_needs input{
	float: left;
	margin-right: 5px;
}

#friContent fieldset#your_gas_electricity_meter_numbers {
	overflow: hidden;
}

#friContent fieldset#your_gas_electricity_meter_numbers img {
	float: right;
}

#friContent p.mpan {
	clear: both;
}

#friContent fieldset#your_gas_electricity_meter_numbers p.supply_number {
	width: 60%;
}

#friContent input#sort_code_1st_portion {
	margin-top: 5px;
}

#friContent fieldset#your_bank_details label span {
	display: none;
}

div#error{
	display: none;
	}

.buttons {
	overflow:hidden;
	clear: left;
	background: #FFFFFF none repeat scroll 0 0;
}
/* end temp */

/* estimator */

#friContent div#estimate_information {
	width: 100%;
	/*background: #E5F1F9;*/
	padding: 5px 10px;
}

#friContent div#estimate_information p {
	padding-bottom: 10px;
}

#friContent form#estimator {
}

#friContent form#estimator fieldset {
	padding-left: 10px;
}

#friContent form#estimator legend {
	padding: 15px 0;
	font-weight: bold;
	}

#friContent form#estimator label {
	font-weight: normal;

}

#friContent form#estimator .double_column_form {
	width: 100%;
	overflow: hidden;
	min-height: 120px;	
}

#friContent form#estimator label input {
	float: left;
	width: auto;
	margin: 0;
	margin-right: 5px;
	background-color:Transparent;
	border:none;
}

#friContent form#estimator .form_column {
	padding: 0;
	width: 470px;
	border: none;
}

ul.estimator_tabs  {
	margin-top: 20px;
}

ul.estimator_tabs li {
	display: inline;
	padding: 2px 5px 5px 5px;
	background: #E5F1F9;
}

ul.estimator_tabs li.active {
	background: #0080ff;
}

#friContent fieldset#bedrooms label,
#friContent fieldset#occupants label {
	float: left;
	margin-right: 10px;
}

form#estimator fieldset#bedrooms,
form#estimator fieldset#occupants {
	padding-left: 0;
}

form#estimator fieldset#bedrooms legend,
form#estimator fieldset#occupants legend {
	margin-top: 0;
}

form#estimator fieldset#bedrooms legend span,
form#estimator fieldset#occupants legend span {
	margin: 0;
	font-weight: bold;
	font-size: 1em;
	color: #191919;
	background: none;
	border: none;
	padding-left: 0;
}

form#estimator fieldset#occupants legend span {
	padding-left: 15px;
}


div#friContent .results_page_button
{
	width: 100px;
}

span.DisplayRangeText
{
	position: absolute;
	right: 0;
	padding: 15px;
}

fieldset#operator_and_confirmer select {
	margin: 5px 0;
}

.terms_text {
	float: left;
	width: 80%;
}

.thawte {
	margin-top: 10px;
}

ol.steps {
	margin: 10px 0;

}

ol.steps li {
	list-style: decimal;
	margin: 10px 0 0 20px;
}

#products div {
	background:transparent url(../images/product_bg.gif) no-repeat scroll left 0;
	display:block;
	float:left;
	height:52px;
	margin-right:30px;
	padding:10px;
	width:198px;
}

.confirm_details {
	width: 213px;
	
}

#products h2 {
	clear: both;
}

/* end estimator */
/* @end */

#postcodeForm label span.error 
{
	color: #FF0000;
	font-weight: normal;
	position: absolute;
	left: 10px;
	top: 120px;
	}
	
#regionForm #buttons 
{
	position: absolute;
	top: 360px;
	left: 10px;
	width: 560px;
	}
	
#regionForm #buttons 
{
float: right;
	}


/* @group estimator nav */

/* begin css tabs */

ul#estimator_tabs { /* general settings */
text-align: left; /* set to left, right or center */
/*margin: 1em 0 1em 0; */ /* set margins as desired */
font: bold 14px arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #8F1AB6; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
width:920px;
position:relative;
}

ul#estimator_tabs li { /* do not change */
display: inline;
position:relative;
}

ul#estimator_tabs li.active { /* settings for selected tab */
}

ul#estimator_tabs li.active a { /* settings for selected tab link */
background-color: #EDEDED; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
padding-bottom: 4px;
position:relative;
}

ul#estimator_tabs li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #8F1AB6; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #EDEDED; /* set unselected tab background color as desired */
color: #999999; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#estimator_tabs a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
color: #000000;
}

/* end css tabs */


	/* @group results tabs */

/* begin css tabs */

ul#search_results_tabs {
	display: block;
	padding-left: 15px;
	margin: 25px 0 0;
	height: 25px;
	width: 100%;
	list-style-type: none;
	position: relative;
	top: 1px;
	text-align: center; 
}

ul#search_results_tabs li 
{
    float: left;
    width:130px;
    margin-right:2px;
    float:left;
}


ul#search_results_tabs li.active a, ul#search_results_tabs li a:hover {
background:transparent url(../Images/srp_tab_bg.gif) no-repeat scroll right center;
color:#333333;
font-weight: normal;
}

ul#search_results_tabs li a {
background:transparent url(../Images/srp_tab_bg.gif) no-repeat scroll left center;
color:#fff;
display:block;
height:20px;
padding-top:5px;
}


ul#search_results_tabs li#jump_to_fixed 
{
    width: 170px;
 }

ul#search_results_tabs li#jump_to_fixed a
{
    background: none;
    color: #005689;
    margin-left: 10px;
}

ul#search_results_tabs li#jump_to_fixed a:hover 
{
    text-decoration: underline;
}

#friContent ul#search_results_tabs li#results_help
{
    text-align: left;
}

#friContent ul#search_results_tabs a.help_icon 
{
    background: transparent url(/images/icon_help.gif) no-repeat 0 0;
    text-indent: -9999px;
    line-height: 1px;
    margin-top: 7px;
    padding: 0;
}

/* end css tabs */

#friContent fieldset.detailed_estimator
{
	padding:10px 0 0 10px;
	}
	
#friContent th {
	vertical-align: middle;
	}
	
	
/* @group error */

#friContent #error,
#friContent #error a,
#friContent label.error span,
#friContent label.error span a,
#friContent span.error { 
	color: #ff0000;
	display:block;  /* prevents safari layout error  */
}

#friContent #error { 
	margin-top: 10px;
	border: 2px solid #ff0000; 
	padding: 10px 10px 10px 60px; 
	width: 510px; 
	background: #ffe0e0;
	/*background: #ffe0e0 url(../images/icon_error.gif) no-repeat 10px 10px;*/
}

#friContent #error strong { 
	font-size: 1.3em; 
	padding-bottom: 10px; 
	display: block;
}

#friContent #error ul { 
	margin-left: 50px; 
}

#friContent #error ul li { 
	padding-bottom: .35em; 
}

#friContent label.error span, #friContent label span.error { 
	font-weight: normal; 
	font-size: 12px; 
	display: block; 
	clear: left; 
	padding-top: 2px;
}

#friContent label.error input, 
#friContent label.error select { 
	border: 2px solid #ff0000; 
	background-color: #ffe0e0; 
	color: #000;
}

#friContent label.error input { 
	height: 14px; 
}

#friContent label.error input#PostCode 
{
    height: 24px;
}


#friContent label.DOB_year span.error 
{
	width: 160px;
	}
	
#friContent label.addressBlock 
{
	clear: left;
	}
	

/* @end */

#friContent label.required {
	font-weight: bold;
	}
	
#friContent fieldset select, #friContent fieldset textarea {
	display: block;
	}
	
	#friContent fieldset select#MonthlyDirectDebitFrequency_Frequency 
	{
	    width: 183px;
	}
	
#friContent fieldset#correspondence_address_details input,
#friContent fieldset#your_address input,
#friContent fieldset#previous_address input, 
#friContent fieldset#second_previous_address input,
#friContent fieldset#contact_details input,
#friContent fieldset#email_address input,
#friContent fieldset#employment_status input,
#friContent fieldset#where_did_you_hear input, 
#friContent fieldset#required_to_create_account input,
#friContent fieldset#your_bank_details #account_details input {
	display: block;
	}
	

	#friContent input#NectarNumberPrefix 
	{
	    width: 70px;
	    position:absolute;
	    left:0;
	    top:16px;
	}
	
	#friContent input#NectarCard_LastElevenDigits 
	{
	    width: 97px;
	    margin-left: 80px;
	}
	
	
#friContent label.secondLevelWhere {
	clear: both;
	}
	
	
#your_bank_details div.clear_all
{
	padding-bottom: 10px;
	}
	
div#thawteseal 
{
    margin-top: 20px;
}
	
#friContent div.fixed_postcode {
	margin-bottom: 10px;
	font-weight: bold;
	}
	
#savingsSummary h3 {
	margin-bottom: 10px;
	font-weight: bold;
	}
	
#friContent .firstInSection {
	clear: left;
	}
	
	div#agentBox 
	{
	    text-align:center;
	}
	
	
#mainContent form#emailAFriend 
{
    background-color: #ededed;
    float: left;
    width: 880px;
    margin: 20px 0;
    padding: 15px 30px;
    border-top: 1px solid #8F1AB6;
}
	
#mainContent form#emailAFriend h2 
{
        font-size: 22px;
        font-family: Georgia;
        font-weight: normal;
        margin-bottom: 20px;
}
    
#mainContent form#emailAFriend label, #mainContent form#emailAFriend p 
{
    position: relative;
    width: 880px;
    clear: both;
   }

#mainContent form#emailAFriend label 
{
    font-weight: bold;
}

#mainContent form#emailAFriend label input  
{
    background-color: #fff;
    border: 1px solid #7F7F7F;
    width: 414px;
    padding: 2px;
    height: 16px;
    font-weight: normal;
    display: block;
    margin: 5px 0;
} 
	
 #mainContent form#emailAFriend select 
 {
     width: 420px;
     height: 22px;
     line-height: 16px;
     font-weight: normal;
     display: block;           
     margin: 5px 0;
     border: 1px solid #7F7F7F;
 }
 
 #mainContent form#emailAFriend select#Title 
 {
     width: 80px;
 }
	     
	 
 #mainContent form#emailAFriend textarea 
 {
    width: 414px;
    background-color: #fff;
    border: 1px solid #7F7F7F;
    padding: 2px;
    font-weight: normal;
    display: block;
    margin-top: 5px;
     }
 
    
  #mainContent form#emailAFriend input#submitContactUs, #mainContent form#emailAFriend input#emailFriendSubmit 
  {
      margin-top: 10px;
    }
    
#mainContent form#emailAFriend label#EMailListPermissionLabel input 
    {
        display: none;
    }
    
#mainContent form#emailAFriend label#EMailListPermissionLabel input#EMailListPermission
  {
      width: 15px;
      vertical-align: middle;
      display: inline;
      border: none;
     }
  
 
 span.expected_savings_amount 
 {
     font-size: 21px;
     color: #4F9934;
 }
 
 #friContent span.expected_savings_percentage 
{
    color: #4F9934;
    display: block;
    font-size: 16px;
}

#friContent span.negative_savings 
{
    color: #FF0000;
}

#friContent span.neutral_savings 
{
    color: #0076C0;
 }
 
 
 /* business energy */
 
 .BusinessSavings #feature 
 {
     background: #f6eef4 url(../Images/Business.jpg) no-repeat scroll right top;
     padding: 10px 20px 15px 10px;
     width: 590px;
     margin-bottom: 0;
 }
 
 .BusinessSavings #helpwrapper h1 
 {
     background: transparent url(../images/header_BusinessEnergy.gif) no-repeat scroll left top;
     float: left;
     height: 45px;
     line-height: 0;
     text-indent: -9999px;
     width: 580px;
 }
 
 .BusinessSavings #feature h2 
 {
     /*width: auto;*/
     font-size: 24px;
 }
 
 .BusinessSavings #feature #EHLIntro ul 
 {
     color: #666666;
     font-size: 14px;
     line-height: 19px;
     padding: 8px 0 30px 15px;
  }
  
  .BusinessSavings #feature p#business_callcentre 
  {
      color: #FFF;
      font-size: 14px;
      font-family: Arial;
      font-weight: bold;
      background: transparent url(../images/call_us.gif) no-repeat scroll left top;
      padding: 0 0 24px 10px;
  }
  
.BusinessSavings #feature p#business_callcentre span 
{
  font-size: 26px;
  position: relative;
  top:10px;
  left: 45px;
}

.BusinessSavings #feature p#business_or 
{
    color: #333;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 30px;
    padding-left: 10px;
}

.BusinessSavings div#business_wecompare 
{
    float: left;
    width: 620px;
    border-bottom: 1px dotted #999999;
    margin-top: 30px;
}

.BusinessSavings div#business_wecompare h2 
{
    padding: 5px 0 20px;
    border-bottom: 1px dotted #999999;
    font-weight: bold;
    font-size: 14px;
    border-top: 10px solid #8F1AB6;
}

.BusinessSavings div#business_wecompare ul 
{
    list-style-type: none;
    float: left;
    width: auto;
    padding: 0 0 30px 0;
}

.BusinessSavings div#business_wecompare li 
{
    float: left;
    width: 100px;
    height: 51px;
    padding-bottom: 10px;
    text-indent: -9999px; 
   }
   
   .BusinessSavings div#business_wecompare li#Npower 
   {
       background: transparent url(../images/Business_logos/npower.gif) no-repeat scroll left top;
   }
   
      .BusinessSavings div#business_wecompare li#ScottishPower 
   {
       background: transparent url(../images/Business_logos/scottishpower.gif) no-repeat scroll left top;
   }
   
      .BusinessSavings div#business_wecompare li#BritishGas 
   {
       background: transparent url(../images/Business_logos/britishgas.gif) no-repeat scroll left top;
   }
   
      .BusinessSavings div#business_wecompare li#Atlantic
   {
       background: transparent url(../images/Business_logos/atlantic.gif) no-repeat scroll left top;
   }
   
      .BusinessSavings div#business_wecompare li#SouthernElectric 
   {
       background: transparent url(../images/Business_logos/southernelectric.gif) no-repeat scroll left top;
   }
   
      .BusinessSavings div#business_wecompare li#SWALEC 
   {
       background: transparent url(../images/Business_logos/swalec.gif) no-repeat scroll left top;
   }
   
      .BusinessSavings div#business_wecompare li#EON 
   {
       background: transparent url(../images/Business_logos/e-on.gif) no-repeat scroll left top;
   }
   
      .BusinessSavings div#business_wecompare li#Shell 
   {
       background: transparent url(../images/Business_logos/Shell.gif) no-repeat scroll left top;
   }
   
      .BusinessSavings div#business_wecompare li#OPUS 
   {
       background: transparent url(../images/Business_logos/opus.gif) no-repeat scroll left top;
   }
   
      .BusinessSavings div#business_wecompare li#CNG 
   {
       background: transparent url(../images/Business_logos/CNG.gif) no-repeat scroll left top;
   }
   
      .BusinessSavings div#business_wecompare li#CoronaEnergy 
   {
       background: transparent url(../images/Business_logos/corona.gif) no-repeat scroll left top;
   }
   
   

.BusinessSavings #feature form#submitBusinessDetails 
{
    background: transparent url(../images/business_form_bg.gif) no-repeat scroll left top;
    min-height: 415px;
    padding: 10px 10px 10px 125px;
    color: #FFF;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    overflow: hidden;
    position: relative;
}

.BusinessSavings #feature form#submitBusinessDetails h3 
{
    color: #FFF;
    font-weight: bold;
    position: absolute;
    left: 10px;
    top: 10px;
}
    
    
.BusinessSavings #feature form#submitBusinessDetails legend 
{
    color: #FFF;
    padding-left: 10px;
    font-weight: bold;
 }
 
 .BusinessSavings #feature form#submitBusinessDetails fieldset 
 {
     clear: both;
 }
 
 .BusinessSavings #feature form#submitBusinessDetails fieldset#contactName 
 {
     margin-top: 3px;
 }
 
  
 .BusinessSavings #feature form#submitBusinessDetails label 
 {
     float: left;
     padding-left: 10px;
     padding-bottom: 15px;
     position:relative;
     width: 180px;    
 }
 
 
  .BusinessSavings #feature form#submitBusinessDetails label input
 {
     border: 1px solid #7F7F7F;
     margin-left: 0;
     margin-top: 5px;
     width: 174px;
     height: 16px;
  }
  
  .BusinessSavings #feature form#submitBusinessDetails label select 
  {
     border: 1px solid #7F7F7F;
     background-color: #FFF;
     margin-left: 0;
     margin-top: 5px;
     width: 174px;
     height: 22px;
  }
    
          
 .BusinessSavings #feature form#submitBusinessDetails label.title, .BusinessSavings #feature form#submitBusinessDetails label.title select 
 {
     width: 60px;
 }
 
 .BusinessSavings #feature form#submitBusinessDetails label.BusinessName 
 {
     width: 440px;
 }
  
 .BusinessSavings #feature form#submitBusinessDetails label.BusinessName input 
 {
     width: 434px;
 }   
 
 .BusinessSavings #feature form#submitBusinessDetails label.email 
 {
     width: 250px;
 }    
 
 .BusinessSavings #feature form#submitBusinessDetails label.email input 
 {
     width: 244px;
 }
 
 .BusinessSavings #feature form#submitBusinessDetails fieldset#contactTime legend, .BusinessSavings #feature form#submitBusinessDetails fieldset#serviceType legend 
 {
     padding-bottom: 10px;
 }
 
 .BusinessSavings #feature form#submitBusinessDetails fieldset#contactTime label 
 {
     display: block;
     font-weight: normal;
     width: 440px;
     padding-bottom: 5px;      
 }
 
  .BusinessSavings #feature form#submitBusinessDetails fieldset#contactTime label input 
  {
      width: 20px;
      margin-top: 0;
      vertical-align: middle;
      border: none;
      background-color: #ba8ebc;
  }
  
  
   .BusinessSavings #feature form#submitBusinessDetails fieldset#contactTime fieldset 
   {
       padding: 5px 0 15px;
   }
   
   .BusinessSavings #feature form#submitBusinessDetails fieldset#contactTime fieldset label 
   {
       width: 215px;
       font-weight: bold;
   }
   
   .BusinessSavings #feature form#submitBusinessDetails fieldset#contactTime fieldset label select 
   {
       width: 215px;
   }
   
   .BusinessSavings #feature form#submitBusinessDetails fieldset#serviceType label 
   {
       width: auto;
       padding-bottom: 12px;
    }
   
     .BusinessSavings #feature form#submitBusinessDetails fieldset#serviceType input 
   {
       width: auto;
       margin-top: 0;
       margin-right: 5px;
       vertical-align: middle;
       border: none;
       background-color: Transparent;
   }
   
  /* Green energy */
  
  .GreenEnergy h1.affiliate_message
{
    background: transparent url(../images/header_GreenEnergy.gif) no-repeat top left;
}
  
  
 #innerwrapper .green_feature 
  {
      background: #ecf1d9 url(../Images/green_image.jpg) no-repeat scroll right top;
      border-top: 10px solid #7BBB00;
  }
  
  #innerwrapper .green_feature form#postcodeForm 
  {
      background: transparent url(../Images/green_postcode_bg.gif) no-repeat scroll left top;
  }
  
  .GreenEnergy #friCrosssell div#business_energy, div.GreenEnergy #friCrosssell div#domestic_energy 
  {
     background-color: #ecf1d9;
     border-top: 10px solid #7BBB00;
  }
  
  .GreenEnergy .helpline, .GreenEnergy .helpline .number, .GreenEnergy .important 
  {
      color:#7DA200;
   }
   
   .GreenEnergy #friForm_column h3,
   .GreenEnergy #friForm_column h3,
   .GreenEnergy #friContent h1#RegionHeading, 
   .GreenEnergy #friContent legend span, 
   .GreenEnergy #friContent fieldset#gas, 
   .GreenEnergy #friContent .divider,
   .GreenEnergy ul#estimator_tabs,
   .GreenEnergy ul#estimator_tabs li a,
   .GreenEnergy form#signup #bank_instructions h4,
   .GreenEnergy div.details, 
   .GreenEnergy div.confirm_details_correct
   
  {
      border-color: #7BBB00;
  }
  
  .GreenEnergy #email_newsletter h3 
  {
      border-bottom: 1px dotted #999999;
  }
  
  .GreenEnergy #progress 
  {
      background-color: #7BBB00;
  }
  
  .GreenEnergy #signup_box 
  {
      border-color:#7BBB00;
  } 
  
  
  .GreenEnergy #friContent p#email_results a 
  {
      background: #FFFFFF url(../images/Email_green.gif) no-repeat scroll 0 5px;
  }
  
  .GreenEnergy #friContent a.i_want_this_tariff 
  {
      background-image: url(../Images/green_i_want_bg.gif);
  }
  
  
  
  .GreenEnergy #friContent form tbody td.FiveStarRating 
  {
      background-image: url(../Images/5stars_green.gif);
  }
  
  .GreenEnergy #friContent form tbody td.FourStarRating 
  {
      background-image: url(../Images/4stars_green.gif);
  }
  
  .GreenEnergy #friContent form tbody td.ThreeStarRating 
  {
      background-image: url(../Images/3stars_green.gif);
  }
  
  .GreenEnergy #friContent form tbody td.TwoStarRating 
  {
      background-image: url(../Images/2stars_green.gif);
  }
  
  .GreenEnergy #friContent form tbody td.OneStarRating 
  {
      background-image: url(../Images/1star_green.gif);
  }

  
  
  
  /* green nav */
  
   .GreenEnergy  #sub_navigation ul li a:hover {
    background:#bddd00;
    color:#000;
    text-decoration:none;
}
  
    #sub_navigation ul li.environment 
   {
   background:#7bbb00 url(../images/environment_separator.gif) repeat-y scroll right top;
   color: #000;
   padding: 3px 16px 3px 8px;
   }
   
   #sub_navigation ul li.ethical_living 
   {
   background:#7da200 url(../images/ethical_living_separator.gif) repeat-y scroll right top;
   color: #000;
   padding: 3px 16px 3px 8px;
   }
   
   #sub_navigation ul li.ethical_money
     {
   background:#bddd00 url(../images/ethical_money.gif) repeat-y scroll right top;
   color: #000;
   padding: 3px 16px 3px 8px;
   }   
   
   #sub_navigation ul li.environment a, 
   #sub_navigation ul li.environment a:hover,
   #sub_navigation ul li.ethical_living a,
   #sub_navigation ul li.ethical_living a:hover,
   #sub_navigation ul li.ethical_money a,
   #sub_navigation ul li.ethical_money a:hover 
   {
       color: #000;
       text-decoration: none;
   }
   
  
   
      /* pop up boxes */
    
      
    div form#emailResultsForm  
    {
        width: 530px;
      }     
    
    div form#emailResultsForm h1 
    {
        padding: 10px 0 30px 10px;
        font-size: 24px;
        font-family: Georgia;
        background-color: #9A64A2;
        color: #FFF;
        margin-bottom: 20px;
        font-weight: normal;
    }
         
    div form#emailResultsForm p 
    {
        padding: 5px 10px;
     }
     
     div form#emailResultsForm input#SendResultsToEmail 
     {
         width: 365px;
     }
     
     div form#emailResultsForm input#SendResultsToEmailPrivacy 
     {
         margin: 3px;
     }
    
    
  /* confirmation form */
  
  #friContent #signupForm fieldset 
{
    clear: left;
}

#friContent #signupForm fieldset fieldset 
{
    padding: 0;
}

#friContent fieldset#confirm_personal_details label 
{
    padding-bottom: 8px;
}

#friContent fieldset#confirm_personal_details label#PersonalDetails_FirstName_label 
{
    padding-top: 20px;
}

#friContent fieldset#confirm_personal_details label#EMailAddress_EmailAddress_label 
{
    padding-bottom: 20px;
}

#friContent fieldset#confirm_personal_details label span 
{
    float:left;
    width: 300px;
    line-height: 20px;
}

#friContent fieldset#confirm_personal_details label input,
#friContent fieldset#confirm_personal_details label input.editable_confirm 
{
    font-weight: bold;
    color: #333;
    margin-top: 0;
    width: 400px;
    margin-right: 100px;
}

#friContent fieldset#confirm_personal_details label input.locked_confirm 
{
    border: none;
    background-color: Transparent;
    height: 18px;
}
    
#friContent fieldset#confirm_personal_details label input#EMailAddress_EmailAddress 
{
    display: inline;
}

#friContent fieldset#confirm_personal_details h2,
#friContent fieldset#confirm_bank_details h3
{
    font-weight: bold;
    color: #333;
    font-size: 14px;
    font-family: Arial;
    float: left;
    width: 300px;
    clear: both;
}

#friContent fieldset#confirm_bank_details p 
{
    font-weight: bold;
    float: left;
    width: 500px;
}

 #friContent p#confirm_supply_address 
{
    font-weight:bold;
    float: left;
    width: 450px;
}

#friContent p#confirm_correspondence_address 
{
    float: left;
    width: 450px;
}

 #friContent a.change_confirm_link 
 {
     font-weight: normal;
     text-decoration: underline;
 }
 
 #friContent a.change_confirm_link:hover 
 {
     text-decoration: none;
 }

#friContent fieldset.confirm_details_correct input 
{
    vertical-align: middle;
    margin-top: 0;
}

#friContent fieldset.confirm_details_correct label span 
{
    font-weight: normal;
}  
    
#friContent div#thank_you_next_steps 
{
    padding: 15px;
    margin-bottom: 10px;
    background-color: #ededed;
}

#friContent .partner_message 
{
    font-weight: bold;
}  

/* error page */

    
    #errorPage 
    {
        float: left;
        margin: 10px 0 0;
        width: 940px;
    }
     
   #errorPage h1
 {
	font-weight: normal;
	font-size: 24px;
	font-family: Georgia;	
	padding-bottom: 25px;
}
   
   #errorPage h2 
   {
       font-size: 14px;
       font-family: Arial;
       font-weight: bold;
   }
   
   #errorPage p 
   {
       padding-bottom: 10px;
   }
   
   #errorPage ul 
   {
       padding: 5px 0 10px 20px;
   }
   
   #errorPage a 
   {
       color: #005689;
       text-decoration: none;
   }
   
   #errorPage a:hover 
   {
       text-decoration: underline;
   }
   
   #mainContent.cms_generated h1, #mainContent.contact_us h1 
   {
       font-weight: bold;
       font-size: 14px;
       font-family: Georgia,"Times New Roman",Times,serif;
       margin: 30px 0 20px 0;
   }
   
   #contentwrapper.GreenEnergy #mainContent.cms_generated h1, 
   #contentwrapper.GreenEnergy #mainContent.contact_us h1
   {
       border-top: solid 10px #7BBB00;
   }
   
   
   #contentwrapper.BusinessSavings #mainContent.cms_generated h1, 
   #contentwrapper.BusinessSavings #mainContent.contact_us h1, 
   #contentwrapper.Domesticenergy #mainContent.cms_generated h1, 
   #contentwrapper.Domesticenergy #mainContent.contact_us h1 
   {
       border-top: solid 10px #8F1AB6;
   }
   
   #mainContent.cms_generated ol 
   {
        padding-left: 20px; 
   }
   
   #mainContent.cms_generated h2, #mainContent.contact_us h2
   {
       font-weight: normal;
       font-size: 18px;
       font-family: Georgia,"Times New Roman",Times,serif;
       margin: 20px 0 10px 0;
   }
   
   #mainContent.cms_generated a 
   {
       color: #005689;
       text-decoration: none;
   }
   
   #mainContent.cms_generated a:hover
   {
       text-decoration: underline;
   }