/*

File:       eqtr_components.css
Author:     Equator
Created:    29/07/08 by Jamie Boyd

*/

/*---------------------*/
/*---[ Link Styles ]---*/
/*---------------------*/

p.link {
    font-size:75%;
    font-weight:bold;
}

p.link a {
    text-decoration:none;
    color:#333333;
    background:transparent url(../cssimages/link_bullet_arrow.gif) no-repeat center left;
    padding-left:11px;
}

p.link a:hover {
    color:#666;
    background-image:url(../cssimages/link_bullet_arrow_gow.gif);
    text-decoration:underline;
}


/*-----------------------*/
/*---[ Button Styles ]---*/
/*-----------------------*/

.join {
    font-size:75%;

}

.join a,
.calcLink a {
    border:1px solid #000;
    display:block;
    width: 150px;
    text-decoration:none;
    text-align: center;
    margin-bottom: 20px;
}

.join a:hover,
.calcLink a:hover {
    text-decoration:none;
}

.join a span {
    display:block;
    line-height:1.3em;
}



/*
.join a:hover span,
.button input:hover {
    background:#7DB956;
    border-top-color:#aad190;
    border-left-color:#aad190;
    border-bottom-color:#517837;
    border-right-color:#517837;
}

.join a:active span,
.button input:active {
    background:#7DB956;
    border-top-color:#517837;
    border-left-color:#517837;
    border-bottom-color:#aad190;
    border-right-color:#aad190;
}
*/

.infoButton {
    border:none;
    padding-top:10px;
    clear:left;
    float:left;
}

.infoButton input {
    border:none;
    background:none;
    cursor:pointer;
    background:transparent url(../cssimages/list_bullet_tabs_black.gif) no-repeat center left;
    padding:2px 0 2px 11px !important;
    font-weight:bold;
    font-size:125%;
}

.infoButton input:hover,
.stepButtons span.active input {
    color:#CBD300 !important;
    background-image:url(../cssimages/list_bullet_tabs_green.gif) !important;
}






/* Brand */

h2.brand 
{
    width:241px;
    height:53px;
    margin:-50px 0 0 0;
}


/*----------------------*/
/*---[ Page Banner ]----*/
/*----------------------*/

.banner {
    margin:0;
    padding:0;
    width:760px;
    height:247px;
    position:relative;
    background-color:#000;
}

.banner h1 {
    margin:0;
    padding:0;
    line-height:1em;
}

.banner img {
    margin:0;
    padding:0;
}

.banner .join {
    width:auto;
    position:absolute;
    top:136px;
    left:40px;
    display:none;
}

.banner .join {
}

/* Page Title on form pages */

.banner h1.formPageTitle {
    font-size:150%;
    color:#000;
    margin:15px 0 10px 0
}







/*-----------------------------*/
/*---[ Content Components ]----*/
/*-----------------------------*/


/*---[ Content Background Images ]---*/

#pageContent {
    background:none;
}

#weAreDoingContent {
    background:transparent url(../cssimages/content_backs/sunflower.jpg) no-repeat bottom right;
}

#youCanDoContent {
    background:transparent url(../cssimages/content_backs/butterfly.jpg) no-repeat bottom right;
}

#hydroContent {
    background:transparent url(../cssimages/content_backs/droplets.jpg) no-repeat bottom right;
}

#windContent {
    background:transparent url(../cssimages/content_backs/dandelion.jpg) no-repeat bottom right;
}

#futureContent {
    background:transparent url(../cssimages/content_backs/shoots.jpg) no-repeat bottom right;
}

#joinContent {
    background:transparent url(../cssimages/content_backs/daisies.jpg) no-repeat bottom right;
}

#aboutContent,
.siteInfoContent {
    background:transparent url(../cssimages/content_backs/grass.jpg) no-repeat bottom right !important;
}

#contactContent {
    background:transparent url(../cssimages/content_backs/grass.jpg) no-repeat bottom right;
}

#sitemapContent {
    background:transparent url(../cssimages/content_backs/branch.jpg) no-repeat bottom right;
}

.homeContent {
    background:none !important;
}


/*---[ Generic Content Styles ]---*/

#content {
    clear:both;
    padding:20px 0 40px 0;
}

.mainContent h1,
.formContent h1 {
    font-size:225%;
    margin:20px 0 20px 0;
    line-height:1.2em;
}

.mainContent .content ul {
    list-style-type:disc;
    margin:10px 0 10px 20px;
}

.mainContent .content ul li {
    font-size:68.75%;
}

.mainContent .content p.join,
.formContent p.join {
    margin:20px 0px;
    padding-bottom:20px;
}

.mainContent .content p.join a,
.formContent p.join a,
.savingsCompare p.calcLink a {
    float:left;
}


/*---[ Homepage Components ]---*/

ul.featSections {
    list-style:none;
    margin:-10px 0 0 0;
    padding:0 0 10px 0;
    width:100%;
    float:left;
    background:url(../cssimages/horiz_divider.gif) no-repeat bottom left;
}

ul.featSections li {
    width:171px;
    float:left;
    background:#FFF url(../cssimages/featSec_divider.gif) no-repeat center right;
    padding:10px 13px 10px 12px;
}

ul.featSections li.first {
    padding-left:0;
}

ul.featSections li.last {
    padding:10px 0 10px 13px;
    background:none;
}

ul.featSections li a img{
    border:none;
}

ul.featSections li a{
    display:block;
    text-decoration:none;
}

ul.featSections li a:hover {
    text-decoration:none;
    border:none;
}

ul.featSections li .details {
    width:151px;
    margin:0;
    padding:0 10px;
    font-size:100%;
    font-weight:normal;
    line-height:1.2em;
    color:#AFAFAF;
    background-color:#000;
    display:block;
}

ul.featSections li .details div {
    height:100px;
}

ul.featSections li .details > div {
    height:auto;
    min-height:105px;
}

ul.featSections li h2 {
    font-size:87.5%;
    font-weight:bold;
    margin:0 0 5px 0;
    padding-top:5px;
    line-height:1.2em;
}

ul.featSections li .details p {
    line-height:1.5em;
}

ul.featSections li a:hover .details p {
    line-height:1.5em;
}

ul.featSections li .details p.link {
    text-align:right;
    display:block;
    margin-bottom:0;
    padding-bottom:10px;
}

ul.featSections li .details p.link span {
    background:transparent url(../cssimages/link_bullet_arrow_greyob.gif) no-repeat center left;
    padding-left:13px;
    padding-right:10px;
    color:#AFAFAF;
}

ul.featSections li a:hover .details p.link span {
    padding-left:13px;
    text-decoration:underline;
}

.featLinks {
    float:left;
    width:100%;
    padding:20px 0 10px 0;
}

.featLinks dl {
    float:left;
    width:240px;
    margin:0 20px 0 0;
}

.featLinks dl.savings {
    margin-right:0px;
}

.featLinks dt {
    font-size:95%;
    font-weight:bold;
    color:#333333;
    margin:0 0 10px 10px;
}

.featLinks dt a {
    text-decoration:none;
}

.featLinks dt a:hover {
    text-decoration:underline;
    color:#666;
}

.featLinks dd p {
    line-height:1.3em;
}

.featLinks dd p.link {
    font-size:75%;
    font-weight:bold;
}

.featLinks dd {
    margin-left:97px;
}

.featLinks dd.category {
    float:left;
    width:97px;
    margin:-5px 0 0 0;
}

.featLinks dd.category img {
    border:none;
}

.featLinks .newsSignUp {
    float:right;
    width:265px;
}

.featLinks .newsSignUp h3 {
    color:#333333;
    font-size:100%;
    font-weight:bold;
    margin:0 0 10px 0;
}
.featLinks .newsSignUp p {
    line-height:1.3em;
}

.featLinks .newsSignUp input {
    float:left;
    margin-right:10px;
}

.featLinks .newsSignUp input.text {
    font-size:75%;
    border:1px solid #808080;
    margin:0 10px 0 0;
    padding:2px;
    width:150px;
}

.featLinks .newsSignUp .button {
    display:block;
    float:left;
}

.featLinks .newsSignUp .button input {
    display:block;
    float:none;
    margin-right:0;
}

.featLinks .newsSignUp .error {
    float:left;
    width:233px;
    padding:2px 0 2px 20px !important;
    margin-top:5px;
    background-position:left 0.1em;
    line-height:1.3em;
}

.featLinks .newsSignUp .message{
    display:block;
    padding:2px 0 2px 0px !important;
    margin-top:5px;
    border:none;
    width:233px;
    font-size:75%;
    font-weight:bold;
    color:#7DB956;
    line-height:1.3em;
}


/*---[ What we are doing Components ]---*/

.energyTopics {
    margin-top:40px;
}

.energyTopics .topic {
    padding:0 0 5px 0;
    margin:0 0 35px 0;
    background:transparent url(../cssimages/content_top.gif) no-repeat bottom right;
}

.energyTopics .topic h2,
.formContent h2.stage {
    font-family:Helvetica, Arial, Sans-Serif;
    font-weight:normal;
    color:#000;
    line-height:1.3em;
    margin:10px 0 10px 0;
}

.energyTopics .topic a img {
    border:none;
}


/*---[ What you can do Components ]---*/

.articles {
    padding-top:30px;
}

.articleSum {
    padding-bottom:5px;
    margin-bottom:15px;
    background:url(../cssimages/content_top.gif) no-repeat bottom right;
}

.articleSum h2,
.articleSum p {
    margin-left:120px;
}

.articleSum h2 {
    font-size:100%;
    color:#000;
}

.articleSum h2 .date {
    font-size:75%;
    color:#808080;
    white-space:nowrap;
}

.articleSum h2 a {
    text-decoration:none;
}

.articleSum h2 a:hover {
    text-decoration:underline;
    color:#666666;
}

.articleSum p {
    line-height:1.4em;
}

.articleSum h3.category {
    width:120px;
    height:115px;
    float:left;
    margin:0;
}

.articleSum h3.category img {
    border:none;
}

.article h1 {
    font-size:120%;
    font-weight:bold;
    color:#000;
}

.article p.link a {
    background-image:url(../cssimages/list_bullet_arrow_left.gif);
}

.article p.link a:hover {
    background-image:url(../cssimages/list_bullet_arrow_green_left.gif);
}

/*---[ Join Components ]---*/

.savingsCompare {
    float:left;
    width:100%;
    clear:both;
    padding:0px 0 5px 0;
    display:inline;
    height:1%;
}

.savingsCompare h2 {
    font-family:Helvetica, Arial, Sans-Serif;
    font-weight:normal;
    color:#000;
    line-height:1.2em;
    margin:0 0 0 0;
    padding:0;
}

.savingsCompare table {
    border-collapse:collapse;
    margin:20px 0;
    padding:0;
    background:transparent url(../cssimages/table_back.gif) no-repeat top right;
    border-left:2px solid #e2e3e4;
}

.savingsCompare table tr th {
    font-size:90%;
    line-height:1.2em;
    color:#000;
    text-align:left;
    padding:13px 10px;
    background:transparent url(../cssimages/table_th_back.gif) repeat-x bottom left;
}

.savingsCompare table tr td {
    font-size:120%;
    line-height:1.0em;
    font-weight:bold;
    color:#CBD300;
    background:none;
    padding: 10px;
    background:transparent url(../cssimages/table_td_back.gif) no-repeat bottom right;
}

.savingsCompare table tr.bill td,
.savingsCompare table tr.saving td {
    color:#000;
}

.savingsCompare table tr.saving th,
.savingsCompare table tr.saving td {
    font-size:120%;
    padding:17px 10px;
}

.savingsCompare table tr.saving th {
    padding:10px 0 10px 10px;
}   

.savingsCompare table tr td span {
    font-size:70%;
    font-weight:normal;
    color:#CCC;
    display:block;
}

.savingsCompare .calcLink {
    float:left;
    width:100%;
}

.savingsCompare .smallPrint {
    padding-bottom:20px;
    background:transparent url(../cssimages/content_top.gif) no-repeat bottom right;
    float:left;
    clear:left;
    margin-top:10px;
    width:100%;
}


/*---[ SubNav Components and Menus ]---*/



.articleArchMenu h3 {
    display:block;
    font-size:87.25%;
    padding:6px 10px 8px 25px;
    margin:0;
    background:url(../cssimages/list_bullet_arrow.gif) no-repeat 12px .9em;
    text-decoration:none;
    color:#333333;
    height:1%;
}


/*--------------------------*/
/*---[ Form Components ]----*/
/*--------------------------*/

/* See [ Button Styles ] above for basic styles */



.button input,
.backButton input,
.backButton a {
    width:auto;
    overflow:visible;
    font-size:70%;
    font-weight:bold;
    padding:0 4px 1px 4px;
    margin:0 !important;
    cursor:pointer;
}

.backButton a 
{
	font-size:100%;
	line-height:1.5em;
	
}


p.error,
.errorMessages label.error,
.newsSignup .error,
fieldset span.error,
.radioButtons span.error,
p.emailExistsError .error {
    font-size:75%;
    font-weight:bold;
    color:#EE0000;
    padding:2px 0 2px 0;
    margin:0 0 .5em 0;
    /*background:transparent url(../cssimages/error_icon.gif) no-repeat top left;*/
}

#errorWhoSupplies label.error 
{
    width:100%;
    color:#EE0000;
}

.mandatory,
.bigred {
    font-weight:bold;
    color:#DD0000;
}

.mainContent .mandMessage {
    font-size:75%;
    line-height:1.5em;
    font-weight:normal;
    margin-top:0;
    margin-bottom:10px;
}

.mainContent fieldset,
.formContent fieldset {
    padding:0 0 20px 0;
    border:1px solid #B2B2B2;
    border-bottom-width:0;
}

.mainContent fieldset.terms 
{
	border-bottom-width:1px;
}



.formContent fieldset.savings {
    border:none;
    padding:0;
}

.formContent fieldset.savings .button {
    margin:10px 0;
    padding:0;
}

.mainContent fieldset.query,
.formContent fieldset {
    border-bottom-width:1px;
}

.mainContent fieldset h3,
.formContent fieldset h2,
.formContent fieldset h3 {
    font-size:100%;
    color:#333333;
    margin:0 0 10px 0;
    padding:5px 10px;
    background:#f2f2f2;
    border-bottom:1px solid #B2B2B2;
}

.mainContent fieldset h4,
.formContent fieldset h4 {
    float:left;
    font-size:80%;
    margin:10px 0 0 0;
    padding:0 10px;
    clear:both;
    width:537px;
}

.mainContent fieldset h4 {
    width:522px;
}

.formContent fieldset h4 {
    padding:0;
}

fieldset div.field 
{
	float:left;
	width:740px;
	padding:2px 10px 8px 10px;
}

.mainContent fieldset div.field 
{
    width:548px !important;
}
    

fieldset div.field .formElements
{
	float:left;
	width:830px;
	font-size:68.75%;
}

fieldset div.field .formElements label 
{
	float:left;
	width:240px;
	margin-right:10px;
	text-align:right;
	font-weight:bold;
}

.mainContent fieldset div.field .formElements label 
{
    width:140px !important;
}


fieldset div.field .formElements input 
{
    font-size:100%;
    margin-top:3px;
    width:150px;
}

fieldset .field .formElements select 
{
    font-size:100% !important;
    margin-top:5px !important;
}

fieldset div.field .getAddress input 
{   
    width:auto !important;
}

fieldset div.field .errorMessages 
{
	clear:left;
	width:450px;
	margin-left:250px;
	font-size:90%;
}

.mainContent fieldset div.field .errorMessages  
{
    margin-left:150px;
    width:350px;
}

.mainContent fieldset .phoneNums .errorMessages,
.mainContent fieldset .houseNums .errorMessages 
{
    margin-left:0px !important;
    width:500px;
}

.persInfo p 
{
    padding-left:250px;
}



fieldset div.field .getAddress 
{
	width:600px;
}

fieldset .altBill .formElements 
{
    width:100% !important;
    font-size:100%;
}

fieldset .appRadioButtons .formElements 
{
    width:600px !important;
}

fieldset .appRadioButtons .formElements table 
{
	width:300px;
}

fieldset .appRadioButtons .formElements table input
{
    width:15px !important;
    height: 16px;
    float:left;
    margin-left:0 !important;
}

fieldset .appRadioButtons .formElements table label
{
    padding-top:5px !important;
}

fieldset .appCheckBoxList .formElements 
{
    padding:0;
    width:500px;
}

fieldset .promoCode .formElements
{
    width:100% !important;
}

fieldset .promoCode .error
{
	font-size:110%;
	font-weight:bold !important;
}

fieldset .continueButton 
{
    padding-bottom:10px !important;
    padding-right:15px !important;
    padding-left:15px !important;
    width:730px !important;
}

fieldset.query textarea 
{
	height:200px;
	width:250px;
	font-family:Arial, Trebuchet MS, Tahoma, Calibri,sans-serif;
}

fieldset.query .continueButton 
{
	padding:0 10px 10px 10px !important;
}

fieldset.query div.button 
{
    border:none;
}

fieldset.query div.button label 
{
    display:none;
}

fieldset.query div.button input 
{
    width:auto;
}

fieldset.query div.button .formElements 
{
    width:400px;
}

.formContent fieldset .continueButton .formElements 
{
    width:100% !important;
}

fieldset .continueButton .formElements input 
{
    width:auto !important;
    margin:0 !important;
}

fieldset .appCheckBoxList .formElements label.checkLabel,
fieldset .appRadioButtons .formElements label.radioLabel
{
    font-size:100%;
}

fieldset .appCheckBoxList .formElements span.checkBoxes 
{
    width:170px;
    float:left;
}

fieldset .appRadioButtons .formElements span.radioLabels 
{
    width:auto;
    float:left;
}

fieldset .appCheckBoxList .formElements span label
{
    font-size:100%;
    display:inline;
    float:none;
    margin:0 10px 0 0;
    padding:0;
}

fieldset .appCheckBoxList .formElements span input
{
    width:auto;
    margin:0 4px 0 0;
    vertical-align:text-bottom;
}



fieldset .appRadioButtons .formElements span label {
    font-size:100%;
    display:block;
    float:none;
    margin:-24px 10px 8px 20px;
    padding:0;
    text-align: left;
    
}

fieldset .appRadioButtons .formElements span input 
{
    width:auto;
    margin:0 4px 10px 0;
    vertical-align:bottom;
    width: 13px;
    height: 13px;
    display:inline;
}




.formContent .radioButtons h4,
.formContent fieldset .checkBoxList h4 {
    width:240px;
    padding-left:0px;
    float:left;
    color:#333333;
    margin:3px 10px 0 0 !important;
    font-size:100%;
    line-height:1.3em;
    display:inline;
    text-align:right;
}

.formContent .radioButtons h4 
{
	line-height:1.4em;
}

fieldset .appRadioButtons .formElements table label,
fieldset .radioButtons .formElements table label   
{
    display:inline;
    width:auto;
    line-height:1.3;
    margin-top:1px;
    margin-left:3px;
    padding:1px 0 5px 0 !important;
}

fieldset .ageRange table label   
{
    width:40px !important;
    text-align:left !important;
}

fieldset .radioButtons .formElements 
{
	width:700px !important;
}

fieldset .radioButtons .formElements table label 
{
	font-size:100%;
}

.formContent .tenure .formElements table {
    width:450px !important;
}

fieldset.appPayment .accountName .formElements 
{
    width:430px !important;
}

fieldset.appPayment .accountNum .formElements input,
fieldset.appPayment .accountSort .formElements input 
{
    width:150px;
}

fieldset.appProdChoice,
fieldset.appPayment,
fieldset.appPersonal,
fieldset.appMarketing,
fieldset.query,
fieldset.savingsProducts,
fieldset.savingsSupplier,
fieldset.savingsTariff 
{
    padding-bottom:5px;
}

fieldset .appCheckBox .formElements 
{
    width:100% !important;
}

fieldset .appCheckBox .errorMessages 
{
    width:700px !important;
    margin-left:5px !important;
}

fieldset .appCheckBox .formElements input
{
    width:auto !important;
    float:left;
    margin-left:5px;
    vertical-align:text-bottom;
}

fieldset .appCheckBox .formElements label 
{
    width:680px !important;
    float:left;
    text-align:left !important;
    margin-left:5px !important;
    line-height:1.4em;
}

fieldset .ddAmount .formElements input 
{
    width:50px !important;
}

.mainContent fieldset .number input 
{
    width:40px !important;
}

.mainContent fieldset .continueButton .formElements  
{
	width:100%;
}

.mainContent fieldset .continueButton .formElements span  
{
	margin-right:5px;
}

.formContent fieldset.savingsProducts .pcode input
{
	width:70px;
}

.formContent .savingsTariff .formElements 
{
	width:100%;
}




/* Labels */

.formContent fieldset .formElements label,
.formContent fieldset .appQuestion label {
    font-weight:bold;
    color:#333333;
    float:left;
    width:140px;
    padding:2px 0;
    text-align:right;
    margin-right:10px;
}

.formContent fieldset .appQuestion label {
    width:240px;
    margin-right:10px;
    line-height:1.2em;
}

.formContent fieldset .infoLabel {
    display:none;
}

fieldset.query .button span {
    border:1px solid #000000;
    float:right;
    margin-right:0px;
}

.formContent fieldset .button {
    float:right;
}

.formContent .infoButton {
    width:auto;
    display:inline;
    padding:0;
    margin:10px 0 0 0;
}

.mainContent fieldset .button input,
.formContent fieldset .button input,
.formContent fieldset .backButton input,
.formContent fieldset .backButton a,
.formContent .infoButton input  {
    font-size:100%;
    width:auto;
    overflow:visible;
    height:1%;
    padding:1px 4px;
}

fieldset .appQuestion span.error {
    font-size:100%;
    padding-bottom:0;
    margin-left:5px;
    margin-bottom:0;
    float:right;
    clear:right;
    width:190px;
}

.mainContent fieldset span.error {
    width:165px;
}

.formContent fieldset .appQuestion span.error {
    width:300px;
}

.mainContent fieldset .houseNums .error,
.mainContent fieldset .phoneNums .error {
    float:left;
    width:480px;
    margin:5px 0 0 0;
}


/*-----------------------------*/
/*---[ Savings Components ]----*/
/*-----------------------------*/

.formContent table.ourPrices {
    border-collapse:collapse;
    border:1px solid #B2B2B2;
    border-top-width:0;
    border-left-width:0;
    width:500px;
    margin-bottom:20px;
}

.formContent table.ourPrices th,
.formContent table.ourPrices td {
    border-collapse:collapse;
    border:1px solid #B2B2B2;
    border-bottom-width:0;
    border-right-width:0;
    padding:2px 5px;
    font-size:75%;
    text-align:left;
}

.formContent table.ourPrices th {
    color:#333333;
    width:150px;
}

.formContent table.ourPrices th.heading {
    font-size:100%;
    color:#333333;
    background:#F2F2F2;
    width:auto;
}

.formContent table.ourPrices img {
    display:none;
}

.formContent .savingsInfo h2 {
    font-size:100%;
    color:#333333;
}

.formContent .savingsInfo h3 {
    font-size:100%;
    color:#333333;
}

.formContent .savingsInfo h3 {
    font-size:100%;
    color:#808080;
}

.formContent .savingsInfo h3 span {
    color:#333333;
}


/*---------------------------------------*/
/*---[ Energy Efficiency Components ]----*/
/*---------------------------------------*/

.formContent fieldset.energyEfficiency {
    border-bottom-width:0;
}

.formContent fieldset .radioButtons,
.formContent fieldset .checkBoxList {
    margin:0 10px 10px 0px;
    clear:left;
    display:block;
}

.formContent fieldset .radioButtons 
{
	margin:0;
}

.formContent fieldset .radioButtons h4,
.formContent fieldset .checkBoxList h4 {
    width:240px;
    padding-left:0px;
    float:left;
    color:#333333;
    margin:3px 10px 0 0;
    font-size:100%;
    line-height:1.3em;
    display:inline;
    text-align:right;
}

.formContent fieldset .radioButtons span,
.formContent fieldset .checkBoxList span {
    width:auto;
}

.formContent fieldset .radioButtons label,
.formContent fieldset .selectAddress label,
.formContent fieldset .checkBoxList label {
    width:auto;
    float:none;
    font-size:68.75%;
    font-weight:bold;
    color:#333333;
    vertical-align:middle;
    margin-right:10px;
}

.formContent fieldset .pcode .part {
    display:inline-block;
}

.formContent fieldset .pcode .part,
.formContent fieldset .pcode .part span {
      width:60px;
      float:left;
      margin-right:10px;
}

.formContent fieldset .pcode .part input 
{
	width:60px;
}

.formContent fieldset .pcode label.secondPart 
{
	display:none;
}

.formContent fieldset .selectAddress {
    clear:left;
    float:left;
    width:738px;
    padding:0 10px;
}

.formContent fieldset .selectAddress label {
    float:left;
    width:240px;
    text-align:right;
}

.formContent fieldset .selectAddress select {
    min-width:154px;
}

.formContent fieldset .selectAddress .AddressLeft,
.formContent fieldset .selectAddress .AddressRight {
    margin:0 0 10px 250px;
}

.formContent fieldset .selectAddress .AddressRight input {
    border:none;
    background:none;
    cursor:pointer;
    background:transparent url(../cssimages/list_bullet_arrow.gif) no-repeat center left;
    padding:2px 0 2px 11px !important;
    font-weight:bold;
    font-size:75%;
    width:auto;
    overflow:visible;
}

.formContent fieldset .selectAddress .AddressRight input:hover {
    color:#CBD300;
    background-image:url(../cssimages/list_bullet_arrow_green.gif);
}

.formContent fieldset .radioButtons input,
.formContent fieldset .checkBoxList input {
    vertical-align:middle;
    margin-left:0px;
    width:13px !important;
    margin-right:1px;
    height: 13px;
  
}

.formContent fieldset .radioButtons td input {
    margin-left:0px;
    width:15px;
    float: left;
    margin-top:1px;
}

.formContent fieldset .radioButtons span.error,
.formContent fieldset .checkBoxList span.error {
    padding-bottom:3px;
    margin-left:5px;
    margin-bottom:10px;
    margin-top:3px;
    margin-left:0px;
    background-position:center left;
    display:block;
}

.formContent fieldset .lookupButton label {
    display:none;
}

.formContent fieldset .lookupButton input {
    border:none;
    background:none;
    cursor:pointer;
    background:transparent url(../cssimages/list_bullet_arrow.gif) no-repeat center left;
    padding:2px 0 2px 11px !important;
    font-weight:bold;
    font-size:100%;
    margin-left:250px;
    width:auto;
    overflow:visible;
}

.formContent fieldset .lookupButton input:hover {
    color:#CBD300;
    background-image:url(../cssimages/list_bullet_arrow_green.gif);
}

.formContent fieldset .tenure .error,
.formContent fieldset .propertyType .error {
    display:block;
    float:none !important;
}

.formContent fieldset table {
    margin-left:250px;
    display:block;
    width:auto;
    border-collapse:collapse;
}

.formContent fieldset table.paymentType {
    margin-left:250px;
}

.formContent fieldset table.paymentType input:radio {
   width: 16px; height: 16px;
}


.formContent fieldset #energyEfNext {
    margin-top:30px;
}

.formContent fieldset.constructDets,
.formContent fieldset.homeHeat,
.formContent fieldset.heatControls,
.formContent fieldset.hotWater {
    border-bottom:0 !important;
}

.formContent fieldset.homeHeat h4 
{
	width:245px;
}

.formContent .buildDetails,
.formContent .otherDetails,
.formContent .otherPersonalDetails,
.formContent .secondaryHeating,
.formContent .solarWater
{
	padding-bottom:5px !important;
}

.formContent .homeHeat #boilerType .formElements
{
	width:600px !important;
}

.formContent .buildDetails .formElements table,
.formContent .otherDetails #doubleGlazing .formElements table,
.formContent .homeHeat #heatingDetails .formElements table,
.formContent .homeHeat #storageType .formElements table,
.formContent #mainHeatingControls .formElements table,
.formContent #hotWater .formElements table,
.formContent #hotWaterCylinderSize .formElements table
{
	width:400px;
}

.formContent #mainHeatingControls .formElements table
{
	width:600px;
}

.formContent .otherDetails #numberLightBulbs .formElements table,
.formContent .homeHeat #boilerSupply .formElements table
{
	width:350px;
}

.formContent .otherDetails #numberFireplaces .formElements table,
.formContent .homeHeat #boilerInstalled .formElements table
{
	width:400px;
}

.formContent .constructDets .formElements table
{
	width:600px !important;
}

.formContent #constructionDetails .formElements table 
{
	width:400px !important;
}

.formContent #roofDetails .formElements table 
{
	width:250px !important;
}

.formContent .buildDetails .flatPos .formElements table,
.formContent #hotWaterCylinderInsulation .formElements table
{
	width:250px !important;
}

.formContent .buildDetails #buildingDetails table,
.formContent .buildDetails #integratedGarage table,
.formContent .buildDetails #heatedConservatory table,
.formContent .buildDetails #glazingConservatory table
{
	width:auto;
}

.formContent .buildDetails .formElements table label
{
	text-align:left;
}

.formContent .buildDetails .propertyType .formElements table 
{
	width:300px;
}

.formContent .buildDetails .continueButton,
.formContent .otherDetails .continueButton
{
	font-size:75%;
}

fieldset.solarWater #photoVoltaicCoverage input 
{
	width:50px !important;
}


/*---[ Energy Efficiency Results ]---*/

.energyEfficiencySection {
    clear:left;
    float:left;
    width:100%;
    padding:10px 0;
}

.energyEfficiencySection h2 {
    font-size:100%;
    color:#333333;
    margin-top:0;
}

.energyEfficiencySection p {font-size: 70%;}

.energyRating h2 {
    font-size:150%;
    margin-bottom:30px;
}

.ratingSection h3,
.recommendationSection h3 {
    font-size:75%;
    margin:0 0 10px 0;
    line-height:1.5em;
    color:#333333;
}

.ratingWrapper {
    margin:20px 0 20px 0;
}

.energyRating .ratingWrapper h3 {
    font-size:100%;
}

.ratingSection .rating span {
	font-size: 200% !important;
	color: White !important;
	font-weight: bold !important;
	padding: 2px 10px 2px 10px !important;
	display:inline;
	margin-left:10px;
}

.ratingG {
	background-color: #ed1b24;
}

.ratingF {
	background-color: #f48222;
}

.ratingE {
	background-color: #faad65;
}

.ratingD {
	background-color: #fdcb08;
}

.ratingC {
	background-color: #91c53f;
}

.ratingB {
	background-color: #18b358;
}

.ratingA {
	background-color: #009243;
}

.energyRating h3 {
    font-size:87.5%;
}   

.energyRating h3 span {
    font-size:120%;
    color:#7DB956;
}

.ratingSection {
    float:left;
    width:420px;
}

.ratingLegend {
    width:280px;
    float:right;
}

.ratingLegend .legend {
    float:left;
    width:131px;
    margin:0 15px 0 0;
}

.energyRating {
    padding:20px;
    border:1px solid #B2B2B2;
    color:#333333;
    width:718px;
    background:#F2F2F2;
}

.energyRating h2 {
    margin-top:0;
}

.recommendationSection {
    clear:left;
    float:left;
    width:760px;
    padding:10px 0;
}

.recommendations {
    clear:left;
    float:left;
    width:760px;
    padding:0px;
}

.recommendationSection h3 {
    float:left;
    width:170px;
    font-size:75%;
}

.recommendationSection p {
   font-size:90%;
    line-height:1.0em;
    font-weight:bold;
    color:#808080;
    background:none;
    margin-bottom:10px;
}

.recommendationSection .saving p {
   font-size:120%;
}

.recommendationSection .saving p {
    color:#7DB956;
}

.insulationSection {
    clear:left;
}

.insulationSection h3 {
    font-size:100%;
    margin:0 0 10px 0;
    line-height:1.5em;
    color:#333333;
}

.energyEfficiencySection ol {
    font-size:68.75%;
    padding:0 0 0 20px;
    margin:0;
}

.energyEfficiencySection ol li {
    margin:0 0 0 10px;
}

#energyEfficiency .smallPrint {
    clear:both;
    width:100%;
    float:left;
    margin-top:20px;
    padding-bottom: 20px;
}


#energyEfficiency .smallPrint p.link {font-size: 70%; margin-bottom: 20px;}
#energyEfficiency .smallPrint p {font-size:70%;} 


#energyEfficiency .smallPrint .link 
{
	float:left;
	width:100%;
}

#energyEfficiency .smallPrint .link span.button 
{
	float:left;
}

#energyEfficiency .smallPrint .link span.button a {
    color:#000;
    display:block;
    font-weight:bold;
    text-decoration:none;
    text-transform:uppercase;
    background:#CBD300;
    padding:1px 14px;
    border-top:2px solid #d7e678;
    border-left:2px solid #d7e678;
    border-bottom:2px solid #7e8d1f;
    border-right:2px solid #7e8d1f;
}


/*--------------------------------------*/
/*---[ Application Form Components ]----*/
/*--------------------------------------*/

.energyGrid {
    display:none;
}

fieldset.appTeleDetails 
{
    display:none;
}

.stepButtons span.infoButton {
    margin-right:10px;
    display:inline;
    float:none;
    overflow:hidden;
}

.stepButtons 
{
	display:block;
	position:relative;
}

.stepButtons span.infoButton input {
    background-position: center left;
    background-color:#FFFFFF;
    padding-bottom:0 !important;
    font-size:87.5%;
}

.step1IntroText {
	margin-top:20px;
	
}	

.step1IntroText p{
font-size: 70%;
padding-bottom: 20px;
clear: both;
color: #666;
	
}



.formContent fieldset.appSummary,
.formContent fieldset.appTerms,
.formContent fieldset.appAccountStatement,
.formContent fieldset.appAddress {
    border-bottom:0 !important;
}

.formContent fieldset .appQuestion {
    clear:both;
    padding:2px 10px;
    margin-bottom:8px;
    float:left;
    width: 738px;
    font-size:68.75%;
    line-height:1.3em;
}

.formContent fieldset .appQuestion span.error {
    font-weight:bold;
    color:#EE0000;
    padding:2px 0 2px 20px;
    margin:0 0 .5em 0;
    background:transparent url(../cssimages/error_icon.gif) no-repeat top left;
}
/*
.formContent fieldset.appAddress div {
    margin:0 !important;
    padding:0;
    width:760px;
    display:inline;
}
*/

.formContent fieldset.appAddress p  {
    width:740px;
    float:left;
    margin-bottom:10px;
    line-height:1em;
}

.formContent fieldset.appAddress .pcode input {
    width:70px;
}

.formContent fieldset.appAddress .getAddress span {
    display:block;
    margin-left:250px;
    margin-top:10px;
}

.formContent fieldset.appAddress .getAddress input,
.formContent fieldset.appAddress .selAddress input {
    width:auto;
    overflow:visible;
    border:none;
    background:none;
    cursor:pointer;
    background:transparent url(../cssimages/list_bullet_arrow.gif) no-repeat center left;
    padding:2px 0 2px 11px !important;
    font-weight:bold;
    font-size:100%;
    border:1px solid #FFFFFF;


}

.formContent fieldset.appAddress select {width: 480px!important}

.formContent fieldset.appAddress .getAddress input:hover,
.formContent fieldset.appAddress .selAddress input:hover {
    color:#CBD300;
    background-image:url(../cssimages/list_bullet_arrow_green.gif);
}

.formContent fieldset.appAddress .selAddress {
    margin-top:15px;
}

.formContent fieldset.appAddress .selAddress select {
    display:block;
    margin-left:250px;
}

.formContent fieldset.appAddress .error {
    padding:4px 0;
}

.formContent fieldset.appProdChoice span.button,
.formContent fieldset.appPayment span.button,
.formContent fieldset.appPersonal span.button,
.formContent fieldset.appMarketing span.button {
    margin:0 5px 0 0;
    display:inline;
    float:right;
    padding:0;
    width:auto;
}

.formContent fieldset .appRadioButtons label.radioLabel,
.formContent fieldset .appCheckBoxList label.checkLabel {
    width:240px;
    float:left;
    text-align:right;
}

.formContent fieldset .appCheckBoxList td label {
    margin-top:2px;
}

.formContent fieldset .appRadioButtons span.error {
    display:block;
    font-size:68.75%;
    font-weight:bold;
    color:#EE0000;
    padding:2px 0;
    margin:0 0 .5em 0;
    /*background:transparent url(../cssimages/error_icon.gif) no-repeat top left;*/
}

.formContent fieldset .altBill {
    width:740px !important;
    padding:4px 10px 0!important;
}

.formContent fieldset .altBill .altBillCheck 
{
	width:740px;
	float:left;
}

.formContent fieldset .altBill input {
  
    margin-right:5px;
    margin-left:250px;
    margin-top:0px!important;
    float:left;
    height: 16px;
    width: 16px!important;
}

.formContent fieldset .altBill label {
    width:400px;
    font-weight:bold;
    color:#333333;
    float:left !important;
    text-align:left !important;
}

.formContent fieldset.appPayment h4 {
    background:none !important;
    font-size:100%;
    color:#7DB956;
    width:740px;
    margin:0 0 10px 0;
    padding:0 10px;
}

.formContent fieldset.appPayment .appConfirmCheck {
    display:block;
}

.formContent fieldset.appPayment .appCheckBoxList .error {
    margin-left:20px;
    margin-top:5px;
    line-height:1.3em;
}

.formContent fieldset.appPersonal .appTitle select {
    float:left;
    width:auto;
}

.formContent fieldset .appStatement {
    display:inline;
    width:auto;
    float:none;
    color:#808080;
    font-weight:normal;
}

.formContent fieldset .ddAmount input {
    width:50px;
}

.formContent fieldset .persInfo {
    margin:0;
    padding:0;
    display:inline;
}

.formContent fieldset.appSummary h3 {
    border:none;
    background:none;
}

.formContent fieldset.appSummary .appServiceSummary {
    margin:0 0 10px 0;
    width:758px;
    text-align:left;
}

.formContent .appServiceSummary th h4 {
    background:none !important;
    border:none;
    color:#7DB956;
    clear:both;
    text-align:left;
}

.formContent .appServiceSummary h4 {
    background:none !important;
    font-size:120%;
    color:#333333;
    width:738px;
    margin:0 0 10px 0;
    padding:0 0 0 10px;
}

.formContent .appServiceSummary td {
    font-size:87.5%;
    font-weight:bold;
    color:#333333;
    text-align:left;
}

.formContent .appServiceSummary th {
    font-weight:bold;
    color:#808080;
    width:240px;
    font-size:75%;
    text-align:left;
}

.formContent .appServiceSummary label {
    float:none;
    display:inline;
    padding:0 0 0 10px;
}

.formContent fieldset.appTerms .appCheckBoxList,
.formContent fieldset.appMarketing .appCheckBoxList {
    width:738px;
}

.formContent fieldset.appTerms .tcDIV {
    height:400px;
    overflow:auto;
    margin:0 10px 20px 10px;
    border:1px solid #B2B2B2;
}

.formContent fieldset.appTerms .tcDIV p {
    width:698px;
}

.formContent fieldset.appTerms span.error {
    display:inline;
}

.formContent fieldset.appTerms .termsPDF 
{
    clear:both;
    padding:0 15px;
}

.formContent fieldset.appMarketing table {
    margin-left:0;
    width:740px;
}

.formContent fieldset.appMarketing p 
{
    padding:0 15px;
}

.formContent textarea#aw_basket {
    display:none;
}


.sIFR-hasFlash .formContent .thankyouImageBanner h1 {
    visibility:visible !important;
    display:block !important;
}

.formContent fieldset.appThanksSummary {
    margin:0 0 10px 0;
    width:758px;
    text-align:left;
    border-bottom-width:1px;
}

.formContent fieldset.appThanksSummary .appServiceSummary {
    margin:0 0 10px 0;
    width:758px;
    text-align:left;
}

.formContent fieldset.appThanksSummary h3 {
    border:none;
    background:none;
}

.formContent .thanksEmailStatus h2 {
	font-size:100%;
}


/*-------------------------*/
/*---[ FAQ Components ]----*/
/*-------------------------*/

.questions {
    background:transparent url(../cssimages/horiz_divider.gif) no-repeat top right;
    margin-right:20px;
}

.questions h3 {
    font-size:100%;
    margin:5px 0 5px 0;
    color:#333333;
}

.questions h3 a {
    margin:10px 0 10px 0;
    display:block;
    padding:0px 10px 0px 27px;
    background:url(../cssimages/list_bullet_arrow.gif) no-repeat 12px .4em;
    background-image:url(../cssimages/plus_black.gif);
    text-decoration:none;
    color:#333333;
    height:1%;
}

.questions h3 a:hover {
    color:#666;
    background-image:url(../cssimages/list_bullet_arrow_green.gif);
    background-image:url(../cssimages/plus_black.gif);
    text-decoration:underline;
}

.questions li.open h3 a {
    background:url(../cssimages/list_bullet_arrow_d.gif) no-repeat 12px .4em;
    background-image:url(../cssimages/minus_black.gif);
}

.questions li.open h3 a:hover {
    background:url(../cssimages/list_bullet_arrow_green_d.gif) no-repeat 12px .4em;
    background-image:url(../cssimages/minus_black.gif);
    text-decoration:underline;
}

.questions li {
    margin:0;
    padding:2px 0;
    width:100%;
}

.questions li.category {
    background:transparent url(../cssimages/horiz_divider.gif) no-repeat bottom right;
}

.questions li.category ul {
    margin:0;
    padding:0 0 20px 25px;
}

.questions dl {
    margin:0 0 5px 0;
    padding:0;
}

.questions dt {
    font-size:80%;
    font-weight:bold;
    line-height:1.3em;
    margin:0;
    padding:0;
    color:#333;
}

.questions dt a {
    color:#333333;
    text-decoration:none;
}

.questions dl.open dt a,
.questions dt a:hover {
    color:#666;
    text-decoration:underline;
}

.questions dd.answer {
    margin:0 0 10px 0;
    padding:6px 0px 5px 0;
    width:514px;
}

.questions dd ul {
    margin:0 0 10px 30px;
}

.questions dd ul li {
    font-size:68.75%;
    list-style-type:disc;
    padding:0;
    margin:0 0 4px 0;
    width:auto;
}

.questions dd ol {
    font-size:68.75%;
    margin:0 0 10px 25px;
    padding:0;
}

.questions dd ol li {
    width:auto;
    padding:0;
    margin:0 0 4px 0;
}


/


/*--------------------------------*/
/*---[ Subcontent Components ]----*/
/*--------------------------------*/

.subContent .newsSignUp {
    clear:both;
    width:179px;
    float:left;
    padding:0;
    margin:0 0 0 0;
    background:url(../cssimages/newsBack.gif) repeat-y top left;
}

.subContent .newsSignUp h3 {
    color:#333333;
    font-size:100%;
    font-weight:bold;
    padding:10px 14px 5px 14px;
    margin:0;
    background:url(../cssimages/newsTop.gif) no-repeat top left;
}

.subContent .newsSignUp p {
    line-height:1.3em;
    padding:0 10px 0 14px;
}

.subContent .newsSignUp fieldset {
    display:block;
    padding:0 14px 10px 14px !important;
    margin:0 0 0 0;
    background:url(../cssimages/newsBottom.gif) no-repeat bottom left;
    border:none;
    width:151px;
}

.subContent .newsSignUp input.text {
    font-size:75%;
    width:143px;
    margin-bottom:10px;
}

.subContent .newsSignUp .text {
    display:block;
}

.subContent .newsSignUp .button {
    border:none;
    display:block;
    padding-bottom:10px;
    width:140px;
    margin-right:4px;
    display:inline;
}

.subContent .newsSignUp .button span {
    border:1px solid #000;
    display:block;
    width:auto;
    float:right;
}

.subContent .newsSignUp .button input {
    float:none;
    width:auto;
}

.subContent .newsSignUp span.error {
	margin:0 0 0 0;
	line-height:1.3em;
    padding:1px 0px 10px 20px;
    float:right;
    width:131px;
    background-position:top left;
    clear:both;
}

.subContent .newsSignUp div.message {
    display:block;
    padding:0 14px 40px 14px;
    margin:0 0 0 0;
    background:url(../cssimages/newsBottom.gif) no-repeat bottom left;
    border:none;
    width:151px;
    font-size:68.75%;
    font-weight:bold;
    color:#7DB956;
    line-height:1.3em;
}


/*---[ News Item widget ]---*/

.subContent .newsItem {
    position:relative;
    width:179px;
    padding:0;
    margin:0 -4px 10px 0;
    background:url(../cssimages/newsBack.png) repeat-y top left;
}

.subContent .newsItem h3 {
    color:#333333;
    font-size:100%;
    font-weight:bold;
    padding:10px 14px 5px 14px;
    margin:0;
    background:url(../cssimages/newsTop.png) no-repeat top left;
}

.subContent .newsItem h3 a {
    text-decoration:none;
}

.subContent .newsItem h3 a:hover {
    text-decoration:underline;
    color:#CBD300;
}

.subContent .newsItem p {
    line-height:1.3em;
    padding:0 14px;
}

.subContent .newsItem div {
    position:relative;
    padding:0 0 0 0;
    background:url(../cssimages/newsBottomPostit.png) no-repeat bottom left;
}

.subContent .newsItem div .link {
    min-width:1%;
}

.subContent .newsItem div .category {
    height:56px;
    padding-bottom:24px;
    margin-top:-10px;
    margin-bottom:0;
}

.subContent .newsItem div .category img {
    width:57px;
    height:56px;
    margin:0 0 0 93px;
    padding:0;
    border:none;
}


/*---[ Energy Survey widget ]---*/

.subContent .surveyLink {
    float:left;
    width:179px;
    padding:0;
    margin:0 0 10px 1px;
    background:#000 url(../cssimages/surveyBack.gif) repeat-y top left;
}

.subContent .surveyLink h3 {
    color:#CBD300;
    font-size:100%;
    font-weight:bold;
    padding:10px 14px 5px 14px;
    margin:0;
    background:url(../cssimages/surveyTop.gif) no-repeat top left;
}

.subContent .surveyLink h3 a {
    text-decoration:none;
    color:#CBD300;
}

.subContent .surveyLink h3 a:hover {
    text-decoration:underline;
}

.subContent .surveyLink p {
    line-height:1.3em;
    padding:0 14px;
    color:#FFF;
}

.subContent .surveyLink p.link {
    line-height:1.3em;
    padding:0 14px 15px 14px;
    margin:0;
    background:url(../cssimages/surveyBottom.gif) no-repeat bottom left;
}

.subContent .surveyLink p.link a {
    color:#FFF;
    background-image:url(../cssimages/link_bullet_arrow_wob.gif);
    background-position:left 0.25em;
}

.subContent .surveyLink p.link a:hover {
    text-decoration:underline;
}




/*---------------------------*/
/*---[ Popup Disclaimer ]----*/
/*---------------------------*/

.disclaimer {
    width:auto;
    background:#FFF;
    padding:20px;
}

.disclaimer .controls {
    display:block;
    width:100%;
    float:left;
}

.disclaimer .controls span {
    margin-right:10px;
    display:inline-block;
}

.disclaimer h1 {
    clear:left;
    margin-top:50px;
}


.AddressLeft select {width: 480px!important}

.calcForm p{font-size: 70%; padding-bottom: 20px;}

.contactUsForm, .calcSavings, .formContent {padding-bottom: 20px;}

.msEmployee {float: left!important; display: inline!important;  margin:-20px 0 0 453px!important}

.formContent p{font-size: 75%; padding-bottom: 10px; padding-top: 10px;}
.employeeBtn {width: 450px; float: left!important; display: inline!important; margin :0px!important; padding: 0px!important;}
.employeeBtn input{cursor:pointer; font-family:Arial,Trebuchet MS,Tahoma,Calibri; margin-left: 6px!important; width: 350px!important; text-align:left;  float: left; display: inline; background:none!important; border:none!important; font-size: 100%; color: #333333; font-weight: bold;}
.employeeBtn input:hover {text-decoration :underline; color:#7AA93A;}
.msEmployee input {width: 75px!important;}
.secHeater .formElements{width: 480px!important;}
#secondaryHeaters .formElements {width:800px !important}
#secondaryHeaters .formElements table {width:800px !important}
.field .meterType label {width:auto !important;}
.field .meterType label.radioLabel {width:240px !important;}

.mainContent fieldset.terms .registerButton input
{
	font-size:70% !important;
}

.mainContent .employeeRegister .declaration label
{
	font-size:70%;
}

.mainContent fieldset.terms .registerAction 
{
	padding:0 20px;
	text-align:right;
	width:558px;
	float:left;
}

.mainContent fieldset.terms .registerAction .registerButton 
{
	float:right;
}


.mainContent fieldset.terms .termsContent 
{
	width:578px !important;
}

.mainContent fieldset.terms .termsConditions 
{
	padding:5px 10px;
	display:block;
	border:1px solid #B2B2B2;
	height:150px;
	overflow-y:scroll;
	margin-left:4px;
}

.mainContent fieldset.terms .termsConditions p,
.mainContent fieldset.terms .termsConditions li 
{
	margin:0 0 1em;
}

.mainContent .employeeRegister 
{
	padding-top:20px;
}

.mainContent .employeeRegister .mandMessage p 
{
	margin:0 0 1em;
}

.mainContent .employeeRegister .formElements 
{
	width:548px;
}

.mainContent fieldset.terms .registerAction .registerButton .formElements
{
	width:auto;
}

.mainContent fieldset.terms .field .errorMessages
{
	margin-left:0 !important;
	width:500px;	
}