@import url(HouseMoves.css);
@import url(ComponentsATL.css);

/* CSS Document */

#navContainer
{
    background: #f2f8ea;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: -6px;
}

ul.nav
{
    width: 280px;
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.nav a
{
    color: #002e6e;
    color: #4580D3;
    background: #FFFFFF url(../cssimages/arrow_nav_off.gif) no-repeat left center;
    width: 245px;
    padding: 9px 10px 10px 25px;
    font-size: 100%;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #eeeeee;
}

.nav li, ul.howCanWeHelpNav
{
    list-style: none;
}

.nav ul
{
    display: inline-block;
}





#breadCrumbs
{
    margin: 0px 0px 10px 0px;
    padding: 10px 0px 0px 0px;
    clear: both;
}

ul.breadTrail
{
    list-style: none;
    width: 450px;
    display: block;
    padding-left: 0px;
}
ul.breadTrail li
{
    display: block;
    float: left;
    list-style: none;
    white-space: nowrap;
    font-size: 80%;
}

.nav a.navActiveNode, .howCanWeHelpNav a.navActiveNode
{
    color: #4580d3 !important;    
    color: #7CC241 !important;    
}


.nav .secondaryNav li
{
    margin: 0px 0px 0px 0px;
    padding: 4px 0px 1px 15px;
    display: list-item;   
}



.howCanWeHelpNav a.expand, .howCanWeHelpNav a.expand: hover
{
    background: url(../cssimages/bullet_cross.gif) no-repeat 9px 4px;
}

.howCanWeHelpNav
{
    margin: 0px 0px 0px 0px;
    padding: 10px;
    display: inline-block;    
}

.howCanWeHelpNav li, .howCanWeHelpNav li li, .howCanWeHelpNav li li li
{
    display: list-item;    
    list-style-type: none;
}

.howCanWeHelpNav li li li
{
    margin: 0px 0px 0px 15px;
}

.howCanWeHelpNav .howCanWeHelpNav
{
    margin: 0px 0px 0px -10px;
    display: block;
}

.howCanWeHelpNav .howCanWeHelpNav .howCanWeHelpNav
{
    margin: 0px 0px 0px -5px;
    display: block;
}
.howCanWeHelpNav a
{
    background: #ffffff;
    color: #002e6e;
    color: #4580D3;
    font-size: 80%;
    padding: 0px 0px 0px 10px;
    text-decoration: none;
    border: none;
}

ul.howCanWeHelpNav
{
    padding: 0px 0px 0px 5px !important;
    margin: 0px 0px 0px 0px !important;

}

ul.howCanWeHelpNav ul.howCanWeHelpNav ul.howCanWeHelpNav
{
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 15px !important;
}


.howCanWeHelpNav a: hover
{
    color: #4580d3;
    color: #7CC241;
    text-decoration: underline;
}

.howCanWeHelpNav a.contract
{
    background: url(../cssimages/bullet_dash.gif) no-repeat 9px 4px;
}

h2.howCanWe
{
    font-size: 100%;
    color: #002e6e;
    font-weight: 700;
    padding: 10px 10px 10px 25px;
    border-bottom: 1px solid #eeeeee;
    display: block;
    margin-bottom: 0px;    
}

.greenPanelTop
{
    height: 10px;
    display: block;
}

.greenPanelTop span
{
    height: 2px;
    font: 0%;
    line-height: 0%;
    display: block;
}

.greenPanelMid
{
    min-height: 70px;
    padding-right: 15px;
    padding-bottom: 5px;
    
}

.greenPanelMid p
{
    font-size: 60%;
    margin: 0px 0px 0px 74px;
    padding: 0px 0px 12px 0px;
    line-height: 140%;
    color: #333333;
}

.greenPanelMidProduct p
{
    font-size: 60%;
    margin: 0px 0px 0px 10px;
    padding: 0px 10px 10px 0px;
    line-height: 140%;
    color: #333333;
}

.greenPanelMidProductApply p
{
    font-size: 100%;
    margin: 0 0 0 10px;
    padding: 10px 10px 20px 10px;
    line-height: 140%;
    color: #333333;
}

.panelGraphic, .panelGreen img
{
    float: left;
    margin: 5px 0px 0px 6px;
}

.power2
{
    background: #f2f8ea url("../images/graphic_power2.gif") no-repeat 6px 5px;
}

.energyPlus
{
    background: #f2f8ea url("../images/graphic_energyPlus.gif") no-repeat 6px 5px;
}

.greenPanelBottom424
{
    background: #7cc241 url(../cssimages/panelGreenBott424.gif) no-repeat left bottom;
    min-height: 28px;
    padding: 2px 2px 2px 0px;
}

.greenPanelBottom207
{
    background: #7cc241 url(../cssimages/panelGreenBott207.gif) no-repeat left bottom;
    min-height: 28px;
    padding: 2px 2px 0px 0px;
    display: inline-block;
    width: 99.5%;
}

.greenPanelBottom424 p, greenPanelBottom207 p
{
    color: #ffffff;
    font-size: 65%;
    margin: 0px;
    padding: 6px 0px 8px 39px; /*background: url(../cssimages/flower.gif) no-repeat left center;*/
}

.greenPanelFooter424
{
    width: 424px;
    height: 2px;
    background: #7cc241 url(../cssimages/panelGreenBott424.gif) no-repeat left bottom;
    margin: 0px;
    padding: 0px;
}

.greenPanelFooter207
{
    height: 2px;
    background: #7cc241 url(../cssimages/panelGreenBott207.gif) no-repeat left bottom;
}

/* -------------------------------------------------------------------- [ Quick Quotes ] ------------- */

.lightGreenWrapper
{
    background-color: #f2f8dc;
    padding: 1em;
    width: 380px;
}

.quickQuotesformLabel
{
    float: left;
    font-size: 0.8em !important;
    width: 13em;
    padding: 0.55em 0 0.55em 0;
}

.quickQuotesformInput
{
    font-size: 0.8em !important;
    margin: 0.5em 0 0.5em 0;
}

.quoteContent
{
    font-size: 0.8em !important;
    margin: 10px 0 10px 0;
    padding: 10px 0 10px 0;
}

.quoteTableHeader
{
    font-weight: bold;
    padding: 10px 0 10px 0;
    border: 0px;
    background: #ccc;
}

.quickQuoteTable
{
    background: #ccc;
    border: 1px solid #000;
}

.quickQuoteHelp
{
    font-size: 0.8em !important; /*width: 180px;*/
    padding: 5px;
    background-color: #7bc342;
}

.quicquickQuoteTariffkQuoteHelp
{
    font-size: 0.85em !important;
    width: 80px;
    padding: 5px;
    background-color: #7bc342;
}
    
.quickQuoteEstimatedAnnualBill
{
    font-size: 0.85em !important;
    width: 50px;
    padding: 5px;
    background-color: #7bc342;
}

.quickQuoteSavings
{
    font-size: 0.8em !important;
    font-weight: bold !important;
    width: 80px;
    padding: 5px;
    background-color: #7bc342;
}

.quickQuoteApply
{
    font-size: 0.8em !important;
    padding: 5px;
    background-color: #7bc342;
}
    
/* -------------------------------------------------------------------- [ Quick Quotes ] ------------- */

.button01: hover, .button02: hover, .button03: hover, .button04: hover, .button05: hover, .button06: hover, .button07: hover, .button08: hover, .button09: hover, .button10: hover, .button11: hover, .buttonBack: hover
{
    color: #FFFFFF;
}

.button01
{
    background: url(../cssimages/button01.gif) no-repeat left top;
    display: block;
    min-height: 23px;
    width: 66px;
    font-size: 65%;
    font-size: 10px;
    text-decoration: none;
    padding: 6px 0px 0px 28px;
    margin: 0px;
}
    
.button02
{
    background: url(../cssimages/button02.gif) no-repeat left top;
    display: block;
    height: 23px;
    width: 67px;
    border: 0px none;
    font-size: 60%;
    font-size: 10px;
    padding: 0px 0px 2px 13px;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
}

.button03
{
    background: url(../cssimages/button03.gif) no-repeat left top;
    display: block;
    height: 21px;
    width: 66px;
    border: 0px none;
    font-size: 70%;
    font-size: 10px;
    padding: 0px 0px 1px 10px;
    margin: 0px 0px 0px 0px;
}

.button04
{
    background: url(../cssimages/button04.gif) no-repeat left top;
    display: block;
    height: 28px;
    width: 82px;
    border: 0px none;
    font-size: 70%;
    font-size: 10px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 7px;
}

.button05
{
    background: url(../cssimages/button05.gif) no-repeat left top;
    display: block;
    height: 27px;
    width: 94px;
    border: 0px none;
    font-size: 70%;
    font-size: 10px;
    padding: 0px 0px 2px 0px;
    margin: 0px 0px 0px 0px;
}

.button06
{
    background: url(../cssimages/button05.gif) no-repeat left top;
    display: block;
    height: 27px;
    width: 94px;
    border: 0px none;
    font-size: 70%;
    font-size: 10px;
    padding: 0px 0px 1px 15px;
    margin: 0px 0px 0px 0px;
}

.button07
{
    background: url(../cssimages/button06.gif) no-repeat left top;
    display: block;
    height: 27px;
    width: 64px;
    border: 0px none;
    font-size: 60%;
    font-size: 10px;
    padding: 0px 0px 3px 12px;
    margin: 0px 0px 0px 0px;
}

.button08
{
    background: url(../cssimages/button03.gif) no-repeat left top;
    display: block;
    text-decoration: none;
    height: 21px;
    width: 66px;
    border: 0px none;
    font-size: 70%;
    font-size: 10px;
    padding: 5px 0px 1px 25px;
    margin: 0px 0px 0px 0px;
}

.button09
{
    background: url(../cssimages/button05.gif) no-repeat left top;
    display: block;
    min-height: 23px;
    width: 82px;
    font-size: 65%;
    font-size: 10px;
    text-decoration: none;
    margin: 0px;
    height: 27px;
    padding: 7px 0px 3px 27px;
}

.button10
{
    background: url(../cssimages/button05.gif) no-repeat left top;
    display: block;
    min-height: 23px;
    width: 70px;
    font-size: 65%;
    font-size: 10px;
    text-decoration: none;
    text-align: left;
    margin: 0px;
    height: 27px;
    padding: 7px 0px 3px 25px;
}

.button11
{
    background: url(../cssimages/button05.gif) no-repeat left top;
    display: block;
    min-height: 23px;
    width: 66px;
    font-size: 65%;
    font-size: 10px;
    text-decoration: none;
    padding: 6px 0px 0px 28px;
    margin: 0px 0px 10px 10px;
}

.button17
{
    background: url(../cssimages/button17.gif) no-repeat left top;
    display: block;
    height: 25px;
    width: 197px;
    border: 0px none;
    font-size: 70%;
    font-size: 10px;
    padding: 5px 0px 2px 0px;
    margin: 10px 10px 0px 0px !important;
    text-decoration: none;
    text-align: center;
    color: #000000;    

}

.buttonBack
{
    background: url(../cssimages/button05Back.gif) no-repeat left top;
    display: block;
    height: 27px;
    width: 94px;
    border: 0px none;
    font-size: 70%;
    font-size: 10px;
    padding: 6px 0px 1px 27px;
    margin: 0px 0px 0px 0px;
    text-decoration: none;
    color: #000000;    
}


.buttonLand 
{
    background: url(../cssimages/buttonBetter.jpg) no-repeat left top;
    display: block;
    height: 21px;
    width: 130px;
    font-size: 65%;
    font-size: 10px;
    text-decoration: none;
    padding: 6px 0px 0px 28px;
    margin: 0px;
}

.buttonFloat
{
    float: left;
}

#search
{
}

#search label
{
    font-size: 60%;
    color: #333333;
    float: left;
    margin: 4px 5px 0px 3px;
}

#searchTopMid
{
    background: #FFFFFF url(../cssimages/searchPanel_top.gif) no-repeat left top;
    padding: 9px 0px 0px 10px;
}

#searchBottom
{
    background: #FFFFFF url(../cssimages/searchPanel_bottom.gif) no-repeat left bottom;
    height: 7px;
    font-size: 0px;
    line-height: 0px;
}

#searchTopMidBlank
{
    background: #FFFFFF;
    padding: 15px 0px 0px 10px;
}

#searchBottomBlank
{
    background: #FFFFFF;
    height: 7px;
    font-size: 0px;
    line-height: 0px;
}

.inputBox01
{
    background-color: #f6faf0;
    font-size: 60%;
    float: left;
    border: 1px solid #e7e7e7;
    margin: 2px 5px 0px 0px;
    width: 134px;
}

.question
{
    background: #bde1a1;
    font-size: 60%;
    color: #333333;
    padding: 4px 7px;
    margin: 0px;
    display: block;
}

.answer
{
    background: #f2f8ea;
    font-size: 60%;
    color: #333333;
    padding: 7px;
    margin: 0px;
    display: block;
}

.ourPrices
{
    width: 424px;
    border: 1px solid #FFFFFF;
}

.ourPrices tr th
{
    background-color: #f2f8ea;
    text-align: left;
    color: #333333;
    font-weight: normal;
    padding: 3px 6px;
    }
    
.ourPrices tr td
{
    background-color: #f2f8ea;
    text-align: left;
    color: #333333;

    font-weight: normal;
    padding: 3px;
    border: 1px solid #FFFFFF;
    font-size: 80%;
}

.ourPrices tr th.large, .ourPrices tr td.large
{
    color: #0c176b;
    font-size: 120%;
    background: #bde1a1 ;
    font-weight: normal;
    padding: 2px 3px 2px 6px;
    text-align: left;
    }
    
.productChooser, #productChooser, #whoSupplies, #pricePlan, div.formBox
{
    width: 396px;
    background-color: #f2f8ea;
    margin: 0px;
    padding: 14px;
}



#errorWhoSupplies 
{
    width: 396px;
    background-color: #F6EAE9;
    margin: 0px;
    padding: 14px;    
}

#productChooser img, .productChooser img
{
    margin-right: 2px;
}

#productChooser select, .productChooser select, #whoSupplies select, #pricePlan select
{
    font-size: 60%;
}

div.formBox label, #productChooser label, .productChooser label, #whoSupplies label, #pricePlan label
{
    font-size: 80%;
    color: #333333;
    display: block;
    margin-bottom: 10px;
}

input.postcode
{
    font-size: 60%;
    width: 75px;
}

.postCodeExample
{
    font-size: 60%;
    margin: 0px 40px 0px 0px;
    color: #333333;
}

p.ontoNextStep
{
    font-size: 120%;
    margin: 8px 0px 0px 100px;
    padding-top: 7px;
}

#featurePanel
{
    background: url(../cssimages/bg_windFarms.jpg) no-repeat left top;
    width: 452px;
    height: 138px;
}


/*
#shopping01 {
    background: url(../cssimages/bg_monitor.jpg) no-repeat left top;
    height: 157px;
    width: 157px;
    padding: 12px 10px 0px 16px;
}*/

#shopping01 h2
{
    font-size: 80%;
    color: #002e6e;
    margin: 0px 0px 0px 0px;
}

#shopping01 p
{
    font-size: 60%;
    color: #999999;
    margin: 0px 0px 0px 0px;
}

#customerPanel01 h1, #customerPanel02 h1
{
    font-size: 120%;
    font-size: 18px;
    color: #002e6e;
    margin: 1px 0px 3px 0px;
}

.forYourHome
{
    font-size: 80%;
    font-size: 12px;
    color: #002e6e;
    line-height: 100%;
    margin: 0px;
}

.newsPanel
{
    width: 270px;
    padding-bottom: 0px;
    clear: both;
}

.newsPanelWide
{
}

.newsPanel div, .newsPanelWide div
{
    float: left;
    margin-top: 3px;
    margin-left: 5px;
    padding: 1px 3px 3px 7px;
    background-color: #F2F8EA;
    height: 46px;
    width: 197px;
}

.newsPanelWide div
{
    width: 340px;
}

.newsPanel img, .newsPanelWide img
{
    float: left;
}

.newsPanel div a, .newsPanelWide div a
{
    font-size: 100%;
    color: #1C5899;
    text-decoration: none;
}

.newsPanel div a: hover, .newsPanelWide div a: hover
{
    text-decoration: underline;
}

#header img
{
    float: left;
    margin: 15px 0px 0px 15px;
}

#primaryNav ul
{
    margin: 0px 0px 0px -20px;
}

#primaryNav ul li
{
    display: inline;
}

#mainPanelLeft h3, #mainPanelCentre h3, #mainPanelRight h3
{
    font-size: 90%;
    font-weight: normal;
    color: #002e6e;
    margin: 0px 0px 1px 10px;
}

p.caveat01
{
    width: 240px;
    font-size: 60%;
    line-height: 120%;
    color: #002e6e;
    margin: 3px 0px 0px 5px;
}

p.caveat02
{
    width: 170px;
    font-size: 60%;
    line-height: 120%;
    color: #002E6E;
    margin: 3px 0px 0px 5px;
}

p.caveat03
{
    width: 268px;
    font-size: 60%;
    line-height: 120%;
    color: #002E6E;
    margin: 3px 0px 0px 5px;
}

p.caveat01 a, p.caveat02 a, p.caveat03 a, p.caveat04 a
{
    color: #7cc241;
    text-decoration: none;
}

#primaryNav ul li a
{
    font-size: 70%;
    color: #002e6e;
    text-decoration: none;
    background: url(../cssimages/arrow_nav2_off.gif) no-repeat left center;
    padding-left: 18px;
    margin-right: 30px;
}

.logo
{
    margin: 20px 0px 6px 10px;
}

#breadCrumbs li span.youAreHere
{
    color: #000;
}

#breadCrumbs li a
{
    color: #7cc241;
    text-decoration: none;
    padding-left: 3px;
    padding-right: 10px;
    background: url(../cssimages/arrow_breadCrumb.gif) no-repeat right center;
}

#breadCrumbs li a: hover
{
    text-decoration: underline;
}

#columnRightContainer
{
    padding: 0px 23px;
    clear: both;
}

#columnRightContainer p
{
    font-size: 80%;
    line-height: 140%;
    color: #333;
}

#columnRightContainer ul li
{
    font-size: 80%;
    line-height: 140%;
    color: #333;
}

/* Search Results */

table.searchResults
{
    margin-top: 10px;
}

table.searchResults tr td a
{
    font-family: Arial, Helvetica, sans-serif;
    color: #0C0C4B; /*text-decoration: none;*/
}
    
table.searchResults tr td a: hover
{
    text-decoration: underline;
}

.searchResult
{
}

#breadCrumbs
{
    margin-left: 28px;
}

/*
.rowStyle
{
    background-color: #F2F8EA;
}

.alternatingRowStyle
{
    background-color: #E8EFDF;
}


.searchResultLink
{
    background-color: #BDE1A1;
}
*/

.searchLabel
{
    font-size: 80%;    
}

table.searchResults
{
    width: 100%;    
    color: #333333;
    font-size: 80%;
}

.searchResultLink
{
    background-color: #BDE1A1;
    padding: 5px;
}

.searchResultLink a
{
    text-decoration: none;
}

.searchText
{
    color: #FF7F00;
}

.searchResultLink a: hover
{
    text-decoration: underline;
}

.searchUrl
{
    padding-bottom: 10px;
    color: #7CC241;
    font-size: 90%;
}

.searchTeaser
{
    background-color: #F3F8E9;
    padding: 5px;
}

span.mandatory, p.warning
{
    color: #ff0000 !important;    
}

/* Token Search */
.tokenResult
{
    clear: both;
    font-size: 80%;
    background-color: #F2F8EA;
    margin-bottom: 10px;
}

.tokenResult .facia
{
    background-color: #BDE1A1;
    padding: 3px 5px 3px 5px;
    clear: both;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: 10px;
}

.tokenResult address
{
    text-decoration: none;
    font-style: normal;

    float: left;
    width: 250px;
    padding: 5px;
}

.openingTimes
{
}

.openingTimes table
{
    padding-top: 10px;
}

table.disabledAccessGuide
{
    width: 250px;
    font-size: 80%;
    margin-bottom: 10px;
}

table.disabledAccessGuide caption
{
    text-align: left;
}


/* Form Controls */

.formControlDate
{
    width: 50px;
}

.PostCodeLookUp select
{
    width: 320px;
}
.PostCodeLookUp input
{
    background: url(../cssimages/button05.gif) no-repeat left top;
    display: block;
    height: 27px;
    width: 94px;
    border: 0px none;
    font-size: 70%;
    padding: 0px 0px 2px 0px;
    margin: 0px 0px 0px 0px;
}

.siteMap ul, ul.siteMap
{
    list-style-type: none;
    margin-left: 20px;
}

.siteMap li
{
    padding-left: 10px;
    background: url(../cssimages/arrow_breadCrumb.gif) no-repeat left 6px;
}

.siteMap ul
{
    margin: 0px;
    padding: 0px 0px 0px 10px;
}

.siteMap
{
    font-size: 80%;
}

.siteMap a
{
    color: #002E6E;
    text-decoration: none;
}

.siteMap a: hover
{
    text-decoration: underline;
}

.imageHolderTop
{
    background: url(../images/BgMainImageTop.gif) no-repeat top;
    padding-top: 5px;
}

.imageHolder
{
    background: url(../images/BgMainImageMiddle.gif);
    padding: 0px 5px 0px 5px;
    width: 424px;
}

.imageHolderBottom
{
    padding-bottom: 5px;
    background: url(../images/BgMainImageBottom.gif) no-repeat bottom;
}

.contentContainer
{
    margin: 0px 5px 0px 5px;
}


table.tariffResults
{
    text-align: left;    
}


/* Supplier Numbers */

.supplierNumberRow1
{
    padding-left: 40px;
}

.supplierNumberIdentifier, .supplierNumberIdentifiers
{
    float: left;
}

.supplierNumber
{
    clear: both;
}
.supplierNumberIdentifier
{
    color: #002E6E;
    font-weight: bold;
    font-size: 150%;    
    padding: 10px 10px 0px 0px;
}

.panelGreen
{
    float: left;
    display: inline-block;
}
.panelLeft
{
    margin-right: 10px;
}

.energyProduct
{
    height: 210px;
}


.expandContractButton
{
    cursor: pointer;
}

.nav .secondaryNav a.nonExpandable, .nav .secondaryNav a.nonExpandable: hover
{
    padding-left: 20px;


}

.howCanWeHelpNav a.nonExpandable
{
    padding-left: 20px;
}

.pager a
{
    font-size: 80%;
}

p.copyright
{
    font-size: 60% !important;

}

.sortCode
{
    width: 20px;
}


div.helpLabel
{

    display: none;
}

div.helpOuterContainer
{
    background: url( ../cssimages/transparentpopbg.gif );
    padding: 0px 0px 0px 0px;
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 220px;
}


div.helpContainer
{
    border: 1px solid #A6CBF4;
    background-color: #FFFFFF;
    position: relative;
    top: -6px;
    left: 6px;
}

#helpContainerTopLine
{
    padding: 5px;
    background-color: #A6CBF4;
    font-size: 80%;
    display: inline-block;
}

div.helpContainerClose
{
    float: right;
}

div.helpContainerClose a
{
    color: #FFFFFF;    
}

input.helpButton
{
    background: url( ../cssimages/question.gif ) no-repeat left center;    
    width: 36px;
    height: 19px;
    border: 0px;
    cursor: pointer;
    background: url(../cssimages/button04.gif) no-repeat left top;

    height: 28px;
    width: 82px;
    border: 0px none;
    font-size: 70%;
    font-size: 10px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 7px;
}

#helpContainerTitle
{
    float: left;
    color: #FFFFFF;
    font-weight: bold;
}

#helpContainerContent h1, #helpContainerContent h2
{
    font-size: 160%;
    margin-top: 0px;
    color: #7CC241;
}



#helpContainerContent
{
    font-size: 70%;
    padding: 10px 10px 0px 10px;
    color: #002E6E;
}

.note
{
    padding: 10px;    
}

ol#CustomerCharter li 
{
    /* height: 3em;     vertical-align: top; */
    padding: 0 0 10px 0;
}

ol#CustomerCharter li
{
    list-style-image: url(../CssImages/bullet.gif);
    font-size: 80%;
}

ul
{
    font-size: 12pt;
}

/* Table Styles */
.ssePriceTable
{
    width: 100%;
}


.ssePriceTable th
{
    font-weight : normal;
    padding : 2px;
    font-size: 60%;
}

.ssePriceTable td
{
    padding: 2px;
    font-size: 60%;
    text-align: center;
}

.ssePriceTable .lightCol
{
    background : #F2F8EA;
}

.ssePriceTable .darkCol
{
    background: #E8EFDF;
}

.ssePriceTable .header
{
    background: #BDE1A1;
}

.ssePriceTable sup
{
    font-size: x-small;
}

.imageHolderLanding
{
    width: auto;
}

.contentContainerLanding
{
    margin: 10px 5px 0px 5px;
}

/* Energy Efficiency */

#energyEfficiency
{
    width: 396px;
    background-color: #f2f8ea;
    padding: 14px;
}

.energyEfficiencyTextbox
{
    margin: 5px 0 5px 5px;
    float: left;
    clear: both;
}

.energyEfficiencyLabel
{
    margin: 3px 0 5px 3px;
    padding-right: 5px;
    float: left;
    clear: both;
}

.energyEfficiencyList
{
    margin: 0 50px 5px 0;
    float: right;
    clear: both;
}

.energyEfficiencySection
{
    margin-bottom: 20px;
    clear: both;
}

.energyEfficiencyButtonSection
{
    margin: 20px 0 5px 0;
    clear: both;
}

.energyEfficiencyCheck
{
    float: left;
}

.energyEfficiencyCheckList
{
    font-size: 80%;
}

.energyEfficiencyCheckList INPUT
{
    background-color: #f2f8ea !important;
}

.energyEfficiencyHeatingCheckList
{
    font-size: 100%;
}

.energyEfficiencyHeatingCheckList INPUT
{
    background-color: #f2f8ea !important;
}

.energyEfficiencyRadioList
{
    padding: 10px;
    margin: 0 50px 0 0;
}

.energyEfficiencyRadioList INPUT
{
    background-color: #f2f8ea !important;
}

#energyEfficiency label
{
    font-size: 75%;
}

.postcodeEnergy1
{
    font-size: 60%;
    width: 65px;
    margin-left: 5px;
}

.postcodeEnergy2
{
    font-size: 60%;
    width: 65px;
    margin-left: 10px;
}

.postCodeExampleEnergyOne
{
    font-size: 60%;
    margin: 0px 15px 0px 5px;
    color: #333333;
}
.postCodeExampleEnergyTwo
{
    font-size: 60%;
    margin: 0px 10px 0px 15px;
    color: #333333;
}

#energyEfficiencyAddress
{
    margin: 20px 0 20px 0;
}

#energyEfficiencyAddress button
{
    margin-bottom: 25px;
}

.PostCodeLookUpEnergy select
{
    width: 320px;
    font-size: 70%;
}
.PostCodeLookUpEnergy input
{
    background: url(../cssimages/button05.gif) no-repeat left top;
    display: block;
    height: 27px;
    width: 94px;
    border: 0px none;
    font-size: 70%;
    padding: 0px 0px 2px 0px;
    margin: 5px 0px 0px 0px;
}

.energyEfficiencySection h3
{
    font-size: 90%;
    font-weight: bold;
    margin: 10px 0px 10px 0px;
    color: #002e6e;
}

.energyEfficiencyQuestion
{
    font-size: 80%;
    font-weight: bold;
}

.energyEfficiencyQuestionPostcode
{
    font-size: 80%;
    font-weight: bold;
    margin: 15px 0 5px 0;
}

.energyEfficiencyQuestionList
{
    margin: 5px 5px 5px 0;
    float: left;
    width: 250px;
}

.energyEfficiencyQuestionListExtended
{
    margin: 5px 0 5px 0;
    float: left;
    width: 350px;
}

.validationErrorEnergyEfficiency
{
    float: left;
    clear: both;
    font-size: 70%;
    color: Red !important;
    width: 200px;
}

.validationErrorEnergyEfficiencyLarge
{
    float: left;
    clear: both;
    font-size: 100%;
    color: Red !important;
}

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

.energyEfficiencySection li
{
    font-size: 80%;
    margin-bottom: 5px;
}

.energyEfficiencyDetailsSection
{
    margin-bottom: 10px;
    clear: both;
}

.energyEfficiencyDetailsSection h3
{
    font-size: 90%;
    font-weight: bold;
    margin: 10px 0px 10px 0px;
    color: #002e6e;
}

.recommendations
{
    margin: 2px 0 2px 0;
}

.recommendationSection
{
    margin: 10px 0 20px 0;
    border-top: 5px solid #fff;
}

.recommendations p
{
    margin: 1px 0 1px 0;
    font-size: 100%;
}

.insulationHeading
{
    font-size: 120% !important;
}

.insulationSection
{
    background: #e5efd7;
    border: 1px solid: #d7e7c0;
    padding: 5px 10px 5px 10px;
    margin: 15px 0 10px 0;
}

.ratingSection
{
    border: 2px solid #b0d235; 
    background: #fff;
    padding: 5px 10px 5px 10px;
    margin: 10px 0 10px 0;
}

.ratingWrapper
{
    clear: both;
    float: left;
    display: block;
}

.rating
{
    margin: 8px 20px 0 0;
    float: left;
    font-size: 90%;
}

.ratingG 
{
    background-color: #ed1b24;
    font-size: 150% !important;
    color: White !important;
    font-weight: bold !important;
    padding: 2px 3px 2px 10px !important;
    float: left;
    width: 25px;
}

.ratingF 
{
    background-color: #f48222;
    font-size: 150% !important;
    color: White !important;
    font-weight: bold !important;
    padding: 2px 3px 2px 10px !important;
    float: left;
    width: 25px;
}

.ratingE 
{
    background-color: #faad65;
    font-size: 150% !important;
    color: White !important;
    font-weight: bold !important;
    padding: 2px 3px 2px 10px !important;
    float: left;
    width: 25px;
}

.ratingD 
{
    background-color: #fdcb08;
    font-size: 150% !important;
    color: White !important;
    font-weight: bold !important;
    padding: 2px 3px 2px 10px !important;
    float: left;
    width: 25px;
}

.ratingC 
{
    background-color: #91c53f;
    font-size: 150% !important;
    color: White !important;
    font-weight: bold !important;
    padding: 2px 3px 2px 10px !important;
    float: left;
    width: 25px;
}

.ratingB 
{
    background-color: #18b358;
    font-size: 150% !important;
    color: White !important;
    font-weight: bold !important;
    padding: 2px 3px 2px 10px !important;
    float: left;
    width: 25px;
}

.ratingA 
{
    background-color: #009243;
    font-size: 150% !important;
    color: White !important;
    font-weight: bold !important;
    padding: 2px 3px 2px 10px !important;
    float: left;
    width: 25px;
}

.ratingDescription
{
    clear: both;
    display: block;
    font-size: 100%;
}

.jargon
{
    clear: both;
    font-size: 100%;
    background: #e5efd7;
    margin-top: 10px;
    font-weight: bold;
    padding: 3px;
}

.energyEfficiencyDisclaimer
{
    font-size: 80%;
    margin: 10px 25px 25px 25px;
    text-align: justify;
}
.energyEfficiencyPrintResults
{
    font-size: 95%;
    margin: 10px 25px 25px 25px;
    text-align: justify;
}

/* this style is used for the EE back buttons in conjunction with buttonBack */
.eeButtonBack
{
    padding: 0px 0px 2px 0px;
}

.legend
{
    clear: both;    
    width: 131px;
    height: 205px;
}

/* End of Energy Efficiency */

.AffiliatesBox
{
    float: left;
    background: url(../cssimages/blankGreyRoundCorBox.gif) no-repeat left top; /*display: block;*/
    height: 420px;
    width: 330px;
    border: 0px none;
    font-size: 100%; /*padding: 10px 0px 2px 10px;*/
    padding: 20px 1px 1px 20px;
    margin: 0px 0px 0px 0px; /*background-color: Blue;*/
}

/*broadband*/

.faqCol
{
    display: inline;
    float : left;
    width : 375px;
    background: url(../cssimages/boxBL.gif) no-repeat left top;
}



/****************** Clearing ***************************/

.borderBoxContent: after,.boxContent: after,.greenPanel .content: after
{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
}

/********************** Page box ***********************/


.borderBox
{
    position: relative;
    padding : 0 14px 14px 3px;
    clear: both;
    display: block;
}

.borderBoxContent
{
    border : solid #DFE5DB;
    border-width: 0 1px;
    padding : 15px 13px 1px 13px;
    display: inline-block;
    position: relative;
    width: 380px;
}

.FAQBoxContent
{
    border : solid #DFE5DB;
    border-width: 0 1px;
    padding : 15px 13px 1px 13px;
    display: inline-block;
    position: relative;    
}

.borderBoxTop,.borderBoxTop span,.borderBoxBottom,.borderBoxBottom span
{
    display: block;
    height: 4px;
    font-size: 0px;    
}

.borderBoxTop
{
    background: url(../cssimages/pageTL.gif) no-repeat left top;
    width: 408px;
}
.borderBoxTop span
{
    background: url(../cssimages/pageTR.gif) no-repeat right top;
}

.borderBoxBottom
{
    background: url(../cssimages/pageBL.gif) no-repeat left bottom;
    width: 408px;
}
.borderBoxBottom span
{
    background: url(../cssimages/pageBR.gif) no-repeat right bottom;
}



/************ Inner boxes *****************************/

.boxOuter
{
    padding-bottom: 10px;
}

.boxInner
{
    border: solid #DFE5DB;
    border-width: 0px 1px;
    padding : 1px 3px;
}


.boxOuter .top,.boxOuter .bottom,.boxOuter .top span,.boxOuter .bottom span
{
    display: block;
    font-size: 0px;
    height : 3px;
    background: url(../cssimages/boxOuterCorner.gif) no-repeat;
}

.boxInner .top, .boxInner .bottom, .boxInner .top span, .boxInner .bottom span
{
    height: 4px;
    background: url(../cssimages/boxInnerCorner.gif) no-repeat;
}


.boxOuter .top, .boxInner .top
{
    background-position: top left;
}

.boxOuter .top span, .boxInner .top span
{
    background-position: top right;
    margin-left: 4px;
}

.boxOuter .bottom, .boxInner .bottom
{
    background-position: bottom left;
}

.boxOuter .bottom span, .boxInner .bottom span
{
    background-position: bottom right;
    margin-left: 4px;
}

.boxContent
{
    background: #F2F8EA;
    padding: 5px 5px 5px 9px;
    display: inline-block;
}

.TalkFAQBoxContent
{
    background: #F2F8EA;
    padding: 5px 5px 5px 9px;
}

.boxContentAfter
{
    padding: 12px;
}

.boxContentLand
{
    background: #E5F1CC;
    padding: 5px 5px 5px 9px;
    display: inline-block;
}

.boxContentLand h3, h4
{
    color: #7FBA00;
    display: inline;
}

.boxGreen .boxInner .top,.boxGreen .boxInner .top span,.boxGreen .boxInner .bottom,.boxGreen .boxInner .bottom span
{
    background-image: url(../cssimages/boxInnerCornerGreen.gif);
}

.boxGreen .boxContent
{
    background: #7CC141;
}

.boxOuter .faq
{
    padding-bottom: 20px;
}

.faq .boxContent
{
    padding-left: 17px;
}

.faq .faqStar
{
    position : relative;
    display : inline;
    float : left;
    margin : -18px 0px 0px -31px;
}

.bigStarP
{
    padding-right: 85px;
}

/*************** Arrow bullet list ***************************************/

.boxContent ul, .content ol, .arrowBullet
{
    margin : 0;
    list-style: none;
    padding : 0;
}

.boxContent ul li, .content ol li, .arrowBullet li
{
    background: url(../cssimages/arrowBulletLightBG.gif) no-repeat left top !important;
    padding: 0px 0 8px 23px !important;
    font-size: 70%;
    line-height: 1.6em;
    color: #1B3C78;
}

.boxContentLand ul, .content ol, .arrowBullet
{
    margin : 0;
    list-style: none;
    padding : 0;
}
.boxContentLand ul li, .content ol li, .arrowBullet li
{
    background: url(../cssimages/arrowBulletLightBG.gif) no-repeat left top !important;
    padding: 0px 0 8px 23px !important;
    font-size: 70%;
    line-height: 1.6em;
    color: #1B3C78;
}

.boxContentLand p
{
    color: #1B3C78;
}

.arrowBullet li a
{
    color: #1B3C78;
    text-decoration: underline;
}

/* Tranche 2 - FAQs */

.termsNav
{
    margin: 0px;
    padding: 0px;
    color: #8CCB42;
}

a.previous
{
    float: left;
    color: #8CCB42;
    background: url(../cssimages/icon-green-arrow-back.gif) no-repeat left center;
    padding: 0px 0px 0px 15px;
    margin: 3px 0px 0px 0px;
    text-decoration: none;
    font-size: 75%;
}

a.next
{
    float: right;
    color: #8CCB42;
    background: url(../cssimages/icon-green-arrow.gif) no-repeat right center;
    padding: 0px 15px 0px 0px;
    margin: 3px 0px 0px 0px;
    text-decoration: none;
    font-size: 75%;
}

.termsDivider
{
    display: block;
    clear: left;
    font-size: 0px;
    height: 10px;
    line-height: 0px;
    margin: 3px 0px 0px 0px;
    padding: 0px;
    font-size: 0px;
    border-color: #747777;
    border-style: solid;
    border-width: 2px 0px 0px 0px;
}

.green
{
    color: #8CCB42 !important;
}

.bold
{
    font-weight: bold;
}

.FAQBoxTop,.FAQBoxTop span,.FAQBoxBottom,.FAQBoxBottom span
{
    display: block;
    height: 4px;
    font-size: 0px;    
}

.FAQBoxTop
{
    background: url(../cssimages/pageTLGreen.gif) no-repeat left top;
}
.FAQBoxTop span
{
    background: url(../cssimages/pageTRGreen.gif) no-repeat right top;
}

.FAQBoxBottom
{
    background: url(../cssimages/pageBLGreen.gif) no-repeat left bottom;
}
.FAQBoxBottom span
{
    background: url(../cssimages/pageBRGreen.gif) no-repeat right bottom;
}

.FAQGrpButtonBack
{
    background: url(../cssimages/button14Back.gif) no-repeat left top;
    display: block;
    height: 23px;
    width: 140px;
    border: 0px none;
    font-size: 70%;
    font-size: 10px;
    padding: 5px 0px 1px 30px;    
    float: left;
    text-decoration: none;    
}

/*------------------ Main Page - Energy Supply Sites -----------------------*/
.ourProducts
{
    float: left;
    width: 340px;
    padding-right: 15px;    
}
.ourProducts img
{
    border: none !important;
}

.ourProducts h1
{
    color: #0c176b;
    font-size: 100%;
}

.ourApps
{
    float: right;
    margin-right: -1px;
    width: 363px;
}

.ourApps h1
{
    color: #0c176b;
    font-size: 100%;    
}

.shopping-cont
{
    background-repeat: no-repeat;
    width: 351px;
    height: 57px;
}

.shopping-cont2
{
    background-repeat: no-repeat;
    width: 363px;
    height: 57px;
    margin-top: -8px;
}

.shopping_box_bot
{
    background: url(../cssImages/product-box-botton.gif) no-repeat scroll left top;
    height: 6px;
    font-size: 0;
}

.shopping_box_back
{
    height: 61px;
    background: url(../cssImages/leaf-top-back.gif);
    background-repeat: no-repeat;
}

.shopping_box_back ul
{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0pt 0pt 0pt 10px;
    padding: 10px 0 0 0;
    display: inline-block;
}

.shopping_box_back ul li
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 70%;
    color: #FFFFFF;
    background: url(../cssImages/product-bullet.gif) no-repeat left center;
    float: left;
    width: 90px;
    padding-right: 0px;
    padding: 0px 0px 0px 15px;
    margin-top: 8px;
}

.shopping_box_back ul li a
{
    color: #FFFFFF;
    text-decoration: none;
}

.shopping_box_back ul li a: hover
{
    color: #FFFFFF;
    text-decoration: underline;
}

.phoneCon
{
    width: 424px;
    float: left;
    clear: left;
    margin-bottom: 15px;
}

.boxCon
{
    width: 740px;
    float: left;
    clear: left;
    margin-bottom: 15px;
}

.boxConTop
{
    width: 740px;
    height: 5px;
    display: block;
    font-size: 0;
}

.boxConBot
{
    width: 740px;
    height: 5px;
    display: block;
    clear: left;
    font-size: 0;
}

.product-boxContents
{
    float: left;
    width: 726px;
    clear: left;
    padding: 10px 20px;
}

.banners-boxContents
{
    width: 726px;
    float: left;
    clear: left;
    margin-top: -4px;
}

.BottomBannerLeft
{
    float: left;
    margin-left: 4px;
}

.BottomBannerRight
{
    float: right;
    margin-right: 8px;
}

#MainPanelLeftTop {
	background: url(/uploadedImages/CoreMarketingSites/Assets/Images/LinkPanelSmall.jpg) no-repeat top left;
	width: 255px;
	height: 77px;
	padding:8px 0px 0px 0px;
}

#MainPanelLeftBottom {
	background: url(/uploadedImages/CoreMarketingSites/Assets/Images/LinkPanelSmall.jpg) no-repeat top left;
	width: 255px;
	height: 86px;
	padding:8px 0px 0px 0px;
}

#MainPanelCentreTop {
	background: url(/uploadedImages/CoreMarketingSites/Assets/Images/LinkPanelBig.jpg) no-repeat top left;
	width: 183px;
	height: 114px;
	padding:65px 0px 0px 0px;
}

.linkPanelSmallTitle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%;
    font-weight: bolder;
    color: #FFF;
    margin: 0px 0px 0px 10px;
}

.linkPanelSmallLink ul
{
    width: 210px;
    list-style-image: url(/uploadedImages/CoreMarketingSites/Assets/Icons/BulletArrow.png);
    list-style-position: outside;
    list-style-type: none;
    margin: 0px 0px 0px 30px;
    padding: 10px 0px 0px 0px;
}

.linkPanelSmallLink ul li
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 80%;
    color: #1C5899;
}

.linkPanelSmallLink ul li a
{
    text-decoration: underline;
    color: #1C5899;
}

.linkPanelSmallLink ul li a: visited
{
    text-decoration: underline;
    color: purple;
}

.linkPanelBigLink ul
{
    width: 143px;
    list-style-image: url(/uploadedImages/CoreMarketingSites/Assets/Icons/BulletArrow.png);
    list-style-position: outside;
    list-style-type: none;
    margin: 0px 0px 0px 30px;
    padding: 8px 0px 0px 0px;
    line-height: 17px;
}

.linkPanelBigLink ul li
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 80%;
    color: #1C5899;
}

.linkPanelBigLink ul li a
{
    text-decoration: underline;
    color: #1C5899;
}

.linkPanelBigLink ul li a: visited
{
    text-decoration: underline;
    color: purple;
}

.newsPanel ul
{
    list-style-image: url(/uploadedImages/CoreMarketingSites/Assets/Icons/BulletArrow.png);
    list-style-position: outside;
    list-style-type: none;
    margin: 0px 0px 0px 15px;
    padding: 5px 0px 0px 0px;
}

.newsPanelWide ul
{
    list-style-image: url(/uploadedImages/CoreMarketingSites/Assets/Icons/BulletArrow.png);
    list-style-position: outside;
    list-style-type: none;
    margin: 0px 0px 0px 25px;
    padding: 5px 0px 0px 0px;
}

.newsPanel ul li, .newsPanelWide ul li
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 80%;
    color: #1C5899;
}
.newsPanel a img, .newsPanelWide a img
{
    border: 0px;
}

.content ul li
{
background: transparent none no-repeat scroll left center;
margin: 0px;
padding: 0px 0px 0px 15px;
text-decoration: none;
}

.homeSearch
{
    margin-left: 300px !important;
}

.homeSearch .inputBox01
{
    width: 343px;
}
/*------------------ Main Page - Energy Supply Sites -----------------------*/