﻿/* ALLOW ROOM FOR HEADER*/
.cvspecpad { padding-top:104px; }
/*HEADER*/
.pageheader.carview { padding:0;width:970px;height:95px;position:absolute;background:url(../images/carview/cvheadbg.jpg) top left no-repeat;color:#FFF; }
.carview .fleft { width:673px; }
.carview .fright { width:257px;padding:23px 24px 0 16px; }
.cvnav { width:964px;clear:left;padding:4px 0 0 6px; }
.carview a { float:left;padding:1px 0 2px 22px;margin:0 0 0 10px;height:13px;background:url(../images/carview/cta.png) 0 0 no-repeat;font-size:12px;color:#b3c5d9; }
.carview a:hover {color:#b3c5d9;}
.carview .save { background-position:0 -20px;padding-left:20px; }
.carview .viewdealerstock { background-position:0 -38px;padding-left:38px; }
.carview .printdet { background-position:0 -57px; }
.carview #pcmenu a { background-position:0 -191px; }
/*CTARIGHTHAND*/
#rightColumn .cvspecpad > div { background:url(../images/carview/sidebcta.png) 0 0 no-repeat;overflow:hidden;height:33px; }
#rightColumn .cvspecpad .divexpand {background:url(../images/carview/cta.png) 0 -76px no-repeat;display:block;width:180px;height:19px;display:block;border:0;margin:5px 4px 0 4px;  }
#rightColumn #CVtextdealer, #rightColumn #cvdealerdet, #rightColumn #CVemaildealer { height:33px;  }
#rightColumn #CVemaildealer .divexpand { margin:10px 4px 0 4px; }
#rightColumn #CVtextdealer .divexpand { background-position:0 -125px;height:24px; }
#rightColumn #CVtextdealer.open .divexpand { background-position:0 -97px;}
#rightColumn #CVdealerdet .divexpand { background-position:0 -171px;height:18px;margin:10px 4px 0 4px; }
#rightColumn #CVdealerdet.open .divexpand { background-position:0 -151px;}
#rightColumn .cvspecpad .box-footer { background-position:0 -598px;height:7px;margin:0 0 4px 0; }
#rightColumn #CVtextdealer.open { height:120px; }
#rightColumn #CVdealerdet.open { height:320px; }
#rightColumn .cvspecpad p { color:#FFF;font-size:1em;padding:3px 4px; }
#rightColumn .cvspecpad .box-body div { padding:6px 0; } 
#rightColumn #CVdealerdet div { padding:10px 0; }
#rightColumn #CVdealerdet .title { font-size:1.2em;font-weight:bold;padding:3px 4px 0 4px; }
#rightColumn #CVdealerdet ul { margin:8px 4px;  }
#rightColumn #CVdealerdet li { background-image:url(../images/carview/li-arrow-white.png);}
#rightColumn #CVdealerdet a { color:#FFF;text-decoration:underline;font-size:1em; }
#rightColumn .cvspecpad .maplink { background:url(../images/carview/li-arrow-white.png) center right no-repeat;float:right;padding:0 10px 0 0;margin:0 10px 0 0;  }
/*COLUMNLAYOUT*/
.insideleftColumn.cv { width:489px; }
.insiderightColumn.cv { width:250px; }
.insiderightColumn.cv .box-body { width:234px;background-position:0 0;}
.insiderightColumn.cv .box-footer { background-position:0 -491px;width:250px;height:9px;margin:0 0 8px 0;}
/*REDUCED-RECODE?*/
.cv .rstrip { width:490px;background:url(../images/reduced/carview.gif) top left no-repeat;height:32px;position:relative;display:block; }
.cv .rstrip p {padding:4px 9px 0 0; }
/*TITLE,PRICE&APPROVEDINFO*/
.pageheader.vt { margin:0;height:50px;display:table-cell;vertical-align:middle;  }
.vt h1 , .vt p, .vt div { display:block;float:left;}
.vt h1 { width:370px;padding:13px 8px;font-family:Arial;font-weight:bold;}
.vt > p { font-size:14px;width:60px;padding:15px 2px;text-align:center;}
.vt div { width:20px;padding:0;margin:13px 0; }
/*IMAGERY*/
#mainImage { position:relative; } 
#big { width: 489px;}
#vimage_prev, #vimage_next { background-image:url(../images/carview/bimgarrwleft.png);display:none;position:absolute;top:12px;left:0;width:67px;height:315px;background-position:left center;cursor:pointer; }
#vimage_next { background-image:url(../images/carview/bimgarrwright.png);float:right;left:422px;background-position:right center;}
#thumbshold {margin:4px 0 0 0;background-position:0 -394px;height:77px;overflow:hidden;}
#thumbshold div { display:block;float:left;width:54px;height:80px;cursor:pointer; }
#thumbshold #thumbs { width:300px;overflow:hidden;height:68px; }
div#timghold { width:1000px; }
#thumbshold #thumbs img { display:block;float:left;padding:2px;background:#FFF;border:1px solid #CCC;margin:2px;cursor:pointer;  }
div#thumbprev, div#thumbnext { visibility:hidden;width:18px;height:40px;padding:20px 35px 20px 35px; }
div#thumbprev span, div#thumbnext span { width:26px;height:31px;background-position:-55px -258px; }
div#thumbnext span { background-position:-28px -258px; }
div#thumbprev.disabled span { background-position:-82px -258px; }
div#thumbnext.disabled span { background-position:-1px -258px; }
#thumbshold.single-image  { height:20px !important;background-position:0 -450px;margin:0 0 4px 0; }
#thumbshold.single-image img { display:none !important; }
#thumbshold.no-images { background-position:0 -472px;height:72px; }
#thumbshold.no-images div { display:none; }
.image-alert { display:none;width:489px;padding:4px 0;text-align:center;background:#ffe401;}
/*TECHNICALDETAILS*/
#techmenu { background-position:0 -545px;height:33px;margin:4px 0 0 0;width:482px;padding:0 0 0 6px; }
#techmenu li { background:none;display:block;float:left;padding:0; }
#techmenu li a { margin:2px 0 0 4px;width:137px;background:url(../images/carview/technav.png) 0 0 no-repeat;display:block;float:left;height:33px;background-position:0 -33px; }
#techmenu li a:hover, #techmenu li.selected a { background-position:0 0; }
#techmenu .tech { width:215px;background-position:-137px -33px; }
#techmenu a.tech:hover, #techmenu li.selected a.tech {background-position:-137px 0; }
#techmenu .features { width:116px;background-position:-352px -33px; }
#techmenu a.features:hover, #techmenu li.selected a.features {background-position:-352px 0; }
#tech_details { width:470px;background:#E0E1DC;margin:0 auto;padding:8px 0; }
#tech_details ul { margin:0 8px; width:219px;float:left; }
#tech_details li { background:none;font-size:0.9em;padding:4px; }
#cvequipment ul li { border-bottom:1px dotted #555; }
#cvequipment, #cvfeatures { display:none; }
#cvtechspec li {background:#EAEBE5;float:left;display:block;margin:2px;width:125px;clear:left; }
#cvtechspec li.value { width:70px;clear:none;text-align:right; }
#cvtechspec li.title { border-bottom:1px dotted #555;font-weight:bold;width:211px;background:#E0E1DC; }
#cvfeatures li { background:#EAEBE5;float:left;display:block;margin:2px;clear:left;width:100%; }
#tdfoot { background-position:0 -508px;width:470px;margin:0 auto; }
.cv .midis { background:transparent;border:0;padding:10px 20px; }
/*GENERALDETAILS/SOMERUNNINGCOSTSSHARED*/
#vehicledetails p, #cvrc p { font-size:1.1em;display:block;float:left;clear:left;width:120px;font-weight:bold;padding:2px; }
#vehicledetails p.value { width:104px;clear:none;font-weight:normal; }
/*MOREOFSAME!*/
.likeit { display:block;width:250px;height:68px;background-position:0 -439px;margin:0 0 8px 0; }
/*RUNNINGCOSTS*/
#cvrc { height:140px;overflow:hidden; }
#cvrc.open { height:400px; }
#cvrc p { width:160px;font-weight:normal;padding:9px 2px; }
#cvrc p.value { width:64px;clear:none;font-size:1.2em;font-weight:bold;text-align:right; }
#cvrc p.pricing { width:120px; }
#cvrc p.pricing + p.value { width:104px;}
#cvrc .rcbar { display:block;clear:left;width:225px;background-image:url(../images/carview/rcbar.png);height:13px;margin:0 auto; }
.rcbar.v1 { background-position:0 0; }
.rcbar.v2 { background-position:0 -13px; }
.rcbar.v3 { background-position:0 -26px; }
.rcbar.v4 { background-position:0 -39px; }
.rcbar.v5 { background-position:0 -52px; }
.rcbar.v6 { background-position:0 -65px; }
#cvrc select { font-size:0.8em;margin:10px 0 8px 0; }
#cvrc .howcal p { width:234px;font-size:0.89em;padding:6px 0 0 0; }
/*GREENSCORE*/
#howgreen { height:130px;overflow:hidden; }
#howgreen.open { height:350px; }
#howgreen p, #howgreen a { font-weight:bold;border-top:1px dotted #555;margin:8px 0 4px 0;width:234px;display:block; }
#howgreen p { border:0; }
#howgreen a { text-align:right;padding:8px 0 0 0;margin:8px 0 0 0;}
#howgreen p.greenexpl { font-weight:normal;border:0;margin:0; }
#howgreen p span { color:Red;}
#howgreen span.green { color:Green;}
.greenscore, .greenscale { background:url(../images/carview/howgreen.png) 0 0 no-repeat;width:230px;padding:5px 0 0 0;height:24px;margin:8px auto;font:bold 12px Arial;color: #FFF;text-indent:20px;overflow:hidden; }
.greenscore.one { background-position:0 -30px;text-indent:32px; }
.greenscore.two { background-position:0 -62px;text-indent:57px;}
.greenscore.three { background-position:0 -93px;text-indent:84px;color:#333;}
.greenscore.four { background-position:0 -125px;text-indent:107px;color:#333;}
.greenscore.five { background-position:0 -159px;text-indent:132px;color:#333;}
.greenscore.six { background-position:0 -192px;text-indent:157px;}
.greenscore.seven { background-position:0 -222px;text-indent:187px;}
.greenscale { background-position:0 -267px;height:105px; }
/*GREENSCORE/RUNNINGCOST SHARED!*/
#cvrc .clear, #howgreen .clear {background:transparent url(../images/divides/ldivide_hor.png) repeat-x 0 11px;height:20px;width:234px;}
#cvrc .divexpand, #howgreen .divexpand {border:0;font-weight:normal;float:right;width:216px;text-align:right;color:#333;padding:0 18px 0 0;background:url(../images/carview/cta.png) right 0 no-repeat;height:13px;margin:0 0 8px 0; }
#cvrc.open .divexpand, #howgreen.open .divexpand { background-position:right -14px; }
/* honest john */
#hjhold .stars { background:url(../images/carview/honestjohn.png) 0 0 no-repeat;width:234px;height:22px;margin:12px 0 0 0;}
#hjhold .s1 { background-position:0 -22px; }
#hjhold .s2 { background-position:0 -44px; }
#hjhold .s3 { background-position:0 -66px; }
#hjhold .s4 { background-position:0 -88px; }
#hjhold .s5 { background-position:0 -100px; }
#hjhold p { float:left;width:164px;font-size:11px;padding:4px 0 8px 4px; }
#hjhold .title { float:left;width:50px;text-align:right;color:#285892;font-weight:bold;clear:left; }
#hjhold a { border-top:1px dotted #666;padding:8px 0 0 0;clear:both;display:block;width:234px;text-align:right; }
/* carview specific text styling - no type family just tweaks to size and color, padding etc. */
.vt h1 { font-size:1.1em; }
#vehicledetails p.interior { font-size:14px;padding:6px 0;margin:6px 0 0 0;width:220px; }
.vt > p { font-weight:bold; }
.cv .box-body > h2 { font-size:1.4em !important;border-bottom:1px dotted #555;padding:0 0 2px 0; }
.carview h2  { color:#FFF;font-size:1.6em;padding:16px 16px; }
.carview h4 { font-size:1.8em;color:#FFF;padding:0;text-align:right; }
.carview h4 span { font-size:0.8em;  }
.carview h2 span { font-size:0.7em;font-family:Arial;font-weight:bold; }
.carview p { color:#a6bbd2;text-align:right;padding:0;font-size:0.8em; }
/* loan calculator */
#rightColumn #loancalc { background-position:-403px -96px;padding:30px 0 0 0;width:200px; }
#rightColumn #loancalc + .box-footer { background-position:-403px -430px; }
#loancalc .calculate { background:#02659e;border:0 !important;display:block;width:200px;}
#loancalc #aprhold { background:#1e88c4 url(../images/divides/ldivide_hor.png) left bottom repeat-x;width:184px;text-align:center; }
#loancalc .calculate p { display:block;float:left;width:100px;padding:6px 8px;color:#FFF;font-size:0.7em !important;text-transform:none !important; }
#loancalc .calculate p.financetitle { width:184px;background:url(../images/divides/ldivide_hor.png) left bottom repeat-x;}
#loancalc .calculate select { font-size:0.7em !important;text-transform:none !important; }
#loancalc #loancarprice, #loancalc #loandep, #loancalc #loanbal, #loancalc #loanmthamt { width:68px;text-align:right;font-weight:bold; }
#loancalc #selloandep, #loancalc #selloanperiod { margin:4px 8px;clear:left;float:left;width:100px; }
#loancalc .monthlycal { width:200px;clear:left;display:block;background:url(../images/divides/ldivide_hor.png) left top repeat-x;padding:4px 0; }
#loancalc .monthlycal p { font-size:0.9em !important; }
#loancalc .clear {background:transparent url(../images/divides/ldivide_hor.png) repeat-x 0 3px;height:7px;width:200px;}
#loancalc a.button { width:108px;height:28px;background-position:0 -313px;margin:8px auto; }
#loancalc p.disclaimer { background:url(../images/divides/ldivide_hor.png) left top repeat-x;width:184px;color:#FFF;padding:4px 8px; }
#loancalc img {background:url(../images/divides/ldivide_hor.png) left top repeat-x;padding:6px 0 0 0;display:block; }
#loancalc #selloanperiod { width:80px; }
#loancalc span { color:#FFF;float:left;width:20px;text-align:right;padding:2px 0; }
