/* ------------------------------------------------------------------------------ PROCESS AND PAGE CLASSES */

/* ------------------------------------------------------------------------------------ Page Title Classes */

.contentPageTitle
{
    height: 100px;
}

#contentArea > .contentPageTitle
{
    height: auto;
    min-height: 100px;
}

#BillDemoHeader h1
{
    float: left;
    width: 500px;
}

.contentPageTitle h1, .contentPageTitle h4
{
    float: left;
    width: 298px;
}


.contentPageTitle h2
{
    clear: left;
    font-size: 1em;
}

.contentPageTitle p
{
    margin: 0px;
    clear: left;
}

.contentPageTitle .bannerImage
{
    width: 300px;
    float: right;
}

.contentPageTitle .bannerImage img.publicImage
{
    float: right;
    width: 296px;
    height: 80px;
}

.titleFullWidth h1
{
    float: left;
    width: 595px;
}

/* --------------------------------------------------------------------------------------- Login Status */

.cssLoginStatus
{
    width: 100%;
    font-family: Verdana;
    padding-top: 5px;
}
.cssLoginStatus label
{
    width: 10em;
    float: left;
    text-align: right;
    font-family: Verdana;
    color: #0b70ca;
    padding-right: 2px;
    display: block;
}

.cssLoginStatusButtons
{
    width: 100%;
    text-align: right;
    padding-top: 8px;
}

/* -------------------------------------------------------------------------------------- Site Map classes */

#siteMap
{
    margin-top: 30px;
}

#siteMap div h2
{
    background-color: #e6e6e6;
    display: block;
    padding: 3px 0px 3px 8px;
}

#siteMap ul li
{
    list-style-type: disc;
}

#siteMap ul.siteMapOuter li
{
    color: #f21c0a;
}

#siteMap ul.siteMapInner li
{
    color: #aaa;
}

/*---------------------------------Contact Us--------------------------------------------------------------*/
#ContactUsContainer .padTop h2
{
    padding-top: 1em;
}

#ContactUsContainer .contactUsTable
{
    padding: 0;
    margin: 0;
}

#ContactUsContainer .contactUsTable td
{
    width: 300px;
    padding: 3px 0;
}

.contactNumber h2
{
    color: #000;
}

.contactNumber label
{
    color: #000;
    font-weight: normal;
    font-size: 12px;
}

.contactNumber .phoneNumber
{
    margin-left: 10px;
}

#ContactNumbers th
{
    font-weight: bold;
    text-align: left;
}

#ContactNumbers td
{
    padding: 3px 0px;
}

#ContactNumbers .col1
{
    padding-right: 30px;
    text-align: center;
    width: 30px;
}

#ContactNumbers .col2
{
    padding-right: 30px;
    width: 170px;
}

.msg
{
    color: #FF0000;
    font-weight: bold;
}

.emergencyTitle
{
    width: 300px;
}

.map
{
    width: 215px;
}

.featureBox
{
    border: 2px solid #F21C0A;
    background-color: #e6e6e6;
    padding: 1em 0.5em;
    clear: both;
}

.ContactNumbersTable td
{
    padding-right: 25px;
}

.complainedPod div
{
    float: none;
}

/* ---------------------------------------------------------------Questionnaire Classes */
.Questionnaire
{
    width: 99%;
    margin: 30px 0 20px 0;
    padding-top: 15px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.Questionnaire td
{
    vertical-align: top;
}

.Question
{
    width: 100%;
    margin-bottom: 20px;
}

.Question td
{
    padding-right: 10px;
}

.Question .TwoColumnsWidth
{
    width: 50%;
}

.FreeTextBox
{
    height: 11em;
    width: 270px;
    font-size: 1em;
}

.RankTable .RankQuestion
{
    width: 15em;
}

.RankTable .RankLabels .left
{
    padding-left: 5px;
}

.RankTable .RankLabels .right
{
    padding-right: 5px;
}

/* ----------------------------------------------------------------------------------- Template Page Layouts */

.Layout1
{
    margin-top: 20px;
    max-width: 50em;
}

.Layout1Lhs
{
    float: left;
    width: 30em;
    text-align: left;
    vertical-align: top;
    padding: 1em;
    margin: 0;
    min-width: 20em; /* Not IE */
}

.Layout1Rhs
{
    float: right;
    text-align: right;
    vertical-align: top;
    padding: 1em;
    margin: 0;
    min-width: 25em; /* Not IE */
}

.Layout1Centre
{
    float: none;
    width: 100%;
    clear: both;
}

/* ----------------------------------------------------------------------------------- Non Reg Meter Reads */


/* ----------------------------------------------------------------------------------- Account Summary Table */
.acsum
{
    width: 600px;
}

.acsumTitleTextNew
{
    background-color: #5d5d5d;
    color: #fff;
    line-height: 20px;
    font-weight: bold;
    height:1.8em;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:10px;
}

.acsumTitleText
{
    background-color: #5d5d5d;
    width: 100%;
    color: #fff;
    line-height: 20px;
    font-weight: bold;
    height: 1.8em;
    padding-top: 2px;
    padding-bottom: 2px;
}

.acsumTitleText div
{
    margin-left: 6px;
}

.acsumBannerText
{
    background-color: #ffffff; /*width: 100%;*/
    line-height: 25px;
    color: #000;
    padding: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-weight: bold;
    text-align: left;
}

.acsumContainer
{
    width: 600px;
    background-color: #E6E6E6;
    float: left;
}

.acsumOfferOneBill
{
    width: 134px;
    float: right;
}

.acsumOneBillHeader, .acsumRegisterAccountHeader
{
    background-color: #5d5d5d;
    color: #fff;
    line-height: 20px;
    font-weight: bold;
    height: 1.8em;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    border-bottom: 2px solid #fff;
}

.acsumRegisterAccountHeader
{
    border: none;
}

.acsumOneBillMain
{
    color: #000;
    background-color: #E6E6E6;
    padding: 1em;
}

.acsumMainOneBill
{
    float: left;
    text-align: center;
    background-color: #E6E6E6;
    border-right: 1px solid #fff;
    width: 465px;
}

.acsumMainNoOneBill
{
    float: left;
    text-align: center;
    background-color: #E6E6E6;
    width: 600px;
}

.acsumCellRow
{
    height: 30px;
    border-top: 2px solid #fff;
    background-color: #E6E6E6;
}

.acsumCellRight2Lines
{
    float:left; 
    text-align:left; 
    padding-left:10px; 
    padding-top:2px; 
    width:57%; 
    border-left:solid 1px white;
    line-height: 30px;
    height: 60px;
}

.acsumCellRow2Lines
{
    height: 60px;
    border-top: 2px solid #fff;
    background-color: #E6E6E6;
}

html > body .acsumCellRow
{
    height: auto;
    min-height: 30px;
}

.acsumCellLeft, .acsumCellRight
{
    color: #000;
    line-height: 30px;
    height: 30px;
    padding-top: 2px;
    padding-left: 10px;
}

.acsumCellFullWidth
{
    clear: both;
    text-align: left;   
    padding-top: 2px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
}

.acsumClubcardMessage
{
    text-align: left;
    /*width: 345px;  */
    padding-top: 0;
    padding-bottom: 0; 
    border-left: 1px solid #FFFFFF; 
    border-bottom: 1px solid #FFFFFF; 
}

.acsumClubcardMessagesContainer
{
    float: left;
    overflow: hidden;
    text-align: left;
    width: 357px;
}

.acsumClubcardMessagesContainer .acsumCellRow
{
    border-top: 0;
    border-bottom: 2px solid #FFFFFF;
    overflow: visible;
}

.acsumClubcardMessagesContainer .lastClubcardMessage
{
    border-bottom: 0;
}


.acsumClubcardMessagesContainer .acsumCellRow .acsumClubcardRight
{
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 10px;
    line-height: 1.25em;
    vertical-align: middle;
    border-left: 1px solid #FFFFFF;
    overflow: hidden;
}

.acsumCellLeft
{
    width: 15em;
    height: 100%;
    float: left;
}

.acsumCellLeftYourAccount
{
    text-align:left;
}

html > body .acsumCellLeft, html > body .acsumCellRight
{
    height: auto;
    min-height: 30px;
}

.acsumCellRight
{
    float: left;
    border-left: 1px solid #fff;
}

#SMEAccountDetailsContentMain .acsumContainer
{
    clear: both;
    float: none;
    padding: 0pt 0pt 15px 0px;
    background-position: left top;
    background-image: url(/Resources/Images/acsumBannerText_bg.gif);
    background-repeat: no-repeat;
    background-color: White;
}

#SMEAccountDetailsContentMain .acsum
{
    background-color: White;
    clear: both;
}

#SMEAccountDetailsContentMain .acsumBannerText
{
    background: transparent url(/Resources/Images/acsumBannerText_bg.gif) no-repeat scroll 0% 50%;
    clear: both;
    height: 24px;
    line-height: normal;
    padding: 7px 0pt 0pt 10px;
    color: White;
}
#SMEAccountDetailsContentMain .acsumCellRow
{
	overflow:auto;
	clear:both;
}

#SMEAccountDetailsContentMain .acsumCellRow, #SMEAccountDetailsContentMain .acsumCellRow, #SMEAccountDetailsContentMain .acsumCellLeft, #SMEAccountDetailsContentMain .acsumCellRight
{
    height: auto;
    min-height: 23px;
}

#SMEAccountDetailsContentMain .acsumCellLeft, #SMEAccountDetailsContentMain .acsumCellRight
{
    padding-top: 0px;
    padding-left: 13px;
    line-height: 23px;
}

#SMEAccountDetailsContentMain .acsumCellRow
{
    border-top: 1px solid #fff;
}

#SMEAccountDetailsContentMain .acsumTitleText
{
    background-color: #AAAAAA;
    color: black;
    padding: 2px 0px 0px 9px;
    width: auto;
}

#SMEAccountDetailsContentMain .switchPanelContainer
{
    margin-bottom: 16px;
}

#SMEAccountDetailsContentMain #acsumBottom
{
    background: transparent url(/Resources/Images/acsumContainer_bg.gif) no-repeat scroll left bottom;
    padding: 0px 0px 4px 10px;
}

#SMEAccountDetailsContentMain .btnStandard
{
    height: auto;
}

#SMEAccountDetailsContentMain .switchPanelCopy
{
    font-size: 0.9em;
    margin-bottom: 0.2em;
}

#SMEAccountDetailsContentMain .InfoMessage
{
    background-color: #FFEEEE;
    border: 1px solid #AAAAAA;
    clear: both;
    font-size: 90%;
    text-align: left;
    width: 584px;
    margin: 0px;
    padding: 0.57em;
}

#SMEAccountDetailsContentMain .InfoMessage p
{
    padding: 5px;
    margin: 0px;
}

.acdet
{
    width: 85%;
    font-family: Verdana;
    border: 1px solid #000;
    margin-bottom: 15px;
    margin: 10px;
}

.acdetContainer
{
    width: 100%;
}

.acdetHeader
{
    background-color: #f21c0a;
    width: 100%;
    color: #fff;
    padding: 2px;
    line-height: 25px;
    float: none;
}

.acdetMain
{
    width: 100%;
    font-family: Verdana;
    text-align: left;
}

.acdetMain label
{
    width: 18em;
    float: left;
    text-align: left;
    font-family: Verdana;
    color: #000;
    padding-left: 25px;
    display: block;
}

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

.acdetLinkBar
{
    background-color: #e6e6e6;
    color: #fff;
    padding: 2px;
    text-align: center;
    height: 45px;
    vertical-align: top;
}

.yaButtons
{
    height: 2em;
    background-color: #fff;
    padding-left: 0px;
    float: left;
    width: 100%;
}

html > body .yaButtons
{
    height: auto;
    overflow: auto;
}

/* ----------------------------------------------------------------------------- Registration Status Table */
.switchPanelContainer
{
    float: left;
    background-color: #fff;
}

.switchPanel, .switchPanelComplete, .switchPanelFocus
{
    float: left;
    width: 142px;
    background-color: #e6e6e6;
    height: 480px;
    margin-right: 8px;
    margin-top: 5px;
    border: 1px solid #e6e6e6;
}

html > body .switchPanel, html > body .switchPanelComplete, html > body .switchPanelFocus
{
    height: auto;
    min-height: 480px;
}

#SMEAccountDetailsContentMain .switchPanelComplete, 
#SMEAccountDetailsContentMain .switchPanelFocus, 
#SMEAccountDetailsContentMain .switchPanelLast, 
#SMEAccountDetailsContentMain .switchPanel
{
    height: 340px;
    min-height: 340px;
    margin-top: 0.1em;
}

.switchPanelComplete
{
    border: 1px solid #F21C0A;
}

.switchPanelFocus
{
    background-color: #fff;
    border: 1px solid #F21C0A;
}

.switchPanelLast
{
    margin-right: 0px;
}

.switchPanelTitleContainer
{
    height: 20px;
}

html > body .switchPanelTitleContainer
{
    height: auto;
    min-height: 20px;
}

.switchPanelTitle, .switchPanelTitleFocus
{
    background-color: #F21C0A;
    color: #fff;
    line-height: 20px;
}

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

.switchPanelCopy
{
    margin: 0px 4px 10px 4px;
}

.switchPanelContainer ul
{
    list-style: none;
    margin: 15px 0px 5px 0px;
    padding: 0px;
}

.switchPanelContainer ul li
{
    background: url(/Resources/Images/yAccountTick.gif) no-repeat left top;
    padding-left: 14px;
    text-align: left;
    margin: 20px 0px 15px 0px;
    clear: left;
}

.switchingButton{float:none;}

.InfoMessage
{
	border:solid 1px #F21C0A; 
	background-color:#e6e6e6; 
	padding:0.5em;
	clear:both;
	width:584px;
	text-align:left;
	margin-top:3px;
}

.InfoMessageNew /* This is for the new grey headed pods  */
{
	background-color:#e6e6e6; 
	padding:0.5em;
	clear:both;
	width:584px;
	text-align:left;
	margin-top:3px;
}


.RUPUSMessage
{
    border: solid 1px #f21c0a;
    background-color: #fff;
    text-align: center;
    margin-top: 1px;
}

.ChangeBillingRow
{
    padding: 5px;
    border-top: 2px solid #fff;
    background-color: #E6E6E6;
    height: 4.5em;
}

/* ---------------------------------------------------------------------------------- Moving Home Classes */


.movinghomeCellLeft
{
	width:150px;
	float:left;
/*	border:solid 1px green; */
}

.movinghomeCellLeftWide
{
	width:240px;
	float:left;
/*	border:solid 1px green; */
}

.movinghomeCellRight
{   
	width:190px;
	float:left;
/*	border:solid 1px blue;  */
}

.movinghomeCellRightWide
{   
	width:300px;
	float:right;
/*	border:solid 1px blue;  */
}

/* ---------------------------------------------------------------------------------- View Bill Classes */

.viewBill
{
    width: 85%;
    font-family: Verdana;
    border: 0;
}

.viewBillHeader
{
    background-color: #5D5D5D;
    width: 100%;
    color: #fff;
    line-height: 25px;
    height: 25px;
    float: none;
}

.viewBillHeaderLhs
{
    float: left;
    text-align: left;
    font-weight: bold;
    padding-left: 2px;
    vertical-align: middle;
}

.viewBillHeaderRhs
{
    float: right;
    text-align: right;
    vertical-align: middle;
    padding-right: 2px;
}

.viewBillGrid
{
    border: solid 1px #dedede;
}

.viewBillSummaryHeader, .viewBillSummaryHeaderRight
{
    color: #000;
    font-size: 8pt;
    background-color: #E6E6E6;
    text-align: left;
    vertical-align: top;
}

.viewBillSummaryItem, .viewBillSummaryItemRight
{
    color: #000;
    font-size: 8pt;
    text-align: left;
    vertical-align: top;
}

.viewBillSummaryHeaderRight, .viewBillSummaryItemRight
{
    text-align: right;
}

.viewBillTabHeader
{
    background-color: #5d5d5d;
    color: #fff;
    line-height: 20px;
    font-weight: bold;
    height: 1.8em;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    border-bottom: 2px solid #fff;
}

.viewBillRedTabHeaderWide, .viewBillRedTabHeader
{
    background-color: #5d5d5d;
    color: #fff;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom: 2px solid #fff;
    height: 30px;
}

.viewBillGreyTabHeaderWide, .viewBillGreyTabHeader
{
    background-color: #5d5d5d;
    color: #fff;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom: 2px solid #fff;
    height: 30px;
}

.viewBillBlackTabHeader
{
    background-color: #f21c0a;
    color: #fff;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom: 2px solid #fff;
    height: 30px;
    width: 75%;
}

.viewBillRedTabHeaderWide
{
    width: 590px;
    padding-left: 10px;
}

.viewBillTabHeader
{
    border: none;
}
.viewBillCellRow
{
    height: 30px;
    border-top: 2px solid #fff;
    background-color: #E6E6E6;
}

.viewBillCellRowDDInfo
{
    height:auto;
    border-top: 2px solid #fff;
    background-color: #E6E6E6;
    padding-bottom:4px;
}

.viewBillCellRowText
{
    padding: 5px 0 0 10px;
}

.viewBillDivClear
{
    clear: both;
}

.viewBillClearCharges
{
    clear: both;
    margin-bottom: 5px;
}

.viewBillCellLeft, .viewBillCellLeftWide, .viewBillCellMiddle, .viewBillCellRight, .viewBillCellRightWide

{
    
    line-height: 20px;
    height: 1.8em;
    float: left;
    padding-top: 2px;
    padding-left: 10px;
}

.viewBillCellLeft
{
    border-right: 1px solid #fff;
    width: 320px;
}

.viewBillCellLeftWide
{
    border-right: 1px solid #fff;
    width: 450px;
}

.viewBillCellMiddle
{
    width: 120px;
    border-right: 1px solid #fff;
}

.viewBillCellRight
{
    width: 129px;
}

.viewBillCellRightWide
{
    width: 250px;
}

.viewBillVat
{
    width: 100%;
    background-color: #E6E6E6;
}

.viewBillVat .viewBillDesc
{
    width: 450px;
    height: 30px;
    border-right: 1px solid #fff;
    border-bottom: 2px solid #fff;
    float: left;
    line-height: 5px;
    padding-top: 2px;
    padding-left: 10px;
}

.viewBillVat .viewBillAmount
{
    border-bottom: 2px solid #fff;
    color: #000;
    line-height: 5px;
    height: 30px;
    padding-top: 2px;
    padding-left: 10px;
}

.viewBillIFrame
{
    width: 810px;
    height: 630px;
    border: 1px solid #969696;
}
/* View Bill Message classes ---------------------------------------------------------*/
.viewBillMessages
{
}

.viewBillMessage
{
	height: auto;
	padding: 2px 10px 2px 10px;
	line-height: 20px;
}

.viewBillMessage span
{
    font-weight: bold;
}
/* View Bill Tariff classes ----------------------------------------------------------*/

.Tariff
{
    margin-bottom: 0.6em;
    height: auto;
    width: 100%;
}

.TariffHeader
{
    background-color: black;
    color: white;
    font-weight: bold;
    padding-top: 0.15em;
    padding-bottom: 0.15em;
    border-bottom: 0.15em solid #fff;
    margin-bottom: 0.6em;
    left: 0px;
}

.TariffTotalsHeader
{
    float: right;
    text-align: right;
    padding-right: 0.376em;
    background-color: black;
}


/* --------------------- View Bill Readings Classes -----------------------------------*/.PPMDBPaymentsSummaryContainer
.PPMDBPaymentsSummaryContainer
{
	margin-bottom:0.80em;
	width:100%;
	height:auto;	
}
.PPMDBReadingsData
{
	margin-bottom:0.80em;
	width:450px;
	height:auto;	
}
.PPMDBPaymentsHeader
{
	font-size:1.3em;
	font-weight:bold; 
	margin-bottom:0.6em;
	margin-top:0.6em;
	width:400px;
	float:left;
	vertical-align:top;
	
}
.PPMDBRepaymentOverviewDesc
{
	width:450px;
	float:left;	
	padding-bottom: 10px;
}
.PPMDBRepaymentOverviewTotal
{
	
	float:right;
	text-align:right;
	width:129px;
	padding-bottom: 10px;
}
.PPMDBFirstPaymentOverviewDesc
{
	width:450px;
	float:left;
	padding: 0px 0px 3px 0px;
}
.PPMDBPaymentOverviewDesc
{
	width:450px;
	float:left;
	border-top:thin dotted black;	
	padding: 3px 0px 3px 0px;
}
.PPMDBPaymentOverviewTotal
{
	
	float:right;
	text-align:right;
	width:129px;
	padding: 3px 0px 3px 0px;
}
.PPMDBTotalPaymentsDesc
{
	width:450px;
	float:left;
	font-weight:bold;
}
.PPMDBTotalPaymentsTotal
{
	
	float:right;
	text-align:right;
	width:129px;
	font-weight: bold;
}
.PPMDBRow
{
    float: left;
}
.PPMDBSectionText
{
float:left;
padding:3px 0;
width:450px;
}
.PPMDBSectionSubtext
{
	font-size: 0.8em;
	float:left;
	padding:6px 0;
	width:450px;
}
.PPMDBReadingIndent
{
	margin-left: 18px;
}

.PPMDBRateHeading
{
	width:auto;
	float:left;
	padding: 4px 0px 5px 0px;
}

.PPMDBReadCol1
{
	width:16%;
	float:left;
	padding-top: 4px;
}

.PPMDBReadCol2
{
	width:10%;
	float:left;
	padding-top: 5px;
	
}

.PPMDBReadCol3
{
	width:4%;
	float:left;
	padding-top: 5px;
	
}

.PPMDBReadCol4
{
	width:70%;
	float:left;
	padding-top: 6px;
	font-size: 0.8em;
	
}

.PPMDBDottedSeperatorWideTop
{
	border-top: thin dotted black;
	margin-bottom:0.376em;
	width:auto;
}

.PPMDBHrWrapper
{
    width: 450px;
    float: left;
    border-bottom: solid 2px black;
    height: 0px;
}
.PPMDBBold
{
	font-weight:bold;
}
.PPMDBTitleRow
{
	margin-bottom:7px;
}

.PPMDBHeaderRow
{
	margin-top: 0.6em;
    margin-bottom: 0.5em;
    height: auto;
    width: 100%;
}

.PPMDBHeader
{
    background-color: black;
    color: white;
    font-weight: bold;
    padding-top: 0.15em;
    border-bottom: 0.15em solid #fff;
    left: 0px;
}

.PPMDBHeaderTotal
{
    float: right;
    text-align: right;
    padding-right: 0.376em;
    background-color: black;
}

.ReadingsContainer
{
    margin-bottom: 0.80em;
    width: 100%;
    height: auto;
}
.ReadingsHeader
{
    font-weight: bold;
    margin-bottom: 0.6em;
    width: 129px;
    float: left;
    vertical-align: top;
}
.ReadingsKey
{
    width: 470px;
    float: right;
}

.ReadingsKeyRow
{
    float: left;
    width: 100%;
}

.Readings
{
    width: 450px;
}

.MeterNumber
{
    font-weight: bold;
    float: left;
    padding-bottom: 0.175em;
}

.DottedSeperatorWide
{
    border-bottom: thin dotted black;
    width: 450px;
    height: 0px;
}

.DottedSeperatorWideTop
{
    border-top: thin dotted black;
    margin-bottom: 0.376em;
    width: 450px;
}

.DottedSeperatorRight
{
    border-top: thin dotted black;
}

.RowRegister
{
    width: 450px;
    float: left;
}

.RowRegisterDotted
{
    width: 450px;
    float: left;
    border-top: thin dotted black;
}

.divRateCol
{
    width: 21%;
    float: left;
    margin-top: 2px;
}
.readingCol
{
    width: 30%;
    float: left;
    text-align: right;
}
.typeCol
{
    width: 4%;
    float: left;
    margin-left: 0.2em;
    text-align: right;
}

.dateCol
{
    float: left;
    text-align: right;
    margin-left: 0.5em;
}
.PreviousCol
{
    width: 34%;
    float: left;
    margin-top: 2px;
}

.CurrentCol
{
    width: 34%;
    float: left;
    margin-top: 2px;
}

.TotalCol
{
    float: right;
    margin-top: 2px;
}

.Row
{
    float: left;
}

.Col1
{
    width: 30%;
    float: left;
}

.Col2
{
    width: 70%;
    float: right;
}

.KwhCol2
{
    width: 70%;
    float: right;
    border-top: thin dotted black;
}

.GasCol1
{
    width: 30%;
    float: left;
}

.GasCol2
{
    width: 20%;
    float: left;
    border-top: thin dotted black;
}

.GasCol3
{
    width: 50%;
    float: right;
    border-top: thin dotted black;
}

/* ----------------------- View Bill Charges Classes ----------------------------------*/

.ChargeDetails
{
    width: 100%;
    float: left;
    margin-bottom: 8px;
}

.ChargesTitle
{
    font-weight: bold;
    float: left;
    margin-bottom: 0.376em;
}

.ChargesDateTitle
{
    font-weight: bold;
    font-size: 1.25em;
    float: left;
    margin-top: 0.376em;
    margin-bottom: 0.376em;
}

.RowCharges
{
    width: 450px;
    float: left;
    border-top: thin dotted black;
}

.RowCharges-NoBorder
{
    width: 450px;
    float: left;
}

.chargeDesc
{
    text-align: right;
}

.chargeUnits
{
    width: 20%;
    text-align: right;
    float: left;
}

.chargeUnitDesc
{
    float: left;
    padding-left: 0.3em;
    text-align: left;
}

.NetCharges
{
    margin-right: 0em;
    float: right;
}

.hrWrapper
{
    width: 450px;
    margin-top: 0.8em;
    margin-bottom: 0.8em;
    float: left;
    border-bottom: solid 2px black;
    height: 0px;
    line-height: 0px;
}

.hrWrapper1
{
    width: 100%;
    margin-bottom: 0.75em;
    margin-top: 0.8em;
    float: left;
    border-bottom: solid 2px black;
    height: 0px;
    line-height:0px;
}
.hrWrapperTotals
{
    width: 120px;
    margin-bottom: 0.8em;
    margin-top: 0.8em;
    float: right;
    border-bottom: solid 2px black;
    height: 0px;
    line-height:0px;
}

.ChargesTotalCol
{
    float: right;
    text-align: right;
    width: 129px;
}

.ChargesCol1
{
    width: 45%;
    float: left;
}

.ChargesCol2
{
    width: 53%;
    float: right;
}

.divSubTotalSeperator
{
    width: 100%;
}
.subtotal
{
    font-weight: bold;
    font-size: 0.90em;
    border-bottom: solid 2px black;
    border-top: solid 2px black;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px 0px 5px 0px;
}
.totalsCol
{
    float: right;
    margin-right: 0.376em;
}
/* View Bill Product classes ----------------------------------------------------------*/
.viewBillProduct
{
    margin-bottom: 0.6em;
    padding-bottom: 0.175em;
}
.viewBillProductType
{
    margin-bottom: 1em;
    width: 100%;
    float: left;
}
.viewBillLblProductType
{
    font-weight: bold;
    float: left;
    margin-bottom: 0.376em;
    margin-top: 0.07em;
    font-size: 1.15em;
}
.totalProductCostsDesc
{
    font-weight: bold;
    font-size: 1em;
    float: left;
}
.totalProductCosts
{
    font-weight: bold;
    font-size: 1em;
    float: right;
    margin-right: 0.376em;
}
/* ------------------------------------------------------------------------------------*/

#FaqTitle
{
    height: 8em;
}

#TescoClubcardRegister
{
    padding-top: 8px;
    padding-bottom: 4px;
}

.positionLink
{
    text-align: right;
}

.padTop
{
    padding-top: 10px;
}

.padTopAddress
{
    padding-top: 20px;
}

/* -------------------------------------------------------------------------------- server control classes */
.serverControl
{
    background-color: #efefef;
    border: 1px solid #000;
    padding: 10px;
}

.button
{
    background-color: Transparent;
    background-repeat: no-repeat;
}

input.Left
{
    background-image: url(/Resources/Images/arrow_right_blue.gif);
}


.eonButton
{
    color: #0b70ca;
    text-decoration: none;
    font-family: Verdana;
    font-weight: normal;
}

A.eonButton:hover
{
    text-decoration: none;
    color: #f00;
}


.linkButton
{
    background-image: url(/Resources/Images/arrow_right_blue.gif);
    background-repeat: no-repeat;
    padding-left: 18px;
    font-weight: bold;
}

.HeaderImage img
{
    float: right;
    padding-left: 10px;
}

span.alignLabel
{
    float: left;
    display: block;
    width: 180px;
    padding-left: 2px;
}

/* --------------------------------------------------------------------------- energy efficiency classes */
.energy img
{
    float: right;
}

.energyTitle h1
{
    width: 60%;
    margin: 0 0 15px 0;
}

.energyTitle
{
    height: 90px;
}

.buttonRight
{
    float: right;
}


/* ------------------------------------------------------------------------------Sub Home Page Classes */
.subHPod
{
    width: 20em;
    padding: 4px;
    margin: 8px 20px 8px 8px;
    border: solid 1px red;
}

.subHPod img
{
    float: left;
    padding-right: .6em;
}

/*---------------------------------------Page Title--------------------------------------------------*/

#PageTitleBar
{
    height: 50px;
}

#PageTitle
{
    float: left;
}

#PageNav
{
    float: right;
    margin: 12px 5px 0px 0px;
}

#PageNav select
{
    height: 15px;
    width: 125px;
    font-size: 9px;
}

#PageTitleBar #PageTitle h1
{
    color: #000;
    text-align: left;
}

#quotePod
{
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: #eee;
    height: 60px;
}

.quoteResultsTopProduct
{
    background-color: #e6e6e6;
}

/*-- Key features ----------------------------------------*/
#keyFtrs
{
    width: 100%;
}

#keyFtrs h2
{
    margin-bottom: 6px;
}

#keyFtrs h3
{
    color: #000;
    font-size: .9em;
    padding-bottom: 0;
}

#keyImage
{
    float: left;
    width: 50px;
}

#keyCopy
{
    float: right;
}

#keyFtrsGroup
{
    float: left;
    width: 480px;
}

#keyFtrsBenefits
{
    float: right;
    border: solid 1px #ddd;
    width: 200px;
}

/*---------------------------------Sign Up ---------------------------------------------*/

.signUpContextMenu
{
    float: right;
}

.signUpDDLTitle
{
    padding-left: 5px;
    border: solid 3px red;
}

.signupWidth
{
    width: 98%;
    font-size: 1em;
}

.signupMargin
{
    margin-left: 180px;
}

span.signUpLabel
{
    float: left;
    display: block;
    width: 180px;
}

ul.specialNeeds
{
    list-style-type: none;
    float: left;
    margin: 0px;
    padding-left: 0px;
}

div.signUpAddress
{
    float: left;
    margin: 0px 0px 0px 3px;
}

/*--------------------------------- Heating Services -------------------------------------*/

.hesChoice, .hesChoice1
{
    margin-top: 30px;
}

.hesChoiceButton
{
    padding-top: 15px;
    right: 5px;
    width: 15em;
}

.postcodeField
{
    width: 50px;
    margin-right: 5px;
}

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


/* --------------------------------------------------------------------------------- Your correspondence */

.ycButtonContainer
{
    width: 100%;
    margin: 5px 0px 5px 0px;
}

.ycButton
{
    float: left;
    margin: 0px 25px 0px 0px;
}

.ycMessage
{
    text-align: left;
    width: auto;
    clear: both;
}

.ycGridTitle
{
    visibility: hidden;
    background-color: #f21c0a;
    height: 25px;
    padding: 5px 0px 0px 5px;
    color: #fff;
}

.ycSubTitles
{
    border: 0;
}

.ycSubTitles th, .ycSubTitles td
{
    padding: 5px;
    color: #000;
    background-color: #e6e6e6;
    text-align: left;
    border: solid 1px #fff;
}

.ycSubTitles th
{
    text-align: left;
    background-color: #f21c0a;
    color: #fff;
    padding: 5px;
}

.ycSubTitles th.ycDate
{
    width: 18%;
}

.ycSubTitles th.ycType
{
    width: 24%;
}

.ycSubTitles th.ycMessage
{
}

.ycSubTitles th.ycView
{
    width: 85px;
}

.ycSubTitles th.ycCheckBox
{
    width: 8%;
}

.ycPagingButtons
{
    width: 100%;
    border-top: 1px solid #e6e6e6;
}

.ycPageButton
{
    margin: 3px;
}

.ycViewQuery h2
{
    margin: 10px 0px 10px 0px;
}

.ycViewTable td
{
    padding-bottom: 3px;
}

.ycViewTable td strong
{
}

.ycBack
{
}

/* --------------------------------------------------------------------------------- Product Switching */
#PsTable
{
    width: 100%;
    border-collapse: collapse;
    empty-cells: show;
    border: 1px solid #ccc;
}

#PsTable caption
{
    text-align: left;
    padding: 10px 0;
    font-weight: bold;
    font-size: 1.3em;
}

.unitPriceHeading
{
    font-weight: bold;
    color: #FF7F76;
}

#PsTable td, #PsTable th
{
    border: 1px solid #ccc;
    padding: 3px;
    vertical-align: top;
}

#PsTable td
{
    padding-top: 8px;
}

#PsTable h2
{
    font-size: 1em;
    margin-bottom: 0.5em;
}

#PsTable th
{
    font-weight: bold;
    color: #fff;
    background-color: #F21C0A;
    text-align: left;
    height: 2em;
}

#PsTable .col1
{
    width: 150px;
}

#PsTable td.product 
{
    width:180px;
}

#PsTable td.benefits 
{
    width:200px;
}
#PsTable td.nextSteps 
{
    width:93px;
}

#PsTable td.benefits ul
{
    margin: 0 0 0 18px;
    padding: 0;
}

#PsTable td.benefits ul li
{
    padding: 0 0 10px 0;
    font-size: 0.8em;
}

#PsTable td.prices, #PsTable .psProductDesc
{
    font-size: 0.8em;
}

/* --------------------------------------------------------------------------------- Registration */

.TescoImage img
{
    padding-right: 5px;
    padding-top: 15px;
}

.smeProposition
{
    position: relative;
    margin: 10px 0px 10px 0px;
    background-color: #e6e6e6;
    padding: 10px;
}

.smeProposition div
{
    padding-right: 3px;
}

.smeProposition h2
{
    margin: 0px;
    font-size: 90%;
}

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

.smeProposition table
{
    width: 575px;
    background-color: #fff;
    border: 1px solid #ccc;
}

.smeProposition table th, .smeProposition table td
{
    padding: 5px;
}

.smeProposition table th
{
    text-align: left;
    background-color: #f21c0a;
    color: #fff;
}

.smeProposition table th.fuel
{
    width: 300px;
}

.smeProposition table th.bill
{
}

.smeProposition table td label
{
    margin-left:10px;
    cursor:pointer;
    cursor:hand;
}

.smeNotEligible
{
    font-weight: bold;
}
#SMEQuote .smeDiscountLabel
{
	color:Red;
	padding-left:15px;
}
/* --------------------------------------------------------------------------------- Mass Personalisation */

/*Modal Popup*/
.modalBackground 
{
}

.modalPopup 
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:black;
	padding:3px;
	
}

.MassPHeading 
{
	padding: 1em 0 1em 0;
	color:White;
	background:gray;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
}	
	
.dragHandle
{
    width: 25px;
    height: 23px;
    background-color: Blue;
    background-image: url(images/bg-menu-main.png);
    cursor: move;
    border: outset thin white;
}

.callbackStyle
{
    border: thin blue inset;
}

.callbackStyle table
{
    background-color: #5377A9;
    color: Black;
}


.reorderList li 
{
	list-style:none;
	margin:2px;
	background-image:url(/resources/images/bg_nav.gif);
	background-repeat:repeat-x;
	color:#FFF;
}

.reorderList li a {color:#FFF !important; font-weight:bold;}

.reorderCue {
	border:dashed thin black;
	width:100%;
	height:25px;
}

.itemArea {
	margin-left:15px;
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	text-align:left;
}

.selectedRow
{
    color: #FFF;
    background-color: Gray;
}

/* --------------------------------------------------------------------------------------------------- */
/*  SME Phase 2 quote styles                                                                           */
/* --------------------------------------------------------------------------------------------------- */

/* -----------------  carried over styles  -----------------  */


#SMEQuote #contentArea_container
{
    width: 610px;
    float: left;
    clear: both;
}

#SMEQuote #contentArea
{
    border: 0px solid green;
    display: inline;
    margin: 157px 20px 0pt 175px;
    width: 600px;
}

#SMEQuote #contentArea .white_in_grey_600_top .white_in_grey_600_container
{
    padding: 6px 0pt 0pt;
}

#SMEQuote .site_address
{
    font-weight: normal;
    padding: 0 0 0 15px;
    float: left;
}

.printArea
{
    display: none;
}

/* -----------------  carried over styles  -----------------  */

#SMEQuote *
{
    padding: 0;
    margin: 0;
}

/* Undo the above override affecting subnavigation */
#SMEQuote #subNavigation
{
    margin-left:-784px;
    margin-top:157px;
}

/* Undo the above override for some pod styles */
#SMEQuote .podPanel
{
    margin-bottom: 10px;
}

/* Push Pod Panel in by 7px to center it with the basket */
.SMEQuote .podPanel
{
    margin-left: 7px;   
}

#SMEQuote .podText
{
    margin-bottom: 30px;
}

#SMEQuote .podTextDesc
{
    margin: 8px 10px 3px;
}

#SMEQuote .podPanel .podSmall a.podLink span, 
#SMEQuote .podPanel .podLarge a.podLink span, 
#SMEQuote .podPanel .podXSell a.podLink h4, 
#SMEQuote .podPanel .podBackground h4
{
	padding-left:12px;
}

#SMEQuote .podPanel .podSmall, 
#SMEQuote .podPanel .podLarge 
{
	margin:0px 0px 10px 0px;
}

#SMEQuote .podPanel .podSmall a.podLink img 
{
	margin-right:4px;
}

#SMEQuote .podSmall
{
    float: none;
}

/* End Pod Override Undo */

#SMEQuote .podPanel a
{
	text-decoration: none;
}

#SMEQuote .sme_thanks .podPanel a:active
{
	color: #000000;
	background-color: #f21c0a;
}

#SMEQuote .sme_thanks .podPanel a:visited
{
	color: #000000;
	text-decoration: none;
}

#SMEQuote .sme_thanks .podPanel a:hover
{
	color: #000000;
	text-decoration: underline;
}

#SMEQuote #contentArea .podPanel .podSmall {
    padding:4px 0 0 2px;
    width:265px;
}

#SMEQuote #contentArea .podInsideGreyContainer
{
    display:block;   
}

#SMEQuote #contentArea .podInsideGreyContainer td
{
    font-size: 0.85em;
    border: 0px solid green;
    padding: 4px;
    margin:0
    
}

#SMEQuote #contentArea .podPanel .podSmall p
{
	padding:0;
}

#SMEQuote .alsoInterested
{
	padding-top: 10px;
}


#SMEQuote .grey_600
{
    height: auto;
    width: 586px;
    padding: 0 0 10px 0;
}

#SMEQuote .grey_600_top
{
    background: url(/Resources/Images/SMEQuote/top_600_grey.jpg) no-repeat;
    width: 586px;
    height: 24px;
    clear: both;
    border: 0px solid orange;
    page-break-before:auto;
}

#SMEQuote .grey_600_top_thin
{
    background: url(/Resources/Images/SMEQuote/top_600_grey.jpg) no-repeat;
    width: 586px;
    height: 10px;
    clear: both;
    border: 0px solid orange;
    page-break-before:auto;
}

#SMEQuote #quote_div_1
{
    display: none;
}

#SMEQuote .white_in_grey_600_top
{
    background: url(/Resources/Images/SMEQuote/top_white_in_grey_600.jpg) no-repeat;
    width: 586px;
    height: 32px;
    margin: 2px 0 0 0;
    color: #000;
    font-weight: bold;
    border: 0px solid green;
    clear:both;
}

#SMEQuote .white_in_grey_600_top_thin
{
    background: url(/Resources/Images/SMEQuote/top_white_in_grey_600.jpg) no-repeat;
    width: 586px;
    height: 9px;
    margin: 10px 0 0 0;
    color: #000;
    font-weight: bold;
    border: 0px solid green;
    clear:both;
}

#SMEQuote .white_in_grey_600_top_small
{
    background: url(/Resources/Images/SMEQuote/top_white_in_grey_600.jpg) no-repeat scroll left top;
    width: 586px;
    height: 11px;
    margin: 10px 0 0 0;
    color: #000;
    font-weight: bold;
    border: 0px solid green;
    clear:both;
}

#SMEQuote .white_in_grey_600_container p.product_title
{
    background:transparent;
    margin:0;
    padding-top:0px;
    position: relative;
    top: 5px;
}

#SMEQuote .white_in_grey_600_container p.product_title img
{
    position: relative;
    top: -8px;
    height: 21px;
}


#SMEQuote .mid_grey_600_container
{
    border: 0px solid blue;
    margin: 0pt 0pt 0pt 13px;
    padding: 0pt 0pt 0pt 13px;
    width: 535px;
}

#SMEQuote .mid_grey_600_container p
{
    padding: 0;
    line-height: 115%;
}

#SMEQuote .mid_grey_600
{
    background: url(/Resources/Images/SMEQuote/mid_600_grey.jpg) repeat-y;
    width: 586px;
    height: auto;
    border: 0px solid blue;
    padding: 1px 0 0 0;
    overflow:hidden;
}

#SMEQuote .white_in_grey_600, #SMEQuote .meter_600_off
{
    background: url(/Resources/Images/SMEQuote/mid_600_white_in_grey.jpg) repeat-y;
    width: 586px;
    height: auto;
    float: left;
    border: 0px solid red; 
}

#SMEQuote .meter_600
{
    background: url(/Resources/Images/SMEQuote/meter_box_bg.jpg) repeat-y;
    width: 586px;
    height: auto;
}

#SMEQuote .white_in_grey_600_container
{
    margin: 0pt 0pt 0pt 19px;
    width: 524px;
    padding: 6px 0pt 0pt;
    border: 0px solid green;
}

#SMEQuote .sme_thanks .white_in_grey_600_container
{
    margin: 0pt 0pt 0pt 26px;
    width: 536px;
    padding: 6px 0pt 0pt;
    border: 0px solid green;
}

#SMEQuote .tab_row
{
    height: 36px;
    width: 586px;
    background: url(/Resources/Images/SMEQuote/behind_the_tabs.jpg) no-repeat;
}

#SMEQuote .left_end_grey_tab
{
    height: 36px;
    width: 24px;
    background: url(/Resources/Images/SMEQuote/left_end_grey.jpg) no-repeat;
    float: left;
}

#SMEQuote .grey_tab
{
    background: url(/Resources/Images/SMEQuote/grey_tab.jpg) no-repeat scroll 0%;
    color: #666666;
    cursor: pointer;
}

#SMEQuote .grey_tab:hover
{
    color: #F21C0A;
    text-decoration: underline;
}

#SMEQuote .white_tab
{
    background: url(/Resources/Images/SMEQuote/white_tab.jpg) no-repeat 0%;
}

#SMEQuote .tab_menu
{
    list-style-type: none;
    padding: 0 0 0 18px;
}

#SMEQuote .tab_menu input:hover
{
    color: #F21C0A;
    text-decoration: underline;
    cursor: pointer;
    text-decoration: underline;
    background: transparent;
    display: block;
}
#SMEQuote .tab_menu input {
     
    background: transparent none repeat scroll 0%;
    padding:5px 0pt 0pt 0;
    width:88px;
    text-align:center;
    color: black;
    cursor: pointer;
    overflow: hidden;
    text-decoration: underline;
    background: transparent;
    color: #666666;
}

#SMEQuote .tab_menu li
{
    height: 36px;
}

#SMEQuote .tab_menu li .selected_tab
{
    color: Black;
    font-weight: bold;
}

#SMEQuote .tab_menu li a, #SMEQuote .tab_menu li .selected_tab
{
    display: block;
    padding: 7px 3px 4px 5px;
    text-align: center;
}

#SMEQuote .site_edit a:active, #SMEQuote .site_edit a:link
{
    background: transparent;
    position: relative;
    top: -10px;
    left: -10px;
}

#SMEQuote .tab_menu li:hover
{
    text-decoration: none;
}

#SMEQuote .tab_menu li a:visited, 
#SMEQuote .tab_menu li a:hover, 
#SMEQuote .tab_menu li a:link, 
#SMEQuote .tab_menu li a:active
{
    color: #999999;
    background-color: Transparent;
    text-decoration: none;
}

#SMEQuote .tab_menu li a:hover
{
    text-decoration: underline;
    color: #666666;
}

#SMEQuote .tab_menu li a.disabled
{
    color: Black;
    font-weight: bold;
    text-decoration: none;
}

#SMEQuote .grey_tab, #SMEQuote .white_tab
{
    float: left;
    height: 36px;
    width: 88px;
}

#SMEQuote .grey_2_white
{
    height: 36px;
    width: 17px;
    background: url(/Resources/Images/SMEQuote/grey_2_white.jpg);
    float: left;
}

#SMEQuote .white_2_grey
{
    height: 36px;
    width: 17px;
    background: url(/Resources/Images/SMEQuote/white_2_grey.jpg);
    float: left;
}

#SMEQuote .white_end_right
{
    height: 36px;
    width: 17px;
    background: url(/Resources/Images/SMEQuote/white_2_grey.jpg);
    float: left;
}

#SMEQuote .meter_bottom
{
    height: 12px;
    width: 586px;
    background: url(/Resources/Images/SMEQuote/meter_box_bottom.jpg);
}

#SMEQuote .meter_bottom_off
{
    display: none;
}

#SMEQuote .white_in_grey_600_container p
{
    padding: 3px 0 0 0;
}

#SMEQuote .white_in_grey_600_container p.sectionHeading
{
    padding: 9px 0 0 0;
}

#SMEQuote .sme_thanks .white_in_grey_600_container p
{
    padding: 0 0 8px 0;
}

#SMEQuote .white_in_grey_600_container #mpan p
{
    padding: 0;
}

#SMEQuote .grey_600_bottom
{
    background: url(/Resources/Images/SMEQuote/grey_600_bottom.jpg) no-repeat top left;
    background-color: white;
    width: 586px;
    height: 12px;
    border: 0px solid green;
    clear: both;
}

#SMEQuote .white_in_grey_600_bottom
{
    background: url(/Resources/Images/SMEQuote/bottom_white_in_grey_600.jpg) no-repeat bottom left;
    width: 586px;
    height: 9px;
    clear: both;
    border: 0px solid blue;
}

#SMEQuote .postcode
{
    border: 1px solid #CCC;
    height: 21px;
}

#SMEQuote label
{
    display: block;
    float: left;
    margin: 2px 0px 0pt 23px;
    text-align: right;
}

#SMEQuote .day_label, #SMEQuote .postcode_label, #SMEQuote .site_friendly_name_label
{
    margin: 2px 0px 0pt 0;
}

#SMEQuote input
{
    color: #333;
    font-weight: normal;
    background: #FFF;
    border: 0;
}

#SMEQuote #mpan 
{
    margin: 16px 0pt 3px 40px;
    width: 26em;
    float: left;
}

#SMEQuote #mpan label
{
    display: none;
}

#SMEQuote .mpan_1,
#SMEQuote .mpan_2,
#SMEQuote .mpan_3,
#SMEQuote .mpan_4,
#SMEQuote .mpan_5,
#SMEQuote .mpan_6,
#SMEQuote .mpan_7 {
    border:1px solid #CCCCCC;
    font-size:1.30em;
    height:85%;
    margin:0pt 0pt 0pt 0.1em;
}


#SMEQuote .mpan_1{margin: 0 0pt 0pt 2.55em; width: 1.35em;}
#SMEQuote .mpan_2{width: 2em;}
#SMEQuote .mpan_3{width: 2em;}
#SMEQuote .mpan_4{margin: 0 0pt 0pt .65em; width: 1.35em;}
#SMEQuote .mpan_5{width: 2.75em;}
#SMEQuote .mpan_6{width: 2.75em;}
#SMEQuote .mpan_7{width: 2em;}

#SMEQuote .bl
{
	background: url(/Resources/Images/SMEQuote/bl.gif) 0 100% no-repeat #F7F7F7;
}

#SMEQuote .br
{
	background: url(/Resources/Images/SMEQuote/br.gif) 100% 100% no-repeat
}

#SMEQuote .tl
{
	background: url(/Resources/Images/SMEQuote/tl.gif) 0 0 no-repeat
}

#SMEQuote .tr
{
	background: url(/Resources/Images/SMEQuote/tr.gif) 100% 0 no-repeat;
	overflow:hidden;
	height:100%;
}

/* Added this part - to split these styles out from the #SMEQuote .tr class above. */
#SMEQuote #mpan .tr
{
	padding:.35em;
	font-size:140%;
}


#SMEQuote .mpan_container, #SMEQuote .mpan_s, #SMEQuote .mpan_numbers
{float:left}

#SMEQuote .mpan_s {
	border:0px solid red;
	font-size:3.0em;
	width:0.75em;
}

#SMEQuote .mpan_s p {
	font-family:verdana;
	height:1.0em;
	margin:0;
	padding:0pt;
	text-align:center;
	color:#666666;
}


#SMEQuote .mpan_numbers
{ border:0px solid blue;}


#SMEQuote .mpan_numbers p.mpan_top {
	border:0px solid blue;
	clear:both;
	height:1.75em;
	margin:0;
	padding:0pt;
	width:15em;
}
#SMEQuote .mpan_numbers p.mpan_bottom {
	clear:both;
	height:1.75em;
	margin:0.3em 0pt 0;
	padding:0pt;
	width:15em;
}

/*---------------------------------*/
/* New MPAN repeating rows section */
/*---------------------------------*/
#SMEQuote .mpan_row
{
	clear:both;
	overflow:hidden;
	padding:7px 0 5px 0;
}

#SMEQuote .mpan_row .mpan_box
{
	border:dashed 0px red;
	padding:3px 3px 0 3px;
	width:9.85em;
	float:left;
}

#SMEQuote .mpan_box .s
{
	color:#555555;
	float:left;
	font-size:105%;
	font-weight:bold;
	padding:0.13em 0 0 0.8em;
}

#SMEQuote .mpan_box .mpan_line1,
#SMEQuote .mpan_box .mpan_line2
{
	float:left;
	margin:0 0 auto auto;
	overflow:hidden;
}

#SMEQuote .mpan_box .mpan_line1
{
	padding:0.2em 0 0 0.6em;
	border:dashed 0px red;
	width:6.5em;
}

#SMEQuote .mpan_box .mpan_line2
{
	clear:both;
	padding:0 0.2em 0.35em;
	width:9.8em;
	border:dashed 0px green;
}

#SMEQuote .mpan_row input,
#SMEQuote .mpan_row select
{
    float: left;
    height: 20px;
    border: 1px solid #CCC;
}

#SMEQuote .mpan_row select
{
	width:6em;
}

#SMEQuote .mpan_row label
{
	margin:2px 0 0;
}

#SMEQuote .mpan_row .day3,
#SMEQuote .mpan_row .night3,
#SMEQuote .mpan_row .weekend3
{
	float:left;
	overflow:hidden;
	padding:0 0 0 4px;
	width:87px;	
}

#SMEQuote .mpan_row .period3
{
	float:left;
	overflow:hidden;
	width:5.5em;	
}

#SMEQuote .mpan_row .day2,
#SMEQuote .mpan_row .night2
{
	float:left;
	overflow:hidden;
	padding:0 0 0 15px;
	width:120px;
}

#SMEQuote .mpan_row .period2
{
	float:left;
	overflow:hidden;
	width:6em;	
}

#SMEQuote .mpan_row .day1
{
	float:left;
	overflow:hidden;
	padding:0 0 0 70px;
	width:130px;	
}

#SMEQuote .mpan_row .period1
{
	float:left;
	overflow:hidden;
	width:6.1em;	
}

#SMEQuote .mpan_row .day_label,
#SMEQuote .mpan_row .night_label,
#SMEQuote .mpan_row .weekend_label
{
	width:5em;
}

#SMEQuote .mpan_row .period_label
{
	width:5.5em;
}

#SMEQuote .mpan_row input
{
	width:5em;	
}

#SMEQuote .mpan_row label
{
	clear:both;
	text-align:center;
}


#SMEQuote .form_row
{
	clear:both;
	float:left;
	padding:5px 0;
	width:524px;
}

#SMEQuote .form_row label
{
	float:left;
	width:160px;
	margin:0;
	padding:2px 0 0 23px;
}

#SMEQuote .form_row .reg_form_required
{
	padding:0 3px;
}

#SMEQuote .form_row .reg_form_input_small,
#SMEQuote .form_row .reg_form_input
{
    float: left;
    height: 21px;
    margin: 0 0pt .25em 8px;
    border: 1px solid #CCC;
}

#SMEQuote .form_row .reg_form_input_small
{
    width: 9em;
}

#SMEQuote .form_row .reg_form_input
{
    width: 17.5em;
}

#SMEQuote .form_row .select_address
{
    float: left;
    height: 20px;
    margin: 0 0pt .25em 8px;
    border: 1px solid #CCC;
    padding: 0;
	width: 300px;
}

#SMEQuote .site_address_buttons
{
	clear: both;
	height: 24px;
	float: right;
	margin: 8px 8px 0 0;
}

#SMEQuote .site_address_buttons .lookup_address,
#SMEQuote .site_address_buttons .change_address,
#SMEQuote .site_address_buttons .clear_address
{
	float: right;
    border: 0;
}

#SMEQuote .site_address_buttons .lookup_address .btnBlock input
{
	font-weight:bold;
	padding:0 0 0.2em 0.2em;
}

#SMEQuote .site_address_buttons .lookup_address .btnStart

{
    background: transparent url(/Resources/Images/SMEQuote/red_button_left.gif) no-repeat scroll left top;
    width: 7px; /* 21px shows the arrow on the left, 7px hides it */
    height: 28px;
}

#SMEQuote .site_address_buttons .lookup_address .btnEnd
{
    background: transparent url(/Resources/Images/SMEQuote/red_button_right.gif) no-repeat scroll right top;
    float: left;
    width: 9px;
    height: 28px;
}

#SMEQuote .site_address_buttons .lookup_address .btnBlock input
{
    width: auto;
    background: url(/Resources/Images/SMEQuote/red_button_bg.gif) repeat-x top left;
    border: 0;
    color: #FFF;
    font-weight: bold;
    height: 28px;
    padding: 0 0 .5em .2em;
}

#SMEQuote .site_address_buttons .lookup_address .btnBlock input:hover
{
    color: black;
}

#SMEQuote .clear_address .btnStart,
#SMEQuote .change_address .btnStart
{
    background: transparent url(/Resources/Images/SMEQuote/white_button_left.gif) no-repeat scroll left top;
    width: 11px;
    height: 28px;
}

#SMEQuote .clear_address .btnEnd,
#SMEQuote .change_address .btnEnd
{
    background: transparent url(/Resources/Images/SMEQuote/white_button_right.gif) no-repeat scroll right top;
    float: left;
    width: 9px;
    height: 28px;
}

#SMEQuote .clear_address .btnBlock input,
#SMEQuote .change_address .btnBlock input
{
    width: auto;
    background: url(/Resources/Images/SMEQuote/white_button_bg.gif) repeat-x top left;
    border: 0;
    color: #333;
    font-weight: bold;
    height: 28px;
    padding: 0 0 .2em .2em;
}

#SMEQuote .clear_address .btnBlock input:hover,
#SMEQuote .change_address .btnBlock input:hover
{
    color: #F21C0A;
}

#SMEQuote .get_quote_button
{
    float: right;
    margin: 10px 8px 0 0;
}

#SMEQuote .get_quote_button .btnStart
{
    background: transparent url(/Resources/Images/SMEQuote/red_button_left.gif) no-repeat scroll left top;
    width: 21px;
    height: 28px;
}

#SMEQuote .get_quote_button .btnBlock input
{
    width: auto;
    background: url(/Resources/Images/SMEQuote/red_button_bg.gif) repeat-x top left;
    border: 0;
    color: white;
    font-weight: bold;
    height: 28px;
    padding: 0 0 .5em .2em;
}

#SMEQuote .get_quote_button .btnBlock input:hover
{
    color: black;
}

#SMEQuote .get_quote_button .btnEnd
{
    background: transparent url(/Resources/Images/SMEQuote/red_button_right.gif) no-repeat scroll right top;
    float: left;
    width: 9px;
    height: 28px;    
}

#SMEQuote .form_row .site_address_lines
{
	float:left;
	padding:1px 0 0 10px;	
}

#SMEQuote .form_row .site_address_lines P
{
	padding:1px 0 0;
}

#SMEQuote .meter_message_container,
#SMEQuote .address_select_message_container
{
	background-color:#DDDDDD;
	padding:12px 10px 17px;
}

/*----------------------------------------*/
/* END OF New MPAN repeating rows section */
/*----------------------------------------*/


#SMEQuote .single_line_text
{
    height: 27px;
    margin: 2px 0pt 3px 0px;
    width: 536px;
}
#SMEQuote .single_line_text p, #SMEQuote .postcode p
{
    margin: 0;
}

#SMEQuote .day, #SMEQuote .night, #SMEQuote .weekend, #SMEQuote .period, #SMEQuote .postcode, #SMEQuote .gas_meter, #SMEQuote .site_friendly_name
{
    float: left;
    height: 21px;
    margin: 0 0pt 0pt 8px;
    width: 60px;
    border: 1px solid #CCC;
}

#SMEQuote .period
{
    width: 72px;
}

#SMEQuote .gas_meter, #SMEQuote .postcode
{
    width: 120px;
}

#SMEQuote .site_friendly_name
{
    width: 190px;
}

#SMEQuote .product_icon
{
    float: left;
    height: 21px;
    padding: 5px 7px 0pt 0px;
}

#SMEQuote .add_elec_button, #SMEQuote .add_gas_button, #SMEQuote .remove_site_button
{
    height: 26px;
    border: 0;
    color: black;
    font-weight: normal;
    font-size: .95em;
    float: right;
    margin: 10px 25px 0 0;
}

#SMEQuote .remove_site_button
{
    height: 28px;
    background: transparent url(/Resources/Images/SMEQuote/remove_site_button.gif) no-repeat scroll 0%;
    margin: 11px 8px 0px 0px;
    width: 140px;
}

#SMEQuote .remove_site_button:hover
{
    background: transparent url(/Resources/Images/SMEQuote/remove_site_button_hover.gif) no-repeat scroll 0%;
}

#SMEQuote .add_elec_button:hover
{
    color: #F21C0A;
}

#SMEQuote .sme_thanks .sme_thanks_body a:link, 
#SMEQuote .sme_thanks .sme_thanks_body a:visited
{
    color: Black;
    text-decoration: underline;
    background-color: Transparent;
}

#SMEQuote .sme_thanks .sme_thanks_body a:active
{
	color: Black;
	text-decoration: none;
	background-color: #F21C0A;
}

#SMEQuote .remove_meter a:link, #SMEQuote .remove_meter a:visited, #SMEQuote .remove_meter a:hover, #SMEQuote .remove_meter a:active,
#SMEQuote .sme_thanks .sme_thanks_body a:hover  
{
    color: #F21C0A;
    text-decoration: underline;
    background-color: Transparent;
}

#SMEQuote .remove_meter a:hover
{
    text-decoration: underline;
}

#SMEQuote .add_elec_button
{
    background: url(/Resources/Images/SMEQuote/elec_meter_button.jpg);
    width: 217px;
}

#SMEQuote .add_gas_button:hover
{
    color: #F21C0A;
}

#SMEQuote .add_gas_button
{
    background: url(/Resources/Images/SMEQuote/gas_meter_button.jpg);
    width: 183px;
}

#SMEQuote .mid_grey_600_container .site_name
{
    padding: 7px 0 0 0;
    font-size: 110%;
}

#SMEQuote .site_title
{
    font-weight: bold;
    float: left;
}

#SMEQuote .site_product_title
{
    text-decoration: underline;
    float: left;
}

#SMEQuote .mid_grey_600_container .site_name .site_title_make_room
{
    background: #DEDEDE none repeat scroll 0% 0%;
    left: -26px;
    padding-left: 26px;
    position: relative;
    width: 560px;
    font-weight: bold;
    float: left;
}

#SMEQuote div.sme_block_error
{
	overflow: auto;
}

#SMEQuote div.sme_block_error div
{
	overflow: auto;
	margin-top: 0;
	padding-top: 0;
}

#SMEQuote .sme_block_error .VAMNonTextHiliteFields
{
	overflow: auto;
    background: #FEF6F5 none repeat scroll 0%;
    margin: 0px 0pt 0pt;
    width: 524px;
    padding: 0 0 0 0;
    border: 0px solid #F21C0A;
}

#SMEQuote #mpanError .VAMNonTextHiliteFields, 
#SMEQuote #postcode_error .VAMNonTextHiliteFields, 
#SMEQuote #consumption_error .VAMNonTextHiliteFields, 
#SMEQuote #gas_meter_error .VAMNonTextHiliteFields, 
#SMEQuote #gas_consumption_error .VAMNonTextHiliteFields, 
#SMEQuote #firstname_error .VAMNonTextHiliteFields, 
#SMEQuote #title_error .VAMNonTextHiliteFields, 
#SMEQuote #lastname_error .VAMNonTextHiliteFields, 
#SMEQuote #business_name_error .VAMNonTextHiliteFields, 
#SMEQuote #email_error .VAMNonTextHiliteFields, 
#SMEQuote #retype_email_error .VAMNonTextHiliteFields, 
#SMEQuote #telephone_error .VAMNonTextHiliteFields, 
#SMEQuote #alt_telephone_error .VAMNonTextHiliteFields, 
#SMEQuote #extension_error .VAMNonTextHiliteFields, 
#SMEQuote .confirmation_error .VAMNonTextHiliteFields, 
#SMEQuote #username_error .VAMNonTextHiliteFields, 
#SMEQuote #password_error .VAMNonTextHiliteFields, 
#SMEQuote #retype_password_error .VAMNonTextHiliteFields, 
#SMEQuote #search_postcode_error .VAMNonTextHiliteFields, 
#SMEQuote .search_postcode_error .VAMNonTextHiliteFields, 
#SMEQuote #account_name_error .VAMNonTextHiliteFields, 
#SMEQuote #address_select_error .VAMNonTextHiliteFields, 
#SMEQuote #billing_address_select_error .VAMNonTextHiliteFields, 
#SMEQuote #sortcode_error .VAMNonTextHiliteFields, 
#SMEQuote #account_number_error .VAMNonTextHiliteFields, 
#SMEQuote #signatory_error .VAMNonTextHiliteFields,
#SMEQuote #lookup_address_error .VAMNonTextHiliteFields,
#SMEQuote .page_error .VAMNonTextHiliteFields,
#SMEQuote #email_address_error .VAMNonTextHiliteFields
{
    background: #FEF6F5 none repeat scroll 0%;
    margin: 8px 0pt 0pt;
    width: 524px;
    padding: 0 0 13px 0;
    border: 0px solid #F21C0A;
}

#SMEQuote #firstname_error .VAMNonTextHiliteFields, 
#SMEQuote #title_error .VAMNonTextHiliteFields, 
#SMEQuote #lastname_error .VAMNonTextHiliteFields, 
#SMEQuote #business_name_error .VAMNonTextHiliteFields, 
#SMEQuote #email_error .VAMNonTextHiliteFields, 
#SMEQuote #retype_email_error .VAMNonTextHiliteFields, 
#SMEQuote #telephone_error .VAMNonTextHiliteFields, 
#SMEQuote #alt_telephone_error .VAMNonTextHiliteFields, 
#SMEQuote #extension_error .VAMNonTextHiliteFields, 
#SMEQuote .confirmation_error .VAMNonTextHiliteFields, 
#SMEQuote .username_error .VAMNonTextHiliteFields, 
#SMEQuote .password_error .VAMNonTextHiliteFields, 
#SMEQuote .retype_password_error .VAMNonTextHiliteFields, 
#SMEQuote #search_postcode_error .VAMNonTextHiliteFields, 
#SMEQuote #username_error .VAMNonTextHiliteFields, 
#SMEQuote #password_error .VAMNonTextHiliteFields, 
#SMEQuote #retype_password_error .VAMNonTextHiliteFields, 
#SMEQuote #account_name_error .VAMNonTextHiliteFields, 
#SMEQuote #sortcode_error .VAMNonTextHiliteFields, 
#SMEQuote #account_number_error .VAMNonTextHiliteFields, 
#SMEQuote #elec_contract_end_error .VAMNonTextHiliteFields, 
#SMEQuote #gas_contract_end_error .VAMNonTextHiliteFields, 
#SMEQuote #address_select_error .VAMNonTextHiliteFields, 
#SMEQuote #billing_address_select_error .VAMNonTextHiliteFields, 
#SMEQuote #signatory_error .VAMNonTextHiliteFields,
#SMEQuote #lookup_address_error .VAMNonTextHiliteFields,
#SMEQuote .page_error .VAMNonTextHiliteFields
{
    padding: 0 0 .25em 0;
    margin: 0 0 2px 0;
    border: 2px solid #FFF;
    clear: both;
    float: left;
}
#SMEQuote .page_error .VAMNonTextHiliteFields
{
    
    width:586px;   
    
}
#SMEQuote .white_in_grey_600_container .product p
{
    padding: 0;
    border: 0px solid blue;
}

#SMEQuote .product_image
{
    width: 54px;
    height: 54px;
    float: left;
    border: 0px solid blue;
}

#SMEQuote .product
{
    border: 1px solid #CCCCCC;
    float: left;
    font-size: 0.95em;
    margin: 0pt 0pt 5px;
    padding: 0;
}

#SMEQuote .product_selected
{
    border: 1px solid #CCCCCC;
    float: left;
    font-size: 0.95em;
    margin: 0pt 0pt 5px;
    padding: 0;
    background-color: #EFEFEF;
}

#SMEQuote .product_button_text
{
    display: block;
    float: none;
    margin: 0px 0px 2px;
    text-align: center;
}

#SMEQuote .product_more_info
{
    border: 0px solid red;
    float: right;
    padding: 2px 10px 0 7px;
}

#SMEQuote .product_more_info input
{
    background: transparent none repeat scroll 0%;
    color: black;
    cursor: pointer;
    display: block;
    overflow: hidden;
    text-decoration: underline;
    background: transparent;
}

#SMEQuote .product_more_info input:hover
{
    color: #F21C0A;
    text-decoration: underline;
    cursor: pointer;
    text-decoration: underline;
    background: transparent;
    display: block;
}


#SMEQuote .product_description_container
{
    border: 0px solid orange;
    clear: both;
    padding: 0 0 0 5px;
}

#SMEQuote .product_short_description
{
    border: 0px solid purple;
    clear: both;
    padding: 5px 0 2px 5px;
    float: left;
}

#SMEQuote .product_price_container
{
    border: 0px solid teal;
    clear: both;
    padding: 0pt 0pt 10px;
}

#SMEQuote .product_price_container dl
{
    border: 0px solid red;
    clear: both;
    padding: 0pt 0pt 0px 20px;
    width: 416px;
    margin: 0px;
}
#SMEQuote .product_container
{
    border: 0px solid black;
    clear: both;
    float: left;
    width: 440px;
}

#SMEQuote .product_price_container dt, #SMEQuote .product_price_container dd
{
    border: 0px solid blue;
    float: left;
    padding: 0 0 5px 8px;
    font-size: 90%;
}

#SMEQuote .product_price_container dd
{
    float: right;
}

#SMEQuote .product_price_container dt
{
    font-weight: bold;
}

#SMEQuote .product_long_description_container
{
}

#SMEQuote .product_long_description
{
    padding: 5px 6px 8px 6px;
}

#SMEQuote .product_long_description p
{
    border: 0px solid orange;
    padding: 0;
}

#SMEQuote .product_long_description ul
{
    font-size: 95%;
    padding: 2pt 0pt 10px 20px;
}

#SMEQuote table td, #SMEQuote table th
{
    padding: 8px 0px;
    vertical-align: middle;
    border-bottom: 1px solid #CCC;
}

#SMEQuote table .product_image
{
    float: none;
}

#SMEQuote .product_description
{
    float: none;
    font-size: 90%;
    padding: 3px 11px 0px 0px;
}

#SMEQuote .product_price
{
    float: left;
    color: #F21C0A;
    border: 0px solid red;
    padding: 2px 5px 0 5px;
}

#SMEQuote .product_term
{
    float: left;
    border: 0px solid blue;
    padding: 2px 5px 0 6px;
}

#SMEQuote table
{
    /*table-layout: fixed */
}

#SMEQuote .product_image
{
    width: 54px;
    height: 54px;
}

#SMEQuote .product_name
{
    border: 0px solid blue;
    font-weight: bold;
    padding: 6px 0px 0px 6px;
}

#SMEQuote td
{
    font-size: 95%;
}

#SMEQuote .product_description
{
    width: 150px;
    float: left;
}

#SMEQuote .product_title_row
{
    width: 512px;
    height: 50px;
}

#SMEQuote .product_title_row .product_button
{
    width: 100px;
    float: left;
    height: auto;
    padding: 0;
}

#SMEQuote .product_table
{
    border: 0;
}

#SMEQuote .product_table th
{
    background-color: #FFF;
    font-weight: normal;
    text-align: left;
}

#SMEQuote .product_table th.product_term, #SMEQuote .product_table th.product_button
{
    text-align: center;
}

#SMEQuote .selected_product_row
{
    background-color: #efefef;
}

#SMEQuote .product_button, #SMEQuote .product_button_selected
{
    height: 19px;
    width: 63px;
    float: right;
    border: 0px solid blue;
    padding: 10px 0 0 0;
    text-align: center;
}

#SMEQuote .product_button .btnStart, #SMEQuote .product_button_selected .btnStart
{
    float: left;
    width: 6px;
    height: 19px;
}

#SMEQuote .product_button .btnStart
{
    background: transparent url(/Resources/Images/SMEQuote/small_grey_button_left.gif) no-repeat scroll left top;
}

#SMEQuote .product_button_selected .btnStart
{
    background: transparent url(/Resources/Images/SMEQuote/small_orange_button_left.gif) no-repeat scroll left top;
}

#SMEQuote .product_button .btnBlock input,
 #SMEQuote .product_button .blkLeft input
{
    background: url(/Resources/Images/SMEQuote/small_grey_button_bg.gif) repeat-x top left;
    border: 0;
}

#SMEQuote .product_button_selected .btnBlock input,
 #SMEQuote .product_button_selected .blkLeft input
{
    background: url(/Resources/Images/SMEQuote/small_orange_button_bg.gif) repeat-x top left;
    border: 0;
}

#SMEQuote .product_button .btnEnd
{
    background: transparent url(/Resources/Images/SMEQuote/small_grey_button_right.gif) no-repeat scroll right top;
}

#SMEQuote .product_button_selected .btnEnd
{
    background: transparent url(/Resources/Images/SMEQuote/small_orange_button_right.gif) no-repeat scroll right top;
}

#SMEQuote .product_button .btnEnd, #SMEQuote .product_button_selected .btnEnd
{
    float: left;
    width: 6px;
    height: 19px;
}

#SMEQuote .product_long_description_container .tclink_container
{
    clear: both;
    float: left;
    padding: 4px 0px 6px 6px;
}

#SMEQuote .product_long_description_container .tclink
{
    cursor: pointer;
    font-size: 85%;
    text-decoration: underline;
}

#SMEQuote .unitprice_container
{
    padding: 3px 0px 2px 0px;
    clear: both;
    float: left;
}

#SMEQuote .unitprice_container .unitprice
{
    font-size: 95%;
}

#SMEQuote .product_long_description_container .tclink:visited
{
    background-color: Transparent;
    color: #000000;
}

#SMEQuote .product_long_description_container .tclink:active
{
    background-color: Transparent;
    color: #000000;
}

#SMEQuote .product_long_description_container .tclink:link
{
    background-color: Transparent;
    color: #000000;
}

#SMEQuote .product_long_description_container .tclink:hover
{
    background-color: Transparent;
    color: #f21c0a;
}

#SMEQuote .orange_button
{
    color: #FFF;
    border: 0;
    height: 22px;
    width: 66px;
    background: url(/Resources/Images/SMEQuote/orange_button.jpg) bottom right no-repeat;
}

#SMEQuote .orange_button:hover
{
    color: #3366CC;
}

#SMEQuote .grey_button
{
    color: #333;
    border: 0;
    height: 22px;
    width: 66px;
    background: url(/Resources/Images/SMEQuote/grey_button.jpg) bottom right no-repeat;
}

#SMEQuote .grey_button:hover
{
    color: #000;
}

#SMEQuote .VAMErrorText span
{
    color: #F21C0A;
    display: block;
    padding: 2px 0px 1px 6px;
    width: 515px;
    font-size: 95%;
}

#SMEQuote .error
{
    background: #FEF6F5 none repeat scroll 0% 50%;
    margin: 10px 0pt 0pt;
    padding: 0pt 0pt 15px;
    width: 524px;
}

#SMEQuote .white_in_grey_600_container .ProductResultTable
{
	
	float:left;
width:545px;
}

#SMEQuote .white_in_grey_600_container .ProductResultTable 
{
	
}

#SMEQuote .white_in_grey_600_container .ProductResultTable 
{
	width:549px;	
	
}
#SMEQuote .white_in_grey_600_container .ProductResultTable .HeaderRow
{
	background-color:#CCCCCC;
	text-align:center;
	float:left;
	font-weight:bold;
	width:100%;
	border-bottom:solid 1px #CCCCCC;
	
	border-right:none;
	height:50px;
}

#SMEQuote .white_in_grey_600_container .ProductResultTable .HeaderRow div
{
	border-right:solid 1px white;
	height:100%;
}
#SMEQuote .white_in_grey_600_container .ProductResultTable .HeaderRow .title
{
	padding:2px 4px 4px 2px;
}
#SMEQuote .white_in_grey_600_container .ProductResultTable .HeaderRow .title
 .subHeading
 {
	font-size:8px;
 }
#SMEQuote .white_in_grey_600_container .ProductResultTable #rowProduct
{
	border-bottom:solid 1px #CCCCCC;	
}

#SMEQuote .white_in_grey_600_container .ProductResultTable .ProductRow 
{
	border-bottom:solid 1px #CCCCCC;
	height:122px;
}
#SMEQuote .white_in_grey_600_container .ProductResultTable .ProductRow p
{
	padding:0 0 0 2px;
}
#SMEQuote .white_in_grey_600_container .ProductResultTable .ProductRow label
{
	font-weight:bold;
}
#SMEQuote .white_in_grey_600_container .ProductResultTable .ProductRow .litProductDescription
{
	padding-left:6px;
	font-size:0.95em;
}
#SMEQuote .white_in_grey_600_container .ProductResultTable .ProductDesc
{
	width:150px;
	float:left;
	border-right:solid 1px #CCCCCC;
	height:100%;
	
}
#SMEQuote .white_in_grey_600_container .ProductResultTable .ContractLen
{
	width:100px;
	float:left;
	border-right:solid 1px #CCCCCC;
	height:100%;
	
}
#SMEQuote .white_in_grey_600_container .ProductResultTable .Bill
{
	width:121px;
	float:left;
	border-right:solid 1px #CCCCCC;
	height:100%;
	
}
#SMEQuote .white_in_grey_600_container .ProductResultTable .ProductDiscounts
{
	width:109px;
	float:left;
	border-right:solid 1px #CCCCCC;
	height:100%;
}

#SMEQuote .white_in_grey_600_container .ProductResultTable .ProductRow .ProductDiscounts
{
	font-size:85%;
}
#SMEQuote .white_in_grey_600_container .ProductResultTable .Select
{
	
	border-right:none;
	float:left;
	height:100%;
	
	
}

#SMEQuote .white_in_grey_600_container .ProductResultTable .HeaderRow .Select
{
	border-right:solid 1px #CCCCCC;
}
#SMEQuote .white_in_grey_600_container .ProductResultTable .unitPricesRow
{
	height:100%;
}

#SMEQuote .PricingTable
{
	margin-top:5px;
	margin-bottom:5px;
	padding:0;
	border-left:solid 1px rgb(215, 215, 215);
	margin-left:25px; margin-right:10px;
	border-top:solid 1px rgb(215, 215, 215);
	font-size:0.9em;
	width:470px;
}


#SMEQuote .PricingTable tr
{
	height:5px;
}
#SMEQuote .PricingTable td
{
	border-right:solid 1px rgb(215, 215, 215);
}
#SMEQuote .PricingTable .HideDiscountedRate 
{
	display:none;
}
#SMEQuote .PricingTable .DiscountedRate 
{
	display:table-cell;
	color:Red;
	font-weight:bold;
	
}
#SMEQuote .PricingTable .PricingTableHeaderRow
{
	margin:0;
	padding:0;
	background-color: rgb(215, 215, 215);
	text-align:center;
	height:auto;
}
#SMEQuote .product_selected .PricingTable .PricingTableHeaderRow
{
	background-color:Silver;
}

#SMEQuote .PricingTable .PricingTableHeaderRow .DiscountedRate, #SMEQuote .PricingTable .PricingTableHeaderRow .UnitDescription  
,#SMEQuote .PricingTable .PricingTableHeaderRow .StandardRate 
{
	border-right:solid 1px white;
}


#SMEQuote .PricingTable .PriceRow td 
{
	
	text-align:center;

}

#SMEQuote .PricingTable td .UnitDescription 
{
	width:150px;
}

#SMEQuote .PricingTable .PriceRow .UnitDescription
{
	
}

#SMEQuote .MPANWarning 
{
	padding: 20px 20px 0px 20px; color: #f21c0a;
}
/* ---------------------------------------------------------------------------- SME Quote Stepping Stones */

#SMEQuote .stepping_stones_container
{
    clear: both;
    float: left;
    width: 586px;
    padding: 2px 0px 6px;
    border: 0px solid red;
}

#SMEQuote .stepping_stones_title
{
    color: red;
    float: left;
    font-weight: bold;
    padding: 2px 0px 0px 5px;
    border: 0px solid teal;
}

#SMEQuote .stepping_stones
{
    float: left;
    margin: 0;
}

#SMEQuote .ssContainer
{
    color: #969696;
}

#SMEQuote .ssContainer ul
{
    margin: 3px 0px;
    padding: 0px;
    width: 586px;
    border: 0px solid blue;
}

#SMEQuote .ssContainer ul li
{
    color: #777777;
    float: left;
    font-size: 95%;
    line-height: normal;
    margin-right: 23px;
}

#SMEQuote .ssContainer .ssSelectedStone
{
    color: black;
}

/* ----------------------------------------------------------------------------------- End Stepping Stones */


#SMEQuote .phStrapLine
{
    clear: both;
    padding: 6px 0px 15px;
    width: 566px;
}

#SMEQuote .li_button .btnBlock
{
    border: 0;
    float: left;
}

#SMEQuote .btnEnd
{
    background: transparent url(/Resources/Images/SMEQuote/grey_button_right.gif) no-repeat scroll right top;
    float: left;
    width: 9px;
    height: 28px;
}

#SMEQuote .btnStart
{
    background: transparent url(/Resources/Images/SMEQuote/grey_button_left.gif) no-repeat scroll left top;
    float: left;
    width: 9px;
    height: 28px;
}

/* Button customizations  */


/*  sme thanks button   */

#SMEQuote .button_sme_thanks
{
    clear: both;
    float: left;
    padding: 7px 0pt 0pt;
    width: 12.5em;
}

#SMEQuote .button_sme_thanks .btnStart
{
    background: transparent url(/Resources/Images/SMEQuote/red_white_button_left.gif) no-repeat scroll left top;
    width: 24px;
    height: 25px;
}

#SMEQuote .button_sme_thanks .btnEnd
{
    background: transparent url(/Resources/Images/SMEQuote/red_white_button_right.gif) no-repeat scroll right top;
    float: left;
    width: 9px;
    height: 25px;
}

#SMEQuote .button_sme_thanks .btnBlock input
{
    width: auto;
    background: url(/Resources/Images/SMEQuote/red_white_button_bg.gif) repeat-x top left;
    border: 0;
    color: #F21C0A;
    font-weight: bold;
    padding: 0 0 .2em .2em;
}

#SMEQuote .button_sme_thanks .btnBlock input:hover
{
    color: Black;
}

/* */

/*  back button   */

#SMEQuote .back_button
{
    clear: both;
    float: left;
    padding: 7px 0pt 0pt;
    width: 430px;
}

#SMEQuote .back_button .btnStart
{
    background: transparent url(/Resources/Images/SMEQuote/red_white_button_left.gif) no-repeat scroll left top;
    width: 24px;
    height: 25px;
}

#SMEQuote .back_button .btnEnd
{
    background: transparent url(/Resources/Images/SMEQuote/red_white_button_right.gif) no-repeat scroll right top;
    float: left;
    width: 9px;
    height: 25px;
}

#SMEQuote .back_button .btnBlock input
{
    width: auto;
    background: url(/Resources/Images/SMEQuote/red_white_button_bg.gif) repeat-x top left;
    border: 0;
    color: #F21C0A;
    font-weight: bold;
    padding: 0 0 .2em .2em;
}

#SMEQuote .back_button .btnBlock input:hover
{
    color: Black;
}

/* */

/*   submit button */

#SMEQuote .button_submit
{
    clear: both;
    float: left;
    padding: 7px 0pt 7px 0pt;
    width: 520px;
    border:0px solid blue;
}

#SMEQuote .button_submit .btnStart
{
    background: transparent url(/Resources/Images/SMEQuote/red_button_left.gif) no-repeat scroll left top;
    width: 21px;
    height: 28px;
}

#SMEQuote .button_submit .btnEnd
{
    background: transparent url(/Resources/Images/SMEQuote/red_button_right.gif) no-repeat scroll right top;
    float: left;
    width: 9px;
    height: 28px;
}

#SMEQuote .button_submit .btnBlock input
{
    width: auto;
    background: url(/Resources/Images/SMEQuote/red_button_bg.gif) repeat-x top left;
    border: 0;
    color: #FFF;
    font-weight: bold;
    height: 28px;
    padding: 0 0 .5em .2em;
}

#SMEQuote .button_submit .btnBlock input:hover
{
    color: black;
}

/*  */


/*   signup button */

#SMEQuote .button_signup
{
    float: right;
    padding: 0px 0px 0pt 7px;
    height: 32px;
}

#SMEQuote .button_container .button_signup
{
    float: left;
}

#SMEQuote .confirmation_button_container
{
    margin: 0;
    float: left;
    width: 586px;
}



#SMEQuote .confirmation_button_container .button_signup
{
    float: right;
    padding: 7px 0px 0pt 7px;
    height: 32px;
}

#SMEQuote .button_signup .btnStart
{
    background: transparent url(/Resources/Images/SMEQuote/signup_button_left.gif) no-repeat scroll left top;
    width: 25px;
    height: 28px;
}

#SMEQuote .button_signup .btnEnd
{
    background: transparent url(/Resources/Images/SMEQuote/signup_button_right.gif) no-repeat scroll right top;
    float: left;
    width: 9px;
    height: 28px;
}

#SMEQuote .button_signup .btnBlock input
{
    width: auto;
    background: url(/Resources/Images/SMEQuote/signup_button_bg.gif) repeat-x top left;
    border: 0;
    color: #FFF;
    font-weight: bold;
    height: 28px;
    padding: 0 0 .2em .2em;
}

#SMEQuote .button_signup .btnBlock input:hover
{
    color: #000;
}

/*  */


/*   add site button */

#SMEQuote .button_add_site
{
    float: left;
    padding: 0px 0pt 0pt 10px;
}

#SMEQuote .button_add_site .btnStart
{
    background: transparent url(/Resources/Images/SMEQuote/add_button_left.gif) no-repeat scroll left top;
    width: 21px;
    height: 28px;
}

#SMEQuote .button_add_site .btnEnd
{
    background: transparent url(/Resources/Images/SMEQuote/grey_button_right.gif) no-repeat scroll right top;
    float: left;
    width: 9px;
    height: 28px;
}

#SMEQuote .button_add_site .btnBlock input
{
    width: auto;
    background: url(/Resources/Images/SMEQuote/grey_button_bg.gif) repeat-x top left;
    border: 0;
    color: #333;
    font-weight: bold;
    height: 28px;
    padding: 0 0 .2em .2em;
}

#SMEQuote .button_add_site .btnBlock input:hover
{
    color: #FFF;
}

/*  */

/*   save quote button */

#SMEQuote .button_save_quote
{
    float: left;
    padding: 0px 0pt 0pt 7px;
}

#SMEQuote .button_save_quote .btnStart
{
    background: transparent url(/Resources/Images/SMEQuote/pink_button_left.gif) no-repeat scroll left top;
    width: 22px;
    height: 28px;
}

#SMEQuote .button_save_quote .btnEnd
{
    background: transparent url(/Resources/Images/SMEQuote/pink_button_right.gif) no-repeat scroll right top;
    float: left;
    width: 9px;
    height: 28px;
}

#SMEQuote .button_save_quote .btnBlock input
{
    width: auto;
    background: url(/Resources/Images/SMEQuote/pink_button_bg.gif) repeat-x top left;
    border: 0;
    color: #333;
    font-weight: bold;
    height: 28px;
    padding: 0 0 .2em .2em;
}

#SMEQuote .button_save_quote .btnBlock input:hover
{
    color: #FFF;
}

/*  print button   */

#SMEQuote .button_print
{
    float: left;
    padding: 0px 0pt 0pt 10px;
    margin: 0 0 10px 0;
}

#SMEQuote .button_container
{
    padding: 8px 0 0 0;
}

#SMEQuote .button_container .button_print
{
    padding: 0px 0pt 0pt 0px;
}

#SMEQuote .button_print .btnStart
{
    background: transparent url(/Resources/Images/SMEQuote/print_button_left.gif) no-repeat scroll left top;
    width: 27px;
    height: 28px;
}

#SMEQuote .button_print .btnEnd
{
    background: transparent url(/Resources/Images/SMEQuote/print_button_right.gif) no-repeat scroll right top;
    float: left;
    width: 9px;
    height: 28px;
}

#SMEQuote .button_print .btnBlock input
{
    width: auto;
    background: url(/Resources/Images/SMEQuote/print_button_bg.gif) repeat-x top left;
    border: 0;
    color: #333;
    font-weight: bold;
    height: 28px;
    padding: 0 0 .2em .2em;
    margin: 0;
}

#SMEQuote .button_print .btnBlock input:hover
{
    color: #F21C0A;
}

/*  */


/*  print version button   */

#SMEQuote .button_print_version
{
    float: left;
    padding: 0px 0pt 0pt 10px;
    margin: 0 0 10px 0;
}

#SMEQuote .button_container .button_print_version
{
    padding: 0px 0pt 0pt 57px;
}

#SMEQuote .button_print_version .btnStart
{
    background: transparent url(/Resources/Images/SMEQuote/print_button_left.gif) no-repeat scroll left top;
    width: 27px;
    height: 28px;
}

#SMEQuote .button_print_version .btnEnd
{
    background: transparent url(/Resources/Images/SMEQuote/print_button_right.gif) no-repeat scroll right top;
    float: left;
    width: 9px;
    height: 28px;
}

#SMEQuote .button_print_version .btnBlock input
{
    width: auto;
    background: url(/Resources/Images/SMEQuote/print_button_bg.gif) repeat-x top left;
    border: 0;
    color: #333;
    font-weight: bold;
    height: 28px;
    padding: 0 0 .2em .2em;
    margin: 0;
}

#SMEQuote .button_print_version .btnBlock input:hover
{
    color: #F21C0A;
}

/*  */

/*   postcode button */

#SMEQuote .button_postcode_lookup_button
{
    
    border:0px solid red;
    padding:0 0 0 188px;
    clear:both;
       
}


#SMEQuote .button_postcode_lookup
{
    border: 0px solid orange;
    float: right;
    padding: 7px 0 0 3px;
    width:520px;
    clear:both;
}

#SMEQuote .button_postcode_lookup .btnStart
{
    background: transparent url(/Resources/Images/SMEQuote/white_button_left.gif) no-repeat scroll left top;
    width: 11px;
    height: 28px;
    margin:0;
}

#SMEQuote .button_postcode_lookup .btnEnd
{
    background: transparent url(/Resources/Images/SMEQuote/white_button_right.gif) no-repeat scroll right top;
    float: left;
    width: 9px;
    height: 28px;
}

#SMEQuote .button_postcode_lookup .btnBlock input
{
    width: auto;
    background: url(/Resources/Images/SMEQuote/white_button_bg.gif) repeat-x top left;
    border: 0;
    color: #333;
    font-weight: bold;
    height: 28px;
    padding: 0 0 .2em .2em;
    margin: 0;
}

#SMEQuote .button_postcode_lookup .btnBlock input:hover
{
    color: #F21C0A;
}

/*  */


#SMEQuote .another_meter input
{
    cursor: pointer;
}

#SMEQuote .another_meter
{
    margin: 0;
    height: 28px;
    width: 586px;
    clear: both;
}

#SMEQuote .another_elec_meter
{
    margin: 4px 0 0 0px;
    height: 31px;
    width: 526px;
}

#SMEQuote .another_gas_meter
{
    margin: 4px 0 0 -30px;
    height: 31px;
    width: 586px;
}

#SMEQuote .another_elec_meter .find_meter
{
    border: 0px solid green;
    float: right;
    height: 30px;
}

#SMEQuote .another_gas_meter .add_meter
{
    margin: 0pt 0pt 0pt 300px;
    position: absolute;
    border: 0px solid orange;
    height: 30px;
    float: left;
}


#SMEQuote .another_gas_meter .remove_meter
{
    margin: 0 0 0 30px;
    position: absolute;
    border: 0px solid green;
    height: 30px;
    float: left;
}

#SMEQuote .another_gas_meter .clear_meter
{
    margin: 0pt 0pt 0pt 205px;
    position: absolute;
    border: 0px solid green;
    height: 30px;
    float: left;
}

#SMEQuote .another_meter .btnBlock, #SMEQuote .another_elec_meter .btnBlock, #SMEQuote .another_gas_meter .btnBlock, #SMEQuote .another_submit_button .btnBlock
{
    padding: 3px 3px 0pt 0; /* padding:0; */
    border: 0px solid red;
}

/*   add meter button */


#SMEQuote .add_meter .btnStart
{
    background: transparent url(/Resources/Images/SMEQuote/add_button_left.gif) no-repeat scroll left top;
    width: 21px;
    height: 28px;
}

#SMEQuote .add_meter .btnEnd
{
    background: transparent url(/Resources/Images/SMEQuote/grey_button_right.gif) no-repeat scroll right top;
    float: left;
    width: 9px;
    height: 28px;
}

#SMEQuote .add_meter .btnBlock input
{
    width: auto;
    background: url(/Resources/Images/SMEQuote/grey_button_bg.gif) repeat-x top left;
    border: 0;
    color: #333;
    font-weight: bold;
    height: 28px;
    padding: 0 0 .2em .2em;
}

#SMEQuote .add_meter .btnBlock input:hover
{
    color: #F21C0A;
}


#SMEQuote .find_meter .btnStart
{
    background: transparent url(/Resources/Images/SMEQuote/add_button_left.gif) no-repeat scroll left top;
    width: 9px;
    height: 28px;
}

#SMEQuote .find_meter .btnEnd
{
    background: transparent url(/Resources/Images/SMEQuote/grey_button_right.gif) no-repeat scroll right top;
    float: left;
    width: 9px;
    height: 28px;
}

#SMEQuote .find_meter .btnBlock input
{
    width: auto;
    background: url(/Resources/Images/SMEQuote/grey_button_bg.gif) repeat-x top left;
    border: 0;
    color: #333;
    font-weight: bold;
    height: 28px;
    padding: 0 0 .2em .2em;
}

#SMEQuote .find_meter .btnBlock input:hover
{
    color: #F21C0A;
}


/*  */

/*   remove meter button */

#SMEQuote .remove_meter
{
}

#SMEQuote .remove_meter .btnStart
{
    background: transparent url(/Resources/Images/SMEQuote/remove_button_left.gif) no-repeat scroll left top;
    width: 21px;
    height: 28px;
}

#SMEQuote .remove_meter .btnEnd
{
    background: transparent url(/Resources/Images/SMEQuote/grey_button_right.gif) no-repeat scroll right top;
    float: left;
    width: 9px;
    height: 28px;
}

#SMEQuote .remove_meter .btnBlock input
{
    width: auto;
    background: url(/Resources/Images/SMEQuote/grey_button_bg.gif) repeat-x top left;
    border: 0;
    color: #333;
    font-weight: bold;
    height: 28px;
    padding: 0 0 .2em .2em;
}

#SMEQuote .remove_meter .btnBlock input:hover
{
    color: #F21C0A;
}

/*  */



#SMEQuote .li_button .btnStart
{
    background: transparent url(/Resources/Images/SMEQuote/white_button_left.gif) no-repeat scroll left top;
    width: 11px;
}

#SMEQuote .li_button .btnEnd
{
    background: transparent url(/Resources/Images/SMEQuote/white_button_right.gif) no-repeat scroll left top;
    width: 11px;
}

#SMEQuote .btnBlock input:hover
{
    color: #F21C0A;
}

#SMEQuote .btnBlock input
{
    width: 16em;
    background: url(/Resources/Images/SMEQuote/grey_button_bg.gif) repeat-x top left;
    border: 0;
}

#SMEQuote .li_button .btnBlock input
{
    width: 16em;
    background: url(/Resources/Images/SMEQuote/white_button_bg.gif) repeat-x top left;
    border: 0;
}

#SMEQuote .blkLeft
{
    border: 0px solid red;
}

#SMEQuote #contentArea
{
    margin: 157px 5px 0 175px;
    width:600px;
    float:left;
    display:inline;
}

.SMEQuote #sideBar
{
	float:left;
	overflow:hidden;
	width:194px;
}


#sideBar.SMEQuote .basket_top
{
    background: url(/Resources/Images/SMEQuote/basket_top.gif) top left no-repeat;
    width: 194px;
    height: 25px;
}

#sideBar.SMEQuote .basket_top .basket_top_container
{
    width: 194px;
}

#sideBar.SMEQuote .basket_top .basket_top_container .basket_top_left
{
    float: left;
    font-weight: bold;
    padding: 5px 0px 0px 5px;
}

#sideBar.SMEQuote .basket_top .basket_top_container .basket_top_right
{
    float: right;
    padding: 5px 5px 0px 0px;
}

#sideBar.SMEQuote .basket_bottom
{
    background: url(/Resources/Images/SMEQuote/basket_bottom.gif) no-repeat;
    width: 194px;
    height: 25px;
    padding: 0 0 10px 0;
}

#sideBar.SMEQuote .basket_top_right input.edit_button
{
    background: transparent none repeat scroll 0%;
    border: 0;
    color: black;
    cursor: pointer;
    display: block;
    overflow: hidden;
    text-decoration: underline;
    background: transparent;
}

#sideBar.SMEQuote .basket_top_right input.edit_button:hover
{
    color: #F21C0A;
    text-decoration: underline;
    cursor: pointer;
    text-decoration: underline;
    background: transparent;
    display: block;
}

#sideBar.SMEQuote .basket_grey_bg
{
    background: url(/Resources/Images/SMEQuote/basket_grey_bg.gif);
    width: 194px;
}

#sideBar.SMEQuote .basket_grey_and_white_bg
{
    background: url(/Resources/Images/SMEQuote/basket_grey_and_white_bg.gif);
    width: 194px;
    padding: 1px 0 1px 10px;
}

#sideBar.SMEQuote .basket_container
{
    margin: 0;
    padding: 4px 2px 3px 6px;
    width: 164px;
    overflow: hidden;
}

#sideBar.SMEQuote .basket_container .button_signup
{
    height: 28px;
    padding: 1px 0pt 3px 34px;
    width: 150px;
    float: none;
}

#sideBar.SMEQuote .basket_site_title
{
    border-bottom: 3px dotted #CCCCCC;
    font-weight: bold;
    margin-bottom: 3px;
    padding: 0pt 0px 4px;
}

#sideBar.SMEQuote .basket_icon
{
    float: left;
    height: 34px;
    width: 21px;
    padding: 5px 7px 0pt 0px;
    border: 0px solid red;
}

#sideBar.SMEQuote .basket_product
{
    float: left;
    border: 0px solid green;
    width: 132px;
    font-weight: normal;
    font-size: 95%;
}

#sideBar.SMEQuote .basket_description
{
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 3px;
    padding: 0pt 0px 4px;
    color: #F21C0A;
}

#sideBar.SMEQuote .basket_site_name
{
    font-weight: bold;
    font-size: 95%;
    height: 1.2em;
    width: 200px; /*164px is the correct width, but we allow cropping */
    overflow: hidden;
}

#sideBar.SMEQuote .basket_signup_name
{
    font-size: 95%;
    font-weight: normal;
    height: 1.5em;
    width: 136px;
    float: left;
}

#sideBar.SMEQuote .basket_signup_title
{
    border-bottom: 1px solid #CCCCCC;
    float: left;
    font-weight: bold;
    margin-bottom: 6px;
    width: 166px;
    height: 1.8em;
}

#sideBar.SMEQuote .basket_seperator
{
    background: url(/Resources/Images/SMEQuote/basket_seperator.gif);
    width: 194px;
    height: 12px;
}

#SMEQuote .accordionHeader
{
    margin: 0;
}

#SMEQuote .accordionHeader .grey_600_top
{
    background: url(/Resources/Images/SMEQuote/site_banana.gif) no-repeat;
    width: 586px;
    height: 29px;
    cursor: pointer;
    page-break-before:auto;
}

#SMEQuote .accordionHeader .grey_600_top:hover
{
    background: url(/Resources/Images/SMEQuote/site_banana_hilite.gif) no-repeat;
    width: 586px;
    height: 29px;
    cursor: pointer;
}


#SMEQuote .accordionHeaderSelected .grey_600_top
{
    background: url(/Resources/Images/SMEQuote/top_600_grey.jpg) no-repeat;
    width: 586px;
    height: 27px;
    border:0px solid red;
    page-break-before:auto;
}

#SMEQuote .quote_reg_form
{
    border: 0px solid red;
    width: 500px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    text-align: left;
}

#SMEQuote .quote_reg_form li
{
    background: transparent none repeat scroll 0%;
    clear: left;
    margin: 0pt 0pt 1em;
    padding: 0pt;
}

#SMEQuote .quote_reg_form label
{
    margin: 0 0pt .25em 8px;
    width: 13em;
    border: 0px solid red;
}



#SMEQuote .quote_reg_form #elec_contract_end_error label,
 #SMEQuote .quote_reg_form #gas_contract_end_error label
{
    font-size: 87%;
    text-align: left;
    width: 370px;
}

#SMEQuote .plimsole_line #elec_contract_end_error input,
 #SMEQuote .plimsole_line #gas_contract_end_error input
{
    width: 90px;
    border: 1px solid #CCC;
    margin: 7px 9px;
}


#SMEQuote .quote_reg_form li input,
 #SMEQuote .plimsole_line input,
  #SMEQuote .plimsole_line select
{
    float: left;
    height: 20px;
    margin: 0 0pt .25em 8px;
    width: 17.5em;
    border: 1px solid #CCC;
    padding: 0;
}
#SMEQuote select.ddlDDDate 
{
	width: auto;
}
#SMEQuote span.ddAmount 
{
	margin-left: 8px;
	font-weight: bold;
}

#SMEQuote .quote_reg_form .btnBlock li
{
    height: 28px;
    border: 0px solid green;
}

#SMEQuote .quote_reg_form .blkRight input
{
    height: 28px;
    border: 0px solid red;
}

#SMEQuote .quote_reg_form li input.reg_form_input_small, #SMEQuote .reg_form_input_small
{
    float: left;
    height: 21px;
    margin: 0 0pt .25em 8px;
    width: 9em;
    border: 1px solid #CCC;
}

#SMEQuote .quote_reg_form .reg_form_required
{
    float: left;
    padding: 2px 0 0 5px;
}

#SMEQuote .quote_reg_form li.li_button
{
    padding: 4px 0pt 0pt 186px;
}

#SMEQuote .quote_reg_form li.li_button input
{
    border: none;
    margin: 0;
}

#sideBar.SMEQuote .red_pod_top
{
    background: url(/Resources/images/SMEQuote/red_pod_top.gif) no-repeat;
    width: 194px;
    height: 8px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#sideBar.SMEQuote .red_pod
{
    height: auto;
    width: 194px;
}

#sideBar.SMEQuote .red_mid
{
    background: url(/Resources/images/SMEQuote/red_pod_mid.gif) repeat-y;
    width: 194px;
    clear: both;
    padding: 0;
}

#sideBar.SMEQuote .red_bot
{
    background: url(/Resources/images/SMEQuote/red_pod_bottom.gif) no-repeat;
    width: 194px;
    height: 12px;
    padding: 0 0 10px 0;
}

#sideBar.SMEQuote .red_mid_container
{
    width: 162px;
    margin: 0px auto;
    padding: 0;
}

#sideBar.SMEQuote .red_mid_container p
{
    margin: 1px 2px 0px 4px;
    font-size: .8em;
    line-height: 100%;
    padding: .25em 0 .15em 0;
}

#sideBar.SMEQuote .red_mid_container p.title
{
    font-weight: bold;
    font-size: 1.3em;
    line-height: 100%;
    padding: 0 0 .25em 0;
    margin: 0;
    color: #F21C0A;
}

#SMEQuote .grey_pod_top
{
    background: url(/Resources/images/SMEQuote/grey_pod_top.gif) no-repeat;
    width: 194px;
    height: 12px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#SMEQuote .grey_pod
{
    height: auto;
    width: 194px;
}

#SMEQuote .grey_mid
{
    background: url(/Resources/images/SMEQuote/grey_pod_mid.gif) repeat-y;
    width: 194px;
    clear: both;
    padding: 0;
}

#SMEQuote .grey_bot
{
    background: url(/Resources/images/SMEQuote/grey_pod_bottom.gif) no-repeat;
    width: 194px;
    height: 12px;
    padding: 0 0 10px 0;
}

#SMEQuote .grey_mid_container
{
    width: 162px;
    margin: 0px auto;
    padding: 0;
}

#SMEQuote .grey_mid_container div table
{
    border: 1px solid #CCC;
}

#SMEQuote .grey_mid_container p
{
    margin: 1px 2px 0px 4px;
    font-size: .8em;
    line-height: 100%;
    padding: .25em 0 .15em 0;
}

#SMEQuote .grey_mid_container p.title
{
    font-weight: bold;
    font-size: .85em;
    line-height: 100%;
    padding: 0 0 .25em 0;
    margin: 0;
}

#SMEQuote .confirm_question
{
    border: 0px solid #CCC;
    width: 586px;
}

#SMEQuote .confirm_question p
{
    margin: 0;
    padding: 0;
}

#SMEQuote .confirm_question ul
{
    font-size: 90%;
    line-height: 161%;
    padding: 0pt 0pt 0pt 42px;
}

#SMEQuote .confirm_question p .check_box label
{
    border: 0px solid green;
    display: block;
    float: left;
    text-align: left;
    width: 527px;
}

#SMEQuote .tick_cannister_container
{
    border: 0px solid orange;
    float: left;
    width: 574px;
}

#SMEQuote .confirm_question p .check_box input
{
    display: block;
    float: left;
    width: 21px;
    height: 21px;
}

#SMEQuote .plimsole_line
{
    clear: both;
    width: 530px;
    height: auto;
    border: 0px solid green;
    padding: 0 0 3px 0;
}
#SMEQuote .plimsole_line a
{
    color: Black;
    text-decoration: underline;
}
#SMEQuote .plimsole_line a:hover
{
    color: #F21C0A;
}
#SMEQuote .plimsole_line textarea
{
    clear: both;
    width: 525px;
    height: 60px;
    border: 1px solid #CCC;
    padding: 0 0 3px 0;
    overflow: auto;
}

#SMEQuote .dpa_consent, #SMEQuote .plimsole_outline_line
{
    clear: both;
    display: block;
    float: left;
    padding: 18px 0 5px 0;
}

#SMEQuote .plimsole_outline_line
{
    border: 1px solid #CCC;
    float: left;
    width: 525px;
    padding: 10px 0 5px 0;
    margin: 6px 0;
}

#SMEQuote .plimsole_line_heading
{
    clear: both;
    font-weight: bold;
    width: 520px;
    float: left;
    padding: 3px 0 3px 0;
    border: 0px solid blue;
}

#SMEQuote .plimsole_line p, #SMEQuote .plimsole_outline_line p
{
    clear: both;
    padding: 1.1em 0 1.1em 0;
    float: left;
    border: 0px solid blue;
    width: 530px;
}

#SMEQuote .dpa_consent label
{
    border: 0px solid blue;
    float: left;
    text-align: left;
    width: 472px;
}

#SMEQuote .plimsole_outline_line label
{
    float: left;
    text-align: left;
    width: 480px;
}

#SMEQuote .dpa_consent input
{
    clear: both;
    display: block;
    float: left;
    padding: 37px;
}

#SMEQuote .plimsole_outline_line input
{
    display: block;
    float: left;
    margin: 2px 8px 0pt 3px;
}



#SMEQuote .separator_bar
{
    border-top: 1px solid #CCCCCC;
    clear: both;
    display: block;
    height: 1px;
    padding: 8px 0px;
}

#SMEQuote .reg_form_input_long
{
    border: 1px solid #CCCCCC;
    float: left;
    padding: 0pt 0pt 0pt 50px;
    width: 478px;
}

#SMEQuote .address_selection_radio_list
{
    float: left;
    width: 520px;
    padding: 5px 0 5px 0;
    margin: 5px 0;
}
#SMEQuote .radio_list
{
    float: left;
    width: 520px;
    padding: 5px 0 5px 0;
    margin: 5px 0;
}
#SMEQuote .payment_method_radio_list
{
    float: left;
    width: 450px;
    padding: 5px 0 5px 0;
    margin: 5px 0;
}


#SMEQuote .address_selection_radio_list input,
#SMEQuote .radio_list input,
#SMEQuote .payment_method_radio_list input
{
    display: block;
    float: left;
    height: 1em;
    width: 1em;
    border: none;
}

#SMEQuote .address_selection_radio_list label, #SMEQuote .radio_list label
{
    border: 0px solid green;
    float: left;
    width: 472px;
    text-align: left;
}
#SMEQuote .payment_method_radio_list label
{
    border: 0px solid green;
    float: left;
    width: 390px;
    text-align: left;
}

/*
#SMEQuote .radio_list label

{
	width:170px;
}


*/
#SMEQuote .important_heading
{
    color: #F21C0A;
    font-weight: bold;
}

#SMEQuote .plimsole_line ul
{
    padding: 1px 2px 3px 4px;
    width:530px;
    float:left;
    border:0px solid green;
}

#SMEQuote .plimsole_line ul li
{
    font-size: 95%;
    line-height: 90%;
    margin: 0pt 0pt 0pt 20px;
    padding: 1px 2px 3px 4px;
    clear:none;
}

#SMEQuote .sortcode1_label, #SMEQuote .sortcode2_label, #SMEQuote .sortcode3_label
{
    display: none;
}


#SMEQuote .plimsole_line input.sortcode_1, #SMEQuote .plimsole_line input.sortcode_2, #SMEQuote .plimsole_line input.sortcode_3
{
    width: 28px;
    float: left;
}

#SMEQuote .sort_code_label
{
    display: block;
    float: left;
    border: 0px solid red;
    width: 13em;
    text-align: right;
    margin: 0pt 0pt 0.25em 8px;
}

#SMEQuote .plimsole_section
{
    border-bottom: 1px solid #CCC;
    clear: both;
    padding: 5px 0 8px 0;
    float: left;
}

#SMEQuote #no_border.plimsole_section
{
    border: none;
}


#SMEQuote .inline_unblocker
{
    border: 0px solid blue;
    padding: 0 0 10px 0;
    display:block;
}

/* Otherwise IE doesn't display the bullets */
#SMEQuote .sme_thanks_body ul li,
#SMEQuote .inline_unblocker ul li,
#SMEQuote .phStrapLine ul li
{
    list-style-position: outside;
    margin-left: 20px;
}

/* CMS puts DIVs or Ps inside LIs! */
#SMEQuote .phStrapLine ul li div,
#SMEQuote .phStrapLine ul li p
{
    display: inline;
}

#SMEQuote .no_strapline_gap
{
    padding-top: 16px;
}

#SMEQuote
{
    border: 0px solid blue;
}

#SMEQuote .fuel_title p
{
    font-weight: bold;
}


#SMEQuote .signup_product_container .product_name
{
    float: left;
    clear: right;
    width: 325px;
    border: 0px solid red;
    padding: 6px 0 0 0;
}

#SMEQuote .signup_product_container .product_term
{
    float: left;
    padding: 0 0 0 0px;
    width: 155px;
    border: 0px solid blue;
}
#SMEQuote .signup_product_container .product_price
{
    float: left;
    width: 155px;
    border: 0px solid green;
}

#SMEQuote .meter_information_container
{
    border: 0px solid red;
    float: left;
    padding: 0 0 13px 106px;
    width: 378px;
}


#SMEQuote .fuel_title
{
    float: left;
    width: 106px;
}

#SMEQuote .signup_product_container
{
    border: 0px solid blue;
    margin: 3px 12px;
    overflow: hidden;
    width: 494px;
}
#SMEQuote .signup_product
{
    border: 1px solid #CCCCCC;
    clear: both;
    float: left;
    margin: 0pt 0pt 20px;
    width: 523px;
}


#SMEQuote .plimsole_left
{
    float: left;
    width: 470px;
    border: 0px solid red;
    font-size: .9em;
}

#SMEQuote .plimsole_left .plimsole_line
{
    width: 470px;
}


#SMEQuote .plimsole_right
{
    float: left;
    width: 33px;
    border: 0px solid green;
}

#SMEQuote .plimsole_right input
{
    font-weight: normal;
    text-decoration: underline;
    color: Black;
    cursor:pointer;
    float: right;
}
#SMEQuote .plimsole_right input:hover,
#SMEQuote .plimsole_right a:hover input
{
    color: #F21C0A;
}

#SMEQuote .plimsole_left .title
{
    font-weight: bold;
    font-size: .9em;
}
#SMEQuote .plimsole_left span, #SMEQuote .lh_col
{
    border: 0px solid blue;
    display: block;
    float: left;
    width: 150px;
    text-align: left;
    margin: 0 0 0 10px;
}

#SMEQuote .lh_col
{
    margin: 0;
}

#SMEQuote .rh_col .plimsole_line .title
{
    font-weight: normal;
}

#SMEQuote .plimsole_left .value, #SMEQuote .rh_col
{
    border: 0px solid orange;
    display: block;
    float: left;
    width: 200px;
    margin: 0 0 4px 0;
    font-size: .9em;
}

#SMEQuote .another_submit_button
{
    margin: 0 0 0 0px;
    height: 40px;
    width: 586px;
    clear: both;
    border: 0px solid red;
}

#SMEQuote .another_submit_button .button_submit
{
    width: 100px;
    float: left;
    clear: none;
}

#SMEQuote .button_print_image
{
    cursor: pointer;
    float: left;
    height: 28px;
    margin: 0pt 8pt 0px 0px;
    padding: 8px 0pt 0pt 387px;
    width: 82px;
    border:0px solid blue;
}

#sideBar.SMEQuote .basket_tick
{
    float: right;
    width: 21px;
    border: 0px solid blue;
    height: 20px;
    margin: 4px 0;
}

#sideBar.SMEQuote .signup_progress_basket input
{
    border: none;
    background: #FFFFFF none repeat scroll 0 0;
    border: 0 none;
    color: black;
    cursor: pointer;
    display: block;
    text-decoration: none;
    text-align: left;
    margin: 0;
    padding: 0;
}

#sideBar.SMEQuote .signup_progress_basket .basket_description
{
    border: medium none;
    clear: both;
    float: left;
    margin: 5px 0;
    padding: 0pt 0pt 2px;
    width: 136px;
    overflow: hidden;
}

#SMEQuote .signup_progress_basket .basket_description a
{
    color: Black;
}

#SMEQuote .signup_progress_basket .basket_description input
{
    color: black;
    cursor: pointer;
    display: block;
}

#sideBar.SMEQuote .signup_progress_basket a:hover, 
#sideBar.SMEQuote .signup_progress_basket .basket_item .site:hover, 
#sideBar.SMEQuote .signup_progress_basket .basket_item .site_name:hover,
#sideBar.SMEQuote .signup_progress_basket .basket_description input:hover,
#sideBar.SMEQuote .signup_progress_basket .basket_description .site_name input:hover,
#sideBar.SMEQuote .signup_progress_basket .basket_description a:hover input
{
    color: #F21C0A;
}


#sideBar.SMEQuote .signup_progress_basket .basket_item
{
    border-bottom: 1px solid #CCC;
    float: left;
    width: 160px;
    display: table-cell;
    vertical-align: middle;
}

#sideBar.SMEQuote .signup_progress_basket .basket_item .site, 
#sideBar.SMEQuote .signup_progress_basket .basket_item .basket_description
{
    color: Black;
}

#sideBar.SMEQuote .signup_progress_basket .basket_description div.site_name span,
#sideBar.SMEQuote .signup_progress_basket .basket_description .site_name input
{
    border: 0px solid green;
    color: #666;
    font-size: 80%;
}

#sideBar.SMEQuote .signup_progress_basket
{
    display: table;
}

#SMEQuote .site_expand input,
#SMEQuote .fake_site_expand

{
    color: black;
    cursor: pointer;
    display: block;
    overflow: hidden;
    text-decoration: underline;
    background: transparent;
    float: right;
    font-size: 85%;
}

#SMEQuote .site_edit input {
    background:transparent none repeat scroll 0% 50%;
    border:0px solid red;
    cursor:pointer;
    float:left;
    font-size:0.8em;
    padding:2pt 0px 0px 23px;
    text-decoration:underline;
}

#SMEQuote .site_edit input:hover,
#SMEQuote .fake_site_expand:hover
{
    color:#F21C0A;
      
}


#SMEQuote .site_edit {
    border:0px solid blue;
    clear:both;
    display:block;
    text-align:right;
    width:586px;
    background:#DEDEDE;
    height:19px;
}

#SMEQuote .site_expand input:hover
{
    color: #F21C0A;
    text-decoration: underline;
    cursor: pointer;
    text-decoration: underline;
    background: transparent;
    display: block;
}

#SMEQuote .accordionHeaderSelected .site_expand,
#SMEQuote .accordionHeaderSelected .fake_site_expand
{
    display: none;
}

#SMEQuote .fake_site_expand
{
    text-decoration:underline;
    font-size:90%;
}


#SMEQuote .fake_site_expand input:hover
{
    color: #F21C0A;
    text-decoration: underline;
    cursor: pointer;
    text-decoration: underline;
    background: transparent;
    display: block;
}

#SMEQuote .TandCText
{
    border: 1px solid #CCC;
    float: left;
    height: 75px;
    overflow: auto;
    margin: 6px 0;
    font-size: 80%;
    width: 525px;
}

#SMEQuote .TandCText p
{
    width: 490px;
    padding: 5px;
}
#SMEQuote #eon_print_header
{
   display:none;
        
}


.reporttitle
{
    font-weight:bold;
    padding-bottom:5px;
    color:#f21c0a;
    font-size:14px;
}
#SMEQuote .SelectSupply .btnBlock input
{
font-weight:bold;
padding:0 0 0.2em 0.2em;
}
#SMEQuote .SelectSupply .add_mapan_buttons
{
	padding-top:3px;
	padding-left:5px;
	float:left;
}

#SMEQuote .remove_mapan_buttons
{
	padding-top:13px;
	padding-left:5px;
	float:left;
	font-weight:bold;
}
#SMEQuote .remove_mapan_buttons .btnBlock input
{
	font-weight:bold;
}
#SMEQuote .SelectSupply p
{ float:left;
}


/******************************************************************/
/* SME Quote Help                                                 */
/******************************************************************/

/* Undo the margin modification for Sliding Doors panels */
#SMEQuote .pnlSlidingDoorsRed .pnlSlidingDoorsBody .pnlSlidingDoorsRight .pnlSlidingDoorsContent
{
    margin: 0 8px;
}

#SMEQuote #helpButtonMPANwrapper
{
    margin-top: 2em;
    float: left;
}

#SMEQuote .help_box
{
    clear: both;
}

#SMEQuote INPUT.help_clicker
{
    display: inline;
    margin-left: 0.5em;
    color: Red;
    cursor: pointer;   
    font-size: 0.9em;
    background: #FFFFFF;
    border: none;
    width: 6em;
}

#SMEQuote .help_clicker:hover
{
    text-decoration: underline;
}

#SMEQuote .pnlSlidingDoorsContent .help_content
{
    padding-left: 6px;  
}

.progress_panel
{
	color: Red;
	padding: 15px 24px 15px 0px;
	float: right;
	clear:both;
	background-position: right 12px;
	background-image: url(/Resources/Images/please_wait.gif);
	background-repeat: no-repeat;
}

.button_bar
{
	clear:both;
}

.clear_both
{
	clear:both;
}


#SMEQuote .progress_panel
{
	color: Red;
	padding: 0 24px 0px 0px;
	float: right;
	background-position: right 12px;
	background-image: url(/Resources/Images/please_wait.gif);
	background-repeat: no-repeat;
	border:dashed 0px red;
}


.BoldText
{
	font-weight:bold;
}
.pricingRbList
{
	width:245px;
}
.pricingRbList td input
{
	float:left;
}
.frm .frmControls .pricingRbList td label
{
	float:left;
	margin-top:1px;
}
#PricingGrids
{
	margin:0;
	padding:0;
	
}
#PricingGrids .ProductHeader
{
	 
	height: 25px; 
	background-color: rgb(215, 215, 215); 
	padding-left: 0px;
}
#PricingGrids .ProductOverview
{
	border-bottom:solid 1px rgb(215, 215, 215); 
}
#PricingGrids .ProductOverview #container
{
	margin-left:10px;
	margin-top:5px;
}
#PricingGrids .ProductOverview .product_more_info
{
    float: right;
    padding: 2px 10px 0 7px;
    margin-bottom:5px;
}
#PricingGrids .ProductOverview .product_more_info a
{
	color:black;
	text-decoration:underline;
	font-size:0.8em;
}
#PricingGrids .ProductOverview .product_more_info a.selected
{
	color:black;
	text-decoration:underline;
	font-size:0.8em;
}
#PricingGrids .PricingBody
{
	border:1px solid #CCCCCC; 
	width:598px;
}

#PricingGrids .ProductTitle
{
	font-size:14px;		
	font-weight:bold; 
	color:red;
	padding-left:10px;
	padding-top:3px;
	text-align:justify;
	vertical-align:middle;
}
#PricingGrids .ProductPrices
{
	width:auto; 
	float:left;
	height:100%;
}

#PricingGrids .ProductDiscounts1
{
	
	float:left;
	width:222px;
	height:100%;
	margin:2px;
	
}


#PricingGrids .PayMethDiscountContiner
{
	margin-top:1px;
	margin-right:2px;
}

#PricingGrids .ProductDetails
{
	width:358px;
	
	
}
#PricingGrids .ChildProductDetails1
{
	height: 148px; 	
}

#PricingGrids .ChildProductDetails2
{
	height: 80px; 	
}

#PricingGrids .PricingFuel
{
	float: left; 
	width: 96px; 
	height:100%;
	font-weight: bold; 
	vertical-align: middle;
	margin:0 0 0 0;
	padding-left: 10px; 
	border-bottom:solid 1px rgb(215, 215, 215); 
	border-right:solid 1px rgb(215, 215, 215); 
	overflow:hidden;
	
}

#PricingGrids .PricingFuelB
{
	float: left; 
	width: 96px; 
	height:100%;
	font-weight: bold; 
	vertical-align: middle;
	margin:0 0 0 0;
	padding-left: 10px; 
	border-right:solid 1px rgb(215, 215, 215); 
	overflow:hidden;
	
}

#PricingGrids .fuelImage
{
	margin-top:8px;
	float:left;
}

#PricingGrids .fuelText
{
	margin-left: 7px;
	margin-top:10px;
	float:left;
}

#PricingGrids .Prices
{
	float: left; 
	width: 250px;
	height:100%;
	border-bottom:solid 1px rgb(215, 215, 215); 
	border-right:solid 1px rgb(215, 215, 215); 
	overflow:hidden;
}

#PricingGrids .PricesB
{
	float: left; 
	width: 250px;
	height:100%;
	border-right:solid 1px rgb(215, 215, 215); 
	overflow:hidden;
}

#PricingGrids .PricingDetails
{
	margin-top:8px;
	font-size:10px;
	vertical-align:middle;
	width:100%;
}

#PricingGrids .PricingDescription
{
	width:140px;
	padding-left:5px;
	padding-bottom:1px;
	vertical-align:text-top;
	font-weight:bold;
}
#PricingGrids .PricingRate
{
	width:120px;
	vertical-align:text-top;
}

#PricingGrids .DiscountContainer
{
	margin-left:5px; 
	margin-top:8px;
}

#PricingGrids .PayMethDiscountContiner
{
	margin-bottom:3px;
	font-size:10px;
	vertical-align:middle;
	
}

#PricingGrids .discount
{
	margin-left:1px;
	font-size:10px;
	margin-top:2px;
	
}

.frmRow .site_address_lines
{
	float:left;
	padding:1px 0 0 10px;	
}

.frmRow .site_address_lines P
{
	padding:1px 0 0;
	margin:0px;
}

.frmRow .alignRight
{
	float:right;
	margin-right:5px;
	margin-top:5px;
}

.frm .frmControls .addressLabel
{
	width:100%;
	margin-bottom:5px;
}

.frm .frmControls .addressList
{
	margin-left:30px;
}

.NotOnlineMessage
{
    padding:0.2em 0 0.2em 0.2em;
}

.CashChequeMessage
{
    float: left;
    clear: both;
    padding:0.2em 0 0.2em 0.2em;
    width: 100%;
}