/* -------------------------------------------------------------------------------- general stuff Classes */
.clearBoth{clear:both;}
.mainContent{clear:both;}


/* ------------------------------------------------------------------------------------ home page Classes */

.homeImage
{
    width:780px;
    height:350px;
}

/* ------------------------------------------------------------------------------------ home page Classes */
.flMovie
{
}

.flFooterText
{
    margin:10px 0px 10px 0px;
}

/* ---------------------------------------------------------------------------------- Case Study Classes */
.csContainer
{
    background:url(/Resources/EnergyChallengeResources/Images/Design/case_study_bg.jpg) no-repeat top left;
    width:780px;
    height:450px;
    float:left;
}

.csTitle
{
    margin:40px 0px 0px 130px;
    height:110px;
}

.csCopy
{
    clear:left;
    margin:0px 0px 0px 220px;
    width:350px;
    height:60px;
}

.csTabs
{
    height:150px;
    width:525px;
    clear:both;
    margin:10px 0px 10px 220px;
}

ul.csTabStrip
{
    width:525px;
    padding:0px;
    margin:0px;
    height:50px;
    border-bottom: 5px solid #ef1808;
}

ul.csTabStrip li
{
    display:block;
    float:left;
    width:100px;
    margin:0px 2px 0px 0px;
    height:50px;
    background-repeat:no-repeat;
    background-position:left top;

}

ul.csTabStrip li.csTab{background-image:url(/Resources/EnergyChallengeResources/Images/Design/tab_off.gif);}
ul.csTabStrip li.csTabOn{background-image:url(/Resources/EnergyChallengeResources/Images/Design/tab_on.gif);}

ul.csTabStrip li a
{
    display:block;
    width:90px;
    height:40px;
    margin:5px;
    font-weight:bold;
    font-size:10px;
}

ul.csTabStrip li.csTab a{color:#666;}
ul.csTabStrip li.csTabOn a{color:#fff;}

.csTabContent
{
    width:525px;
    height:150px;
    background:url(/Resources/EnergyChallengeResources/Images/Design/tab_area_bg.gif) no-repeat left bottom;
}

.csTabContent div
{
    padding:5px;
    overflow:auto;
    width:512px;
    height:135px;
}

/* ------------------------------------------------------------------------------------ Latest offer tabs */
.loTabs, .liTabsBottom
{
    width:770px;
}

ul.loTabs, ul.loTabs li, ul.loTabs li a
{
    height:120px;
}

ul.loTabs
{
    padding:0px;
    margin:20px 0px 0px 0px;
}

ul.loTabs li
{
    display:block;
    float:left;
    width:245px;
    margin:0px 10px 0px 0px;
    background-repeat:no-repeat;
    background-position:left bottom;
}

ul.loTabs li a
{
    display:block;
    width:240px;
}

.liTabsBottom
{
    height:8px;
    background-color:#ef1808;
    margin:0px;
}

.loTabProducts{background-image:url(../Images/Pods/products_off.jpg);}
.loTabHeatingCare{background-image:url(../Images/Pods/heating_care_off.jpg);}
.loTabInsulation{background-image:url(../Images/Pods/insulation_off.jpg);}

.loTabProductsOn{background-image:url(../Images/Pods/products_on.jpg);}
.loTabHeatingCareOn{background-image:url(../Images/Pods/heating_care_on.jpg);}
.loTabInsulationOn{background-image:url(../Images/Pods/insulation_on.jpg);}


/* ------------------------------------------------------------------------------------ Latest offer lists */
.loContainer
{
    width:780px;
}

.loProducts
{
    border:1px solid #ef1808;
    width:768px;
}

.loProduct
{
    margin-top:10px;
    border-bottom:1px solid #ccc;
    padding-bottom:10px;
    clear:both;
}

.loProduct img
{
    width:100px;
    height:60px;
    margin:0px 5px 0px 5px;
}

.loProduct h2
{
    color:#ef1808;
    margin:2px 0px 2px 0px;
    font-size:13px;
}

.loProduct p
{
    margin:0px 10px 0px 0px;
}

.loProduct .loMore
{
    float:right;
    background:url(../Images/Design/more_arrow.gif) no-repeat right center;
}
.loProduct a
{
    color:#ef1808;
    font-weight:bold;
    padding-right:18px;
    text-align:right;
    line-height:20px;
}


/* ------------------------------------------------------------------------------------- About Use Classes */

.auTabs
{
    height:420px;
    width:780px;
    clear:both;
}

ul.auTabStrip
{
    width:780px;
    padding:0px;
    margin:0px;
    height:60px;
    border-bottom: 5px solid #ef1808;
}

ul.auTabStrip li
{
    display:block;
    float:left;
    width:255px;
    margin:0px 3px 0px 0px;
    height:60px;
    background-repeat:no-repeat;
    background-position:left bottom;
}

ul.auTabStrip li.auTab{background-image:url(/Resources/EnergyChallengeResources/Images/Design/au_tab_off.gif);}
ul.auTabStrip li.auTabOn{background-image:url(/Resources/EnergyChallengeResources/Images/Design/au_tab_on.gif);}

ul.auTabStrip li a
{
    display:block;
    width:253px;
    height:60px;
    font-weight:bold;
    font-size:14px;
    line-height:20px;
}

ul.auTabStrip li a:hover{text-decoration:underline;}

ul.auTabStrip li a span
{
    display:block;
    width:150px;
    height:40px;
    margin:10px 0px 0px 30px;
    cursor:pointer;
    cursor:hand;

}

ul.auTabStrip li.auTab a{color:#666;}
ul.auTabStrip li.auTabOn a{color:#fff;}

.auTabBackground
{
    width:780px;
    height:340px;
}

.auTabContent
{
    width:380px;
    height:280px;
    margin:-320px 0px 0px 380px;
    overflow:auto;
}

.auTopContent, .auTitle, .auBottomContent
{
    overflow:hidden;
    clear:both;
    margin:0px 10px 0px 10px;
}

.auTopContent{margin-top:10px;}
.auBottomContent{margin-bottom:10px;}

/* ------------------------------------------------------------------------------------- Survey start pages Classes */

.suBackground{}

.suContent
{
    height:150px;
    width:400px;
    margin:-175px 0px 40px 30px;
    overflow:auto;
}

/* --------------------------------------------------------------------------------- Challenge your friends Classes */
.cyfButton, .cyfButton a
{
    height:48px;
    width:185px;
}

.cyfButton
{
    clear:both;
    float:right;
    background: url(/Resources/EnergyChallengeResources/Images/Design/challenge-your-friends.jpg) no-repeat right top;
}

.cyfButton a
{
    display:block;
}

/* ---------------------------------------------------------------------------------- Survey results Classes */

/* ---------------------------------------------------------------------------------- layout classes */
.suCols
{
    width:780px;
    clear:both;
    border-top:5px solid #ef1808;
}

.suLeftCol, .suRightCol
{
    margin-top:20px;
    width:375px;
}

.suLeftCol{float:left;}
.suRightCol{float:right;}


/* ---------------------------------------------------------------------------------- title image classes */
.suTitle
{
    width:780px;
    height:300px;
    background:url(/Resources/EnergyChallengeResources/Images/Design/ResultsHeaderImage.jpg) no-repeat left top;
    border:1px solid #fff;
}

.suTitleInner
{
    width:200px;
    height:80px;
    margin:140px 0px 0px 70px;
}

.suTitleInner h2
{
    color:#000;
    margin:0px 0px 20px 0px;
    font-size:12px;
    font-weight:bold;
}

.suTitleInner p
{
    margin:5px 0px 5px 0px;
    line-height:20px;
}

.suTitleInner p span
{
    font-weight:bold;
    font-size:16px;
    color:#ef1808;
}

.suIntro
{
    margin:10px 10px 20px 10px;
}

/* ---------------------------------------------------------------------------------- contact pod */
.suHeating
{
    width:780px;
    height:120px;
    margin-bottom:10px;
}

.suHeatingType, .suHeatingType a
{
    width:780px;
    height:116px;
    display:block;
}

.suHeatingType{
    background-position:top center;
    background-repeat:no-repeat;
}

.suHeatingInst{background-image:url(/Resources/EnergyChallengeResources/Images/Pods/ResCentralHeatingCare.jpg);}
.suHeatingRep{background-image:url(/Resources/EnergyChallengeResources/Images/Pods/ResHeatingRepair.jpg);}
.suHeatingMaint{background-image:url(/Resources/EnergyChallengeResources/Images/Pods/ResHeatingMaint.jpg);}


/* ---------------------------------------------------------------------------------- contact pod */
.suContact
{
    border-top:5px solid #ef1808;
    width:355px;
    margin:20px 10px 0px 10px;
}

.suContactInner
{
    margin-top:20px;
    font-weight:bold;
}

.suContactInner p
{
    margin:5px 0px 5px 0px;
}


/* ---------------------------------------------------------------------------------- Make a difference */
.suDifference
{
    clear:both;
    width:375px;
}
.suDifference h2
{
    background:url(/Resources/EnergyChallengeResources/Images/Design/YouCanMakeADifference.gif) no-repeat left top;
    height:20px;
    margin:3px 0px 10px 10px;
}

.suDifferenceInner
{
    margin:0px 10px 0px 10px;
}

.suDifferenceInner ul
{
    list-style-type:none;
    padding:0px;
    margin:0px;
}

.suDifferenceInner li
{
    background: url(/Resources/EnergyChallengeResources/Images/Design/HouseBullet.gif) no-repeat top left;
    padding-left:12px;
    margin:15px;
}


/* ---------------------------------------------------------------------------------- Recommentation */

.suRecMiddle, .suRecTop
{
    width:780px;
}

.suRecMiddle
{
    background:url(/Resources/EnergyChallengeResources/Images/Design/ResultsTableMiddle.jpg) repeat-y;
    
}

.suBottom
{
	background:url(/Resources/EnergyChallengeResources/Images/Design/ResultsTableBottom.jpg);
	height: 40px;
}

.suRecTop
{
    background:url(/Resources/EnergyChallengeResources/Images/Design/ResultsTableTop.jpg) no-repeat left top;
    height:44px;
}

.suRecList, .suRecHelp
{
    margin:48px 0px 20px 0px;
}

.suRecList
{
    width:575px;
    float:left;
}

.suRecHelp
{
    float:left;
    width:200px;
}

.suRecTable{margin:0px 0px 0px 25px;}
.suRecTable td{height:18px;}

td.suRecDesc{width:380px;}
td.suRecAmount{width:150px;line-height:20px; }

.suRecTable td.suRecAmount label
{
    width:100px; 
    float:left; 
    background-color:#ccc;
    text-align:right;
    line-height:20px;
    padding-right:3px;
    margin-left:15px;
}

td.suRecAmount div{width:25px; line-height:20px; float:left; text-align:center;}
td.suRecAmount .suRecGradeA{background-color:#007500;}
td.suRecAmount .suRecGradeB{background-color:#00A000;}
td.suRecAmount .suRecGradeC{background-color:#00D000;}
td.suRecAmount .suRecGradeD{background-color:#FFCC00;}
td.suRecAmount .suRecGradeE{background-color:#FF9F00;}
td.suRecAmount .suRecGradeF{background-color:#FE0A00;}
td.suRecAmount .suRecGradeG{background-color:#990000;}

.suRecTotal td{text-align:right;border-top:1px solid #ef1808;}
.suRecTotal td.suRecTotalLabel{font-weight:bold;}

.suRecTable td.suRecTotalAmount label
{
    width:94px; 
    float:left; 
    text-align:right;
    line-height:20px;
    padding-right:3px;
    margin-left:15px;
    border:3px solid #ef1808;
}

.suRecHelp ul
{
    list-style-type:none;
    padding:0px;
    margin:5px 10px 5px 10px;
}

.suRecHelp ul li
{
    margin:0px 0px 20px 0px;
    font-weight:bold;
    background:url(/Resources/EnergyChallengeResources/Images/Design/more_arrow.gif) no-repeat right center;
    padding-right:15px;
}

/* ---------------------------------------------------------------------------------- energy scale */
.suEnergyScale
{
    clear:both;
    width:375px;
}
.suEnergyScale h2
{
    background:url(/Resources/EnergyChallengeResources/Images/Design/EnergyRatingScaleTitle.gif) no-repeat left top;
    height:40px;
    margin:3px 0px 10px 10px;
}

.suEnergyScaleInner
{
    margin:0px 10px 0px 10px;
    min-height:100px;
}

.suEnergyScaleInner img
{
    text-align:center;
}

/* ---------------------------------------------------------------------------------- your house */
.suYourHome
{
    clear:both;
    width:328px;
    height:221px;
    background: url(/Resources/EnergyChallengeResources/Images/Design/house-background.jpg) no-repeat top;
    border:1px solid #fff;
    margin:20px 20px 0px 20px;
}

.suYourHomeInner
{
    position:relative;
    margin:85px 50px 50px 50px;
}

.suYourHomeInner div
{
    padding-left:12px;
    background: url(/Resources/EnergyChallengeResources/Images/Design/HouseBullet.gif) no-repeat top left;
    margin-bottom:20px;
}


.suYourHomeInner div p
{
    margin:10px 0px 10px 0px;
}

.suYourHomeInner .highlight
{
    font-weight:bold;
}

/* ---------------------------------------------------------------------------- bright ideas pod */
.suBrightIdeas
{
    height:388px;
    width:375px;
    background:url(/Resources/EnergyChallengeResources/Images/Design/BrightIdeasPod.jpg) no-repeat right top ;
    border:1px solid #fff;
    float:right;
}

.suBrightIdeasInner
{
    margin:58px 25px 0px 25px;
}

.suBrightIdeasInner ul
{
    padding:0px;
    margin:10px 0px 10px 0px;
    list-style-type:none;
}

.suBrightIdeasInner li
{
    margin-bottom:10px;
    padding-left:14px;
    background: url(/Resources/EnergyChallengeResources/Images/Design/HouseBullet.gif) no-repeat top left;
}

.suBrightIdeasInner p
{
    margin:5px 0px 5px 0px;
}

.suPotentialRow
{
    width:780px;
    height:220px;
}

/* ---------------------------------------------------------------------------- energy saving advert pod */
.suPotentialAdvert
{
    width:220px;
    height:204px;
    float:right;
}

.suPotentialAdvert .podECSmall
{
    width:220px;    
}

/* ---------------------------------------------------------------------------- energy saving potential */

.suPot
{
    float:left;
    width:532px;
    height:204px;
    background: url(/Resources/EnergyChallengeResources/Images/Design/EnergySavingPotentialBG.jpg) no-repeat top;
}

.suPot table tr.suPotTitles td
{
    text-align:center;
    height:30px;
}

.suPot table td{width:130px;}
.suPot table td.suPotArrow{width:210px;}


.suPot table
{
    margin:55px 30px 0px 30px;
    text-align:center;
}

.suPotBox
{
    border:1px solid #ccc;
    width:130px;
    height:90px;
}

.suPotBox span
{
    display:block;
    font-weight:bold;
}

.suPotTitle
{
    background-color:#ccc;
    font-weight:bold;
    line-height:20px;
}

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

td.suPotBoxOuterA .suPotBox{border:1px solid #007500;}
td.suPotBoxOuterA .suPotTitle{background-color:#007500;}
td.suPotBoxOuterB .suPotBox{border:1px solid #00A000;}
td.suPotBoxOuterB .suPotTitle{background-color:#00A000;}
td.suPotBoxOuterC .suPotBox{border:1px solid #00D000;}
td.suPotBoxOuterC .suPotTitle{background-color:#00D000;}
td.suPotBoxOuterD .suPotBox{border:1px solid #FFCC00;}
td.suPotBoxOuterD .suPotTitle{background-color:#FFCC00;}
td.suPotBoxOuterE .suPotBox{border:1px solid #FF9F00;}
td.suPotBoxOuterE .suPotTitle{background-color:#FF9F00;}
td.suPotBoxOuterF .suPotBox{border:1px solid #FE0A00;}
td.suPotBoxOuterF .suPotTitle{background-color:#FE0A00;}
td.suPotBoxOuterG .suPotBox{border:1px solid #990000;}
td.suPotBoxOuterG .suPotTitle{background-color:#990000;}



a.sup{padding:0;margin:0;}