/*
	HPI eBay Consumer
	Main stylesheet
	January 2005 [from a Sarand original]
*/
html{height:100%;}
body{height:99%;margin:6px 0px 0px 12px;padding:0px;background-color:#FFFFFF;}

/* Base font */
body{font-size:16px;font-family:arial,helvetica,verdana,sans-serif;}
a{font-family:arial,helvetica,verdana,sans-serif;}

/* Font sizes - to comply with WAI */
*{font-size:1em;}
body{font-size:16px;} /* Base font size: 62.5%=10px,68.75%=11px,75%=12px,81.25%=13px. */
input,select,th,td {font-size:1em;}
div div,div p,div td,td div,p p,p td,li p,td p,blockquote p,li li {font-size:1em;}

/* Core elements */
p{margin-top:4px;}
table{/*border-width:0px;*/}
td{vertical-align:top;}
th{vertical-align:top;}
ul{margin:0px 0px 0px 16px;padding:0px;}
li{margin:0px;}

/* Default links */
a{color:#c25e00;font-weight:bold;text-decoration:underline;}
a:hover{color:#c25e00;}

/* Progress header bar */
div.progressSection{margin:4px;text-align:center;vertical-align:middle;}
div.progressSectionSel{margin:4px;text-align:center;vertical-align:middle;background-image:url("../img/tmpl/hpi_tmpl_progress_sel_bg.jpg");background-repeat:repeat-x;}
div.progressSectionSep{padding-top:14px;vertical-align:top;}
div.progressCaption{font-size:14px;font-weight:normal;color:#FFFFFF;}
div.progressCaptionSel{font-size:14px;font-weight:bold;color:#FFFFFF;}
div.progressRef{font-size:16px;font-weight:normal;text-align:center;height:32px;color:#FFFFFF;}
div.progressRefSel{font-size:16px;font-weight:bold;text-align:center;color:#00186B;height:32px;padding-top:2px;background-image:url("../img/tmpl/hpi_tmpl_progress_ref_sel_bg.gif");background-repeat:no-repeat;background-position:top center;}

/* Page frame */
div.pageFrame{margin:0px;padding:0px;width:780px;}
div.pageSiteFurnitureFrame{margin:0px;padding:0px;width:556px;}



/*
	Paypal / Credit Card
*/


.formBlock .radio input {
	margin: 20px 0 20px 0;
}

.creditcard { 
    display: inline-block !important;
	width:250px;
left:20px;
margin-top:-20px;
position:relative;
padding-bottom:10px;
    height: 25px;
    vertical-align: top;
    background: url("../img/card_strip.gif") no-repeat left center;
}

.creditcard span {
    visibility: hidden;
}

.paypal { 
    display: inline-block !important;
    height: 25px;
    vertical-align: top;
    background: url("../img/PayPal_mark_37x23.gif") no-repeat left center;
}

.paypal span {
    visibility: hidden;
}

h1#pptitle {padding-left:10px;}

p#pptext {text-decoation:none; margin-bottom:200px; width:550px; font-size:14px;padding-left:10px;}
.content #main p#pptext a {color:#C25E00; text-decoration:none;}


#ebayhelp {width:145px; background-color:#f0f0f0; font-size:12px; 
position:absolute; top:0; margin:150px 0 0 587px; padding:10px;
background: url("../img/tmpl/hpi_tmpl_info_help_bg.gif") repeat-x bottom; height:233px;

}

span#pleasewaitgif {
height:16px; width:186px; background-image:url("../img/please_wait.gif");background-repeat:no-repeat;
}

/* Main body */
td.mainTmpl{font-size:12px;width:580px;background-color:#ffffff;}
div.mainHdr{background-color:#ffffff;background-image:url("../img/tmpl/hpi_tmpl_hdr_bg.gif");background-repeat:no-repeat;}
table.mainHdr{width:100%;height:90px;}
div.mainSiteFurnitureHdr{background-color:#ffffff;background-image:url("../img/tmpl/banner.jpg");background-repeat:no-repeat;}
table.mainSiteFurnitureHdr{width:100%;height:90px;}
td.smmtMainTmpl{font-size:12px;width:580px;background-color:#FFF;}

div.mainCaption{margin:0px 12px 0px 12px;font-size:18px;font-weight:bold;font-style:italic;color:#c25e00;}
div.bodyCaption{margin:0px 12px 0px 12px;font-size:16px;font-weight:bold;font-style:italic;color:#c25e00;}
div.subCaption{margin:0px 12px 0px 12px;font-size:14px;font-weight:bold;font-style:italic;color:#222222;}
div.subCaptionSmallerText{margin:0px 12px 0px 12px;font-size:13px;font-weight:bold;font-style:italic;color:#222222;}
div.mainContent{margin:0px 12px 0px 12px;font-size:12px;color:#222222;}
div.mainMandatory{margin:0px 12px 0px 12px;font-size:11px;color:#222222;text-align:right}
.mainSpacer{font-size:4px;margin:0px;height:8px;}
div.mainFooter{height:4px;background-color:#000000;font-size:4px;width:100%}
div.mainInfo{margin:0px 12px 0px 12px;padding:6px 6px 6px 6px;width:556px;background-color:#FFFFFF;}


/* vehicle details */
#vehicleDetailsSection {margin-bottom: 10px;}
#vehicleDetailsContainer {margin:0px 0px 10px 0px;}


/* Forms in main body */
div.formMain{margin:0px 12px 0px 12px;width:556px;background-color:#FFFFFF; border:1px solid #c25e00;}
div.smmtFormMain{margin:0px 0px 0px 0px;width:580px;background-color:#FFFFFF;}
td.formCaption{padding:4px 12px 2px 12px;font-size:15px;font-weight:bold;color:#364886;}
div.formBlock{padding:4px 12px 4px 12px;}
td.formInfo{padding:4px 12px 4px 12px;font-size:12px;font-weight:bold;}
td.formStatic{padding:2px 3px 0px 0px;font-size:12px;font-weight:normal;text-align:left;vertical-align:top;}
td.formControl{text-align:left;vertical-align:top;white-space:nowrap;}
td.formReadOnly{text-align:left;font-weight:bold;}
td.formSubmit{padding-right:12px;text-align:right;vertical-align:middle;}
td.formBack{padding-left:12px;text-align:left;vertical-align:middle;}
td.formError{padding-right:2px;font-size:12px;font-weight:normal;text-align:left;vertical-align:top;color:#FF2020;}
.formSpacerRow{height:4px;}

/* Info references between form and help panel */
.infoRef,td.formInfoRef{font-weight:bold;color:#A69588;vertical-align:top;}
.infoRef{font-size:11px;margin:0px 4px 0px 4px;}
td.formInfoRef{padding:0px 2px 0px 2px;font-size:9px;text-align:right;vertical-align:top;}
span.rtm{margin-left:2px;font-size:85%;vertical-align:top;}
.wrongCar{font-weight:bold;}
.bidding{font-weight:bold;}
.price{font-weight:bold;}

/* Additional information in main body - eg. Terms & Conditions */
div.mainInfoFrame{margin:0px 12px 0px 12px;width:556px;background-color:#FFFFFF;}
div.mainInfoBody{margin:6px 6px 6px 6px;}

/* .resultsHeader{font-size:16px;font-weight:bold;color:#FFFFFF;background-color:#006699;} */
div.formResults{margin:0px 12px 0px 12px;width:556px;background-color:#FFFFFF;background-image:url("../img/tmpl/hpi_water_mark.jpg");background-repeat:repeat; border: 1px solid #c25e00;}
div.formResultsSample{margin:0px 12px 0px 12px;width:556px;background-color:#FFFFFF;background-image:url("../img/tmpl/hpi_water_mark_sample.jpg");background-repeat:repeat;}
td.resultsHeader,td.resultsHeader2,td.resultsHeader3{font-weight:bold;color:#c25e00;}
td.resultsHeader{padding:0px 12px 5px 0px;font-size:16px;font-style:italic;}
td.resultsHeader2{padding:0px 12px 5px 0px;}
td.resultsHeader3{padding:0px 12px 0px 0px;}
.resultsSection{border:1px solid #006699;}
.resultsFooter{padding-top: 10px;}
td.resultsSpacer{background-color:#EFEFEF;font-size:4px;margin:0px;height:6px;}
td.resultsOverrideHeader{padding:6px 0px 5px 0px;font-weight:bold;color:#c25e00;}
#vehicleDvlaPromptText{padding:0px 0px 0px 4px};
td.descStatic, td.overrideDescStatic, td.descStaticRight, td.overrideDescStaticRight {
	color:#787878;
	font-weight:bold;
	white-space: nowrap;
	}
td.overrideDescStatic {width: 20%;}
td.descStaticRight, td.overrideDescStaticRight {
	width:219px;
	}

td.descData{padding-top:2px;padding-left:6px;font-weight:bold;width:100px;}
#nothernIrelandText {width: 100%;}

#vehicleDetailsSection td.descData{width: 45%;}
#vehicleDetailsSection td.descStatic{white-space: nowrap;}

td.descStaticAlert{padding:5px 0px 3px 0px;color:#787878;font-weight:bold;white-space: nowrap;}
td.descStaticAlertImage{padding-top:5px;}
td.descDataAlert{padding:5px 0px 3px 6px;font-weight:bold;}
td.descDataLong{padding-left:6px;padding-bottom:4px;}
td.descDataLongPlate{padding-left:6px;padding-bottom:0px;}
.interestAlert{font-size:14px;font-weight:bold;}
.interestHeader{padding:1px 0px 1px 4px;font-weight:bold;color:#FFFFFF;background-color:#006699;}
.voucherNumber{font-weight:bold;padding:1px 4px 1px 4px;border:2px solid #006699;background-color:#FFFF40;};

.submitButton
{
	height:40px;
	width:100%;
	font-size:14px;
	font-weight:bold;
	color:white;
	background-image:url("../img/btn/submit_background.gif");
	background-color:red;

	background-repeat:no-repeat;
	text-align:left;
	vertical-align:top;
	padding-left:9px;
	padding-top:5px
}
a.buyNowAnchor{font-size:12px;}
a#submit1,a#submit2{display:block; color:#FFFFFF;font-weight:bold;text-decoration:none;font-size:12px;background-color:transparent !important;}
a:hover#submit1,a:hover#submit2{color:#6a3017;}

/* Controls */
input[type="text"]{}
select{}
input.hpiText,input.hpiTextUC,input.hpiDate
	{font-size:13px;
	border:1px solid #969696;
	padding:0px 1px 0px 1px;
	background-image:url("../img/tmpl/hpi_tmpl_input_text_bg.gif");
	background-repeat:repeat-x;
	background-position:bottom;}
input.hpiTextUC{text-transform:uppercase;}
input.hpiDate{text-align:center;}

/* Vin prompt for call centre */
.vinPromptText
	{font-size:13px;
	border:1px solid #6DA2B2;
	padding:1px;
	color:#364886;
	padding:1px;
	background-color:#EFEFEF;
	background-image:url("../img/tmpl/hpi_tmpl_input_text_bg.gif");
	background-repeat:repeat-x;
	background-position:bottom;}

/* Information Panel */
td.infoTmpl{font-size:11px;width:180px;background-color:#FFFFFF;}
div.infoHdr{height:90px;font-size:17px;font-weight:bold;text-align:center;vertical-align:middle;color:#00186B;letter-spacing: 0px;line-height: .88em; margin-right:13px;padding-bottom: 0px}
.hpiPower{font-size:10px;text-align:center;margin-right:-2px}
div.infoIntro{margin:0px 8px 0px 8px;}
div.infoSection{margin:0px 8px 0px 8px;border-width:2px 0px 2px 0px;border-style:solid;border-color:#c25e00;background-image:url('../img/tmpl/hpi_tmpl_info_help_bg.gif');background-repeat:repeat-x;background-color:#F0F0F0;}
div.infoSectionNoBorder{margin:0px 8px 0px 8px;background-image:url('../img/tmpl/hpi_tmpl_info_help_bg.gif');background-repeat:repeat-x;background-color:#F0F0F0;}
div.infoPara{margin:8px 4px 8px 4px;}
div.infoCaption{font-size:18px;font-weight:bold;font-style:italic;color:#c25e00;}
div.infoContent{color:#222222;}
.infoHelpBody{width:100%;}
.infoSpacer{height:8px;}
.infoSmallSpacer{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;font-size:3px;}
div.infoHelpCaption{font-size:11px;font-weight:bold;}
div.infoHelpContent{font-size:11px; padding-right: 10px; }
.expandableInfoContent{padding-left:6px;padding-bottom:2px;}
div.infoSectionYourDetails{height:100%;margin:0px 8px 0px 8px;border-width:0px 0px 2px 0px;border-style:solid;border-color:#c25e00;background-color:#F0F0F0;}


/* Results */
.resultsCaption,.resultsInfo,{padding:2px 12px 2px 12px;}
.resultsReference{margin:0px 12px 0px 12px;font-size:12px;font-weight:bold;color:#222222;}
.resultsCaption{font-size:18px;font-weight:bold;color:#364886;}
.resultsInfo{font-size:15px;font-weight:bold;font-style:italic;color:#364886;}
.resultsWarn{color:#E00000;font-size:15px;font-weight:bold;}
.resultsData{}

/* Spacers and lines */
.lineTop{margin:6px 0px 0px 0px;padding:6px 0px 0px 0px;border-width:2px 0px 0px 0px;border-style:solid;border-color:#c25e00;}
.lineBtm{margin:0px 0px 6px 0px;padding:0px 0px 6px 0px;border-width:0px 0px 2px 0px;border-style:solid;border-color:#c25e00;}
.lineTopDotted{margin:6px 0px 0px 0px;padding:0px 0px 0px 0px;border-top:1px solid #c25e00;}
.lineBtmDotted{margin:0px 0px 6px 0px;padding:0px 0px 6px 0px;border-bottom:1px solid #c25e00;}
.lineLeftDotted{border-left:2px dotted #CBC2BB;}
.lineRightDotted{border-right:2px dotted #CBC2BB;}
hr.mainDotted{margin:6px 0px 6px 0px;border:1px dotted #CBC2BB;}

/* FAQ */
.topicHeading{padding:2px 2px 6px 4px;font-size:14px;color:#c25e00;font-family:arial,helvetica,verdana,sans-serif;font-weight:bold;}
.terms{padding:2px 2px 4px 2px;font-size:11px;color:#222222;font-family:arial,helvetica,verdana,sans-serif;}
.termsBold{padding:0px 2px 0px 2px;font-size:11px;color:#222222;font-family:arial,helvetica,verdana,sans-serif;font-weight:bold;}
.termsIndent{margin-left: 20px;}

/* Footer */
div.footer{margin:12px 12px 6px 12px;}
a.footerLink{font-size:11px;}
td.footerSep{padding:0px 12px 0px 12px;text-align:center;}

/* Summary page */
a.underlined{color:#588998;font-weight:bold;text-align:right;text-decoration:underline;}

/*internal view styles */
#internalViewInformation 
{
	margin:0px 12px 0px 12px;
	font-size:12px;
}

p.operatorDataPrompt, p.operatorDataText
{
	 padding-left 4px;
	 font-size:12px; 
     text-align:left;
     vertical-align:top;  
    
}
p.operatorDataPrompt
{
	font-weight:bold;
	color:#787878;
}

.sectionHeader{
	font-size:14px;
	font-weight:bold;
	margin:5px 0px 4px 0px;
}

div.activationCol1{
	width: 200px;
}
div.activationCol2{
	width: 200px;
}
div.activationCol3{
	width: 200px;
}
div.activationCol4{
	width: 200px;
}
div.activationCol5{
	width: 200px;
}
div.activationCol6{
	width: 200px;
}
div.activationCol7{
	width: 200px;
}
div.activationCol8{
	width: 10px;
}

#guaranteebody ol li {
	list-style-type: decimal;
	margin-bottom: 15px;
}

#guaranteebody ol li ol li
	{
	list-style-type: lower-alpha;
	}
	
#guaranteebody ol li ol li ol li 
	{
	list-style-type: lower-roman;	
}

.overrideIndicator
{
	display: inline;
	color : red;
	padding-left: 3px;
	font-weight: normal;
}

.vehicleDetailsLabel
{
	width: 100%;      
}

#northernIrelandText 
{
    width: 480px;
}

#northernIrelandLabel 
{
    float: right;
}

#voucherLabel
{
	padding-top: 5px;
}
#voucherCode
{
	margin-top: 3px;
}

#flagsFreeCheckLabel {
  white-space: normal;
}
#flagsFreeCheckLabel strong {
  color: black;    
}
#flagsFreeCheck em {
  font-style: normal;
  text-decoration: underline;
}

/**
------------------------------------------------- apply borders
**/
.bt {
    border-top-width: 1px !important;
}
.br {
    border-right-width: 1px !important;
}
.bb {
    border-bottom-width: 1px !important;
}
.bl {
    border-left-width: 1px !important;
}

/**
------------------------------------------------- smmt
**/

div.section div.report {
    padding: 20px;
    border-style: solid;
    border-color: #EFEFEF;
    border-width: 0px;
    background: #FFF;
}

div.section#smmtDataSection {}

div.section#smmtDataSection div.reportTop {   
    background: url("../img/banner-smmt.jpg") no-repeat top right #FFF;
    padding-top: 100px;
}

div.section#smmtDataSection h4.smmtSectionTitle {
    color: #364886;
    font-size: 100%;
    margin: 10px 0;
}
div.section#smmtDataSection div.prompt {
    width: 259px;
    display: inline-block;
    font-size: 100%;
    height: 25px;
    background: #EFEFEF;
    line-height: 25px;
    margin-bottom: 3px;
    margin-right: 4px;
    padding-left: 5px;
    float: left;
}

div.section#smmtDataSection div.data {
    width: 259px;
    display: inline-block;
    font-size: 100%;
    font-weight: bold;
    height: 25px;
    background: #EFEFEF;
    line-height: 25px;
    margin-bottom: 3px;
    padding-left: 5px;
}

div.section#smmtDataSection br {
    display: none;
}

div.section#smmtDataSection div.alt {
    background-color: transparent !important;
}

/* glossary text */
div.mainContainer#smmtDataContainer div.smallText {
    font-size: 75%;
    margin: 10px 0 0 20px;
}



/**
------------------------------------------------- CO2 environment sheet
**/

sub {
    font-size:70%;
    font-weight:bold;
    vertical-align:text-bottom;
}
.co2Container {
    margin: 50px auto;
    width: 750px;
    background-color: #ffffff;
    color: #222222;
}

.co2Container h1 {
    font-weight: bold;
    color: #222222;
    font-size: 200%;
    margin: 0px;
    padding: 0px;
}

.co2Container h2 {
    font-weight: bold;
    color: #222222;
    font-size: 120%;
    display: inline;
    margin: 0px;
    padding: 0px;
}

.co2Container h3 {
    font-weight: bold;
    color: #222222;
    font-size: 110%;
    display: inline;
    margin: 0px;
    padding: 0px;
}

.co2Container h4 {
    font-weight: bold;
    color: #222222;
    font-size: 100%;
    display: inline;
    margin: 0px;
    padding: 0px;
}

.co2Container p {
    font-size: 100%;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 5px 0px;
}

.co2Container .refNo {
    font-weight: bold;
    font-size: 150%;
    text-transform: uppercase;
}

.co2Container .ved {
    margin: 0px;
    padding-top: 74px;
}

.co2Container p#fuelCostText {
    margin: 0px;
    min-height: 70px;
}

.co2Container .leftColumn01 {
    float: left;
    width: 520px;   
}

.co2Container .rightColumn01 {
    float: left;
    width: 230px;
    padding: 8px 0px 0px 0px;
}

.co2Container .leftColumn02 {
    float: left;
    width: 509px;
    border-right: 1px solid #819097;
    padding: 0px 10px 10px 0px;
}

.co2Container .rightColumn02 {
    float: left;
    width: 210px;
    padding: 0px 0px 10px 20px;
}

.co2Container .fullColumn01 {
    padding: 7px 0px 7px 0px;
}

.co2Container .fullColumn01 p {
    font-size: 80%;
}


.co2Container .leftColumn03 {
    float: left;
    width: 374px;
    border-right: 1px solid #819097;
}

.co2Container .rightColumn03 {
    float: left;
    width: 355px;
    padding: 0px 0px 0px 20px;
}

.co2Container .leftColumn04 {
    float: left;
    width: 179px;
    border-right: 1px solid #819097;
    padding: 0px 0px 0px 70px;  
}

.co2Container .middleColumn04 {
    float: left;
    width: 179px;
    border-right: 1px solid #819097;
    padding: 0px 0px 0px 70px;
}

.co2Container .rightColumn04 {
    float: left;
    width: 180px;
    padding: 0px 0px 0px 70px;
}

.co2Container .leftColumn05 {
    float: left;
    width: 375px;
    padding: 0px 0px 20px 0px;
}

.co2Container .rightColumn05 {
    float: left;
    width: 355px;
    padding: 0px 0px 50px 20px;
}

.co2Container .footer {
    width: 750px;
    height: 20px;
    background-image: url(../img/co2-bg-footer.gif);
    background-repeat: no-repeat;
    background-position: top;
    font-size: 70%;
    padding: 129px 0px 0px 0px;
}

.co2Container .co2PointerContainer {
    position: relative;
    width: 192px;
    height: 44px;
    color: #ffffff;
    font-size: 24px;
    line-height: 44px;
    font-weight: bold;
    background-color: #ffffff;
    background-image: url(../img/co2-pointer.gif);    
    background-repeat: no-repeat;
}

.co2Container .co2PointerLeft {
    float: left;
    width: 30px;
    height: 44px;
    padding: 0px 0px 0px 45px;
}

.co2Container .co2PointerRight {
    float: left;
    width: 97px;
    height: 44px;
    padding: 0px 10px 0px 10px;
    font-size: 22px;
    text-align: right;
}

.co2Container .co2PointerUnit {
    font-size: 19px;
    text-align: right;
}

.co2Container .resultFuelCost {
    position: relative;
    top: 19px;
}

.co2Container .resultVED {
    position: relative;
    top: 67px;
}

.co2Container .mainResults{
    padding: 7px 0px 7px 0px;
}

.co2Container .hDividerLine {
    width: 750px;
    height: 5px;
    border-bottom: 1px solid #819097;
}

.co2Container .hDivider {
    width: 750px;
    height: 5px;
}

.co2Container .chartTitle {
    padding: 5px 0px 5px 0px;
    font-size: 140%;
}

.co2Container .note {
    font-size: 70%;
    text-align: justify;
}

.co2Container .clear {
    clear: both;
}

.co2Container .textB {
    font-weight: bold;
}

.co2Container .textAlignJustify {
    text-align: justify;
}

.co2Container a {
    color: #004990;
    text-decoration: none;
}

.co2Container a:hover {
    color: #004990;
    text-decoration: underline;
}

.co2Container .displayInline {
    display: Inline;
}

.co2Container .bottomPadding7 {
    padding-bottom: 7px;
}

span.CO2sub {
    font-size: 70%;
}

div.optOutLink {
	float: right;
}

#optOutAllLink {
	margin-top: 30px;
	float: right;
}

p.hidden {
	display: none;
}
/* The End */