/*************************************** NEW VD PAGE STYLES ***************************************/
/* CSS Document */

.clear {
	clear: both;
	line-height: 0;
	height: 0;
}

#vd-container {width: 800px; margin: 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000}

h3		{ width: 700px; color:#039; float:left; height:auto; margin: 0px 0 10px 0; text-indent: 30px}

#VDMMV {
	background: url(../images/color-bg.jpg) 0 0 repeat-x #c2c2c2;
	position: relative;
	height: 40px;
	width: auto;
	border-bottom: 1px solid #000000;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
#VDMake {
	float: left;
	margin: 5px 5px 5px 15px;
	font-size: 22px;
}
#VDModel {
	float: left;
	font-size: 22px;
	margin: 5px;
	color: #333333;	
}
#VDVersion {
	float: left;	
	font-size: 22px;
	margin: 5px;
	color: #666666;
}
#VDPrice{
	 float: right;
	 width: 180px;
	 text-align: center;
	 background: #cccccc;
	 font-weight: bold;
	 font-size: 15px;
	 color: #ffffff;
	 height: 40px;
	 font-size: 22px;
	 line-height: 38px;
}
#VDLinks {
	background: #cccccc;
	height: 27px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #000000;
}
#VDLinks ul {
	margin: 1px 0 0 10px;
}
#VDLinks ul li {
	float: left;
	list-style-type: none;
	margin: 0 2px 0 0;
}
#VDLinks ul li a {
	display: block;
	padding: 5px;
	border: 1px solid #414141;
	background: #999999;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
}
#VDLinks ul li a:hover {
	background: #cccccc;
	color: #000000;
}
#VDImages {
	position: relative;
	padding: 8px 0;
	width: 550px;
	margin: 0 0 20px 0px;
	overflow: hidden;
	float:left;
}
#VDImages .imgholder {
	float: left;
	margin: 10px 20px 10px 40px;
}
#VDAge {
	background: #bbbbbb;
	height: 35px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #000000;
}
#VDDate {
	float: left;
	font-size: 15px;
	padding: 4px;
	border: 1px dotted #666666;
	margin: 4px 0 0 10px;
}
#VDMiles {
	float: left;
	font-size: 15px;
	padding: 4px;
	border: 1px dotted #666666;
	margin: 4px 0 0 10px;
}
#VDFType {
	float: left;
	font-size: 15px;
	padding: 4px;
	border: 1px dotted #666666;
	margin: 4px 0 0 10px;
}
#VDColour {
	float: left;
	font-size: 15px;
	padding: 4px;
	border: 1px dotted #666666;
	margin: 4px 0 0 10px;
}
#VDFuel {
	float: left;
	font-size: 15px;
	padding: 4px;
	border: 1px dotted #666666;
	margin: 4px 0 0 10px;
}
#featuresbullets {
	background: #cccccc;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #000000;
	overflow: auto;
	padding: 10px;
}
#featuresbullets ul {
	 padding-left: 20px;
}
#featuresbullets ul li {
	font-size: 12px;
	float: left;
	width: 32%;
	display: block;
	text-indent: 12px;
	background: url(../images/bullet-point.gif) no-repeat left center;
	list-style-type: none;
}
#VDOtherinfo {
	background: #c2c2c2;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #000000;
}
#VDOtherinfo p {
	font-size: 12px;
	margin: 10px;
}
#VDTTemplate {
	background: #dddddd;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #000000;
}
#VDTTemplate p {
	font-size: 12px;
	margin: 10px;
}
#VDDisc {
	background: #bbbbbb;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #000000;
}
#VDDisc p {
	font-size: 12px;
	margin: 10px;
}
#VDPricefinance {
	width: 600px
}
#VDStatus {
	font-size: 15px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 15px 0 0 0;
	padding: 0
}
#VDPricetwo {
	font-size: 38px;
	color: #03F;
	width: 100%;	
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 0 0 5px 0;
	margin: 0
}

#VDPricerPerWeek {
	float: right;
	width: 144px;
	height: 142px;
	background: url(../images/vd-per-week.jpg) 0 0 no-repeat;
	margin: -7px 10px 10px 10px;
	color: #fff;
	text-align: center
}

#VDPricerPerWeek div {font-size: 14px; margin: 35px 0 0 0; display: block}
#VDPricerPerWeek span#ppw {font-size: 26px; margin: 0}

#VDWasNow {
	text-align: left;
	margin: 5px 0px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}
#VDWasNow .VDWasPrice {
	color: #666666;
	margin-right: 10px;
	text-decoration: line-through
}
#VDWasNow .VDNowPrice {
	color: #cc0000;
	font-size: 24px;
	font-weight: bold;
}
#VDAlt {
	font-size: 14px;
	margin: 5px 0;
}
#VDAlt a {
	color: #003399;
	text-decoration: none;
	padding: 5px 0;
}
#VDAlt a:hover {
	color: #CC0000;
}
#VDFinDetails {

}
#VDFinDetails p {
	font-size: 10px;
	text-align: left;
	margin: 5px 0px;
	width: 100%
}
#VDFootlinks {
	background: #cccccc;
	height: 27px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #000000;
}
#VDFootlinks ul {
	margin: 1px 0 0 10px;
}
#VDFootlinks ul li {
	float: left;
	list-style-type: none;
	margin: 0 2px 0 0;
}
#VDFootlinks ul li a {
	display: block;
	padding: 5px;
	border: 1px solid #414141;
	background: #999999;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
}
#VDFootlinks ul li a:hover {
	background: #cccccc;
	color: #000000;
}


.cwVDFinanceLink {}
.cwVDFinanceLink a{}
.cwVDFinanceLink a:hover{}



/******* VD1 Styles *******/




/* STYLES FOR VEHICLE INFO LIKE COLOUR, FUEL TYPE, NUMBER OF OWNERS ETC */
ul#vehicle-info		{ margin: 0; padding: 10px; width: 220px; overflow: hidden; float:right; background: url(../images/blue-bg.jpg) top left repeat-x}
ul#vehicle-info li		{ font-size:12px; list-style: none outside; float: left; width: 100%; text-align: right; padding-bottom:0px; background: none; color: #333333; border-bottom: 1px dotted #999; line-height: 40px}
ul#vehicle-info li span {display: block; float: left; font-weight:bold; width: 55%; text-align: left}


/* FEATURE BULLETS */
ul#features-list		{ margin: 0 0 10px 0; padding: 10px 15px; width: 770px; overflow: hidden; background: url(../images/blue-bg.jpg) top left repeat-x}
ul#features-list li		{ float: left; width: 20%; color: #333333; margin: 0 0 0 10px; padding: 0 0 0 25px; list-style: none outside; background: url(../images/bullet_blue.gif) left 3px no-repeat; font-size:12px; line-height: 2}


/* OTHER INFO TEXT FIELD */
#other-info {margin: 0; padding: 10px 15px; width: 700px; overflow: hidden; font-size: 11px; color: #FFFFFF;}

#textTemplate {margin: 0 0 10px 0; border: 1px solid #666; padding: 10px 20px;}

#vehicleDetails {width: 100%; overflow: hidden; margin-top: -25px}

a#contactUsForMoreInfo {display: block; width: 282px; height: 42px; background:#2C1A53; float: right; margin: 0 10px 10px 0}
a#contactUsForMoreInfo:hover {background-position: left bottom}

ul.vd-buttons			{ margin: 15px 0 20px 0; padding: 0; width: 750px; float:left}

ul.vd-buttons li 		{ display: block; float: left; height: 25px; line-height: 30px; padding: 0; margin: 0 3px 0 0; background: none}

ul.vd-buttons li a		{ font-family:Arial, Helvetica, sans-serif; display: block; float: left; height: 25px; line-height: 25px; padding: 0 40px; color: #ffffff; text-decoration: none; font-size: 11px; font-weight: bold; text-transform: uppercase; background: url(../images/nav-bg.jpg) 0 0 repeat-x ;}

ul.vd-buttons li a:hover {background-position: left bottom; color: #FFFFFF; background: #009}

#VDMainImage			{ float: left; overflow: hidden; background: url(../images/nopicavail_400_300.jpg) 0 0 no-repeat}

#VDONEimwrap			{ width:120px; height: 300px; overflow: auto; float: left; margin: 0 0 0 15px}
#VDONEimwrap ul			{ list-style: none; margin: 0; padding: 0 }
#VDONEimwrap li			{ float: left; display: block; margin: 0; padding:0 0 5px 5px ; background: none}
#VDONEimwrap li a		{ float: left; margin: 0; padding: 0; display: block; text-decoration: none;} /* thickbox img link */
#VDONEimwrap li a:hover	{ color: #cccccc; text-decoration: none; }
#VDONEimwrap li p		{  display: none; margin: 0; font-size: 10px; text-align: center; margin: 0; padding: 0; text-transform: uppercase; }
#VDONEimwrap li p a		{ padding: 0 0 10px 0 }  /* Click here text link */
#VDONEimwrap li img		{ margin: 0; padding: 0; height: 55px; width: 75px; overflow:hidden}

/* ___________________________________________ VD 2 _____________________________________________ */
#moveCursorTxt {width: 100%; height: 30px;}
#moveCursorTxt p {margin: 0 0 0 15px; line-height: 30px; font-size: 10px; color: #333}
#VDImage {width: 100%; height: 380px; position: relative; background: #eee}

#VDthumbs {width: 130px; height: 340px; position: absolute; left: 15px; top: 30px; overflow: auto}
#VDthumbs ul {margin: 0; padding: 0}
#VDthumbs ul li {list-style: none outside; margin: 0 0 6px 0; padding: 0; background: none}
#VDthumbs ul li a {display: block; width: 104px; height: 78px; border: 1px solid #000; padding: 0}
#VDthumbs ul li a:hover {border-color: #fff}

#mainImg {}
#mainImg p {display: none}
#mainImg img {border: 0; margin: 0 0 0 10px}



/******* VD3+4 Styles *******/

#VDTHREEimwrap			{ height: auto; float: left; }

#VDImTran				{ float: left; margin: 10px 0 10px 10px; }

#VDImTranThumbs			{ float: right; margin: 10px 0 0 0; width: 340px; height: 320px; overflow: auto; }
#VDImTranThumbs ul		{ margin: 0; padding: 0; list-style: none; }
#VDImTranThumbs li		{ float: left; margin: 0 0 3px 3px; padding: 0; width: 104px; height: 78px; }
.VDThumb				{ margin: 0; padding: 0; }


/****Similar Vehicles (Thumbnails)*****/ 
#VDSimLink ul 			{}
#VDSimLink ul li 		{ width:360px; height: 70px; float:left; margin: 0 20px 10px 0; list-style: none}

#VDSimLink ul li a 		{ width:360px; color:#333333; text-decoration:none; height: 70px; float:left; margin: 0 20px 10px 0; list-style: none; border: 3px solid #eeeeee}

#VDSimLink ul li a:hover {color: #03C; text-decoration:none}
#VDSimLink ul li span.SimCar {}

#VDSimLink ul li a img { margin: 10px 10px 0 10px; border: 2px solid #FFF; float:left}
.SimCar {}
.SimCarImage {}
.SimCarImage img {}

.SimMake { width: 70%; float:left; padding: 10px 0 0 0; height: 15px; font-size:14px;}
.SimPrice { font-weight:bold; float: left; width: 70%; height: 15px; margin: 20px 0 20px 0}


#span-reg, #span-fuel, #span-trans {font-size: 16px; padding: 0 15px 0 0}



/* TWEAK TEXT STYLES TO SIT PROPERLY INSIDE VD CONTAINER */
#vd-container p {margin-left: 0}

#priceContainer {margin: 10px 0; overflow: hidden; background: url(../images/priceContainer.gif) 0 0 no-repeat; height: 86px; overflow: hidden}

a#financeEnquire {float: right; display: block; width: 253px; height: 55px; background: url(../images/financeEnquire.jpg) left bottom no-repeat; margin-top: -15px}
a#financeEnquire:hover {background-position: left top}



div#otherServices {float: right; width: 250px; }
div#otherServices ul {margin: 0; padding: 0}
div#otherServices ul li {display: block; float: left; margin: 0; padding: 0 0 4px 0; width: 250px; height: 40px; text-indent: 0; list-style: none outside; overflow: hidden}
div#otherServices ul li a {display: block; float: left; margin: 0; padding: 0; width: 250px; height: 40px; line-height: 40px; text-indent: 0; background: #eee; text-indent: 50px; text-decoration: none; font-weight: bold}

div#otherServices ul li a#vdBack {background-image: url(../images/vd-buttons/back.gif)}
div#otherServices ul li a#vdPrint {background-image: url(../images/vd-buttons/print.gif)}
div#otherServices ul li a#vdTestDrive {background-image: url(../images/vd-buttons/test-drive.gif)}
div#otherServices ul li a#vdContactUs {background-image: url(../images/vd-buttons/contact-us.gif)}
div#otherServices ul li a#vdFindUs {background-image: url(../images/vd-buttons/find-us.gif)}
div#otherServices ul li a#vdServiceAndRepairs {background-image: url(../images/vd-buttons/servicing-and-repairs.gif)}
div#otherServices ul li a#vdParts {background-image: url(../images/vd-buttons/parts.gif)}
div#otherServices ul li a#vdEngineersInspections {background-image: url(../images/vd-buttons/engineers-inspections.gif)}

.vdHeading {margin: 0}

#financeButtons {width: 700px; height: 60px; overflow: hidden; clear: both; padding: 5px 0 0 0}
.cwVDFinanceLink {float: left; width: 100%; display: block; height: 52px; color:#333}
.cwVDFinanceLink a {display: block; height: 52px; width:300px; line-height: 52px; text-indent: 60px ;font-weight:bold; text-decoration:none; color:#06C}

.cwVDMILink {float: left; display: block; width: 340px; height: 52px; font-size: 12px; font-weight:bold; text-decoration:none; color:#06C}
.cwVDMILink a {display: block; width: 100%; height: 52px; line-height: 52px;  color:#06C; text-indent: 60px}

.cwVDFinanceLink a:hover, .cwVDMILink a:hover {background-position: left bottom}


/* Matt */