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

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

#stocklistcontainer {margin: 0 0 0 20px}
#stocklistcontainer h3 {margin-left: 0; padding-top: 7px; color: #013562}
#stocklistcontainer p {margin-left: 0}


#vd-container {width: 700px; margin: 10px 0 0 20px;}

#content {width: 700px}

#VDWrap {
	position: relative;
	width: 700px;
	margin: 0;
	text-align: left;
}
#VDMMV {
	background: #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: #df4231;
	 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;
	border: 1px solid #ccc;
	padding: 10px;
	overflow: hidden;
	margin: 10px 0
}
#VDImages .imgholder {
	float: left;
	margin: 10px 40px 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: 700px
}

#priceContainer {height: auto; position: relative; float: left; display:block;}

#VDStatus {
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #eee;
	text-align: left;
	margin: 5px 0;
	padding: 5px 0
}
#VDPricetwo {
	font-size: 38px;
	color: #df4231;
	width: 700px;	
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 5px 0;
	margin: 0
}
#VDWasNow {
	text-align: center;
	border-bottom: 1px dotted #666666;
	margin: 5px 30px 5px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}
#VDWasNow .VDWasPrice {
	color: #666666;
	margin-right: 10px;
}
#VDWasNow .VDNowPrice {
	color: #cc0000;
	font-size: 24px;
	font-weight: bold;
}
#VDAlt {
	text-align: left;
	font-size: 12px;
	margin: 5px 0;
}
#VDAlt a {
	color: #cc0000;
	text-decoration: none;
	padding: 5px 0;
}
#VDAlt a:hover {
	color: #000099;
	border-bottom: 1px dotted #000099;
}
#VDFinDetails {
	border-top: 1px solid #eee;
}
#VDFinDetails p {
	font-size: 10px;
	text-align: left;
	margin: 10px 5px;
}

#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;
}
#VDSimLink {
	overflow: hidden;
	width: 700px;
	padding: 0 0 15px 0;
}
#VDSimLink h2 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	padding: 10px 0 5px 0;
	margin:  0 20px 10px 20px;
	border-bottom: 1px dotted #666666;
	text-indent: 10px;
}
#VDSimLink ul {
	padding: 0 0 10px 25px;
}
#VDSimLink ul li {
	float: left;
	list-style-type: none;
	display:block;
	width: 100%;

}
#VDSimLink ul li a {
	display: block;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	border-bottom: 1px dotted #999999;
	text-indent: 10px;
}
#VDSimLink ul li a:hover {
	color: #cc0000;
	border-bottom: 1px solid #cc0000;
}


.cwVDFinanceLink {color:#fff99c; border: solid 1px #fff99c;padding:10px;background-color:#3b7800;width:300px;font-size:12px;}
.cwVDFinanceLink a{color:#fff;text-decoration:none;}
.cwVDFinanceLink a:hover{color:#fff99c;text-decoration:none;}



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

ul#features-list		{ margin: 15px 0; padding: 15px 5px; width: 690px; overflow: hidden; background: #2560a1}
ul#features-list p {margin: 15px}
ul#features-list li		{ margin: 0; padding: 2px 0 2px 40px; float: left; width: 40%; color: #eee; list-style: none outside; background: url(../images/whiteBullet.gif) 25px 8px no-repeat}

ul.vd-buttons			{ margin: 15px 0 15px 0; width: 680px; overflow: hidden}
ul.vd-buttons li 		{ display: block; float: left; height: 26px; line-height: 26px; padding: 0; margin: 0 3px 0 0; background: none}
ul.vd-buttons li a		{ display: block; float: left; height: 25px; line-height: 25px; padding: 0 23px; background: #292929; color: #fff; font-size: 10px; font-weight: normal; text-transform: uppercase}

ul.vd-buttons li a:hover {color: #fff; background: #df4231; text-decoration: none}

#VDMainImage			{ float: left; width: 400px; height: 300px; overflow: hidden;}

#content 				{ width: 270px; float: right }
#VDONEimwrap			{ overflow: auto; width:270px; height: 300px; float: right }
#VDONEimwrap ul			{ list-style: none; margin: 0; padding: 0; }
#VDONEimwrap li			{ float: left; display: block; margin: 0; padding:0 7px 7px 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; }


ul#vehicle-info {margin: 20px 0 10px 0; padding: 15px 5px; background: #dbdbdb; overflow: hidden}
ul#vehicle-info li {float: left; width: 300px; margin: 0; padding: 3px 0 3px 40px; background: url(../images/blueBullet.gif) 27px 9px no-repeat; list-style: none outside}


/* ___________________________________________ 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}
#VDthumbs ul li a {display: block; width: 104px; height: 78px; border: 1px solid #000}
#VDthumbs ul li a:hover {border-color: #fff}

#mainImg {margin-left: 160px;}
#mainImg img {border: 1px solid #000}



/******* 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 			{margin: 0; padding: 0}
#VDSimLink ul li 		{background: none; margin: 0; padding: 5px 0 0 0}
#VDSimLink ul li a 		{margin: 0; padding: 0; border: 4px solid #2e2e2e; background: #2e2e2e; text-decoration: none; text-indent: 0; color: #fff; overflow: hidden}
#VDSimLink ul li a:hover {text-decoration: none; border: 4px solid #1e1e1e; background: #1e1e1e; color: #fff}
#VDSimLink ul li span.SimCar {display: block; height: 90px; line-height: 90px}


.SimCar {width:100%; overflow: hidden; cursor: pointer}

#VDSimLink ul li a img {float: left; display: block; height: 90px; cursor: pointer;}


.SimCarImage {float: left; display: block; height: 90px; width: 20%; cursor: pointer; background: url(../images/nopicavail_120_90.jpg) 0 0 no-repeat}
.SimMake {float: left; display: block; width: 60%; padding: 32px 0 0 20px; cursor: pointer; font-size: 14px; line-height: 1.6; font-weight: bold}
.SimPrice {float: left; display: block; width: 10%; padding: 32px 0 0 30px; cursor: pointer; color: #888; text-align: right; font-size: 14px; font-weight: bold}


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


#vehicleDetailsBox {background: #eee; padding: 10px; margin: 10px 0 20px 0}
#vehicleDetailsBox p {margin: 10px}

ul.VDbuts {margin: 0; padding: 0;}
ul.VDbuts li {margin: 0; padding: 0 2px 0 0; display: block; float:left; height: 25px; list-style: none outside}
ul.VDbuts li a {margin: 0; padding: 0 20px; color: #fff; background: #2560a1; display: block; float:left; height: 25px; line-height: 25px; text-align: center; font-size: 11px;}
ul.VDbuts li a:hover {background: #333}

.vdHeading {margin-left: 0}

#disclaimer p {	font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				margin-left: 5px;
			}

/*________________________ TECH SPEC STYLES __________________________*/

#vdTechContainer h2 {margin: 20px 0 0 0;}
ul.tabs-2 {width: 700px; height: 30px; margin: 20px 0; padding: 0}
ul.tabs-2 li {float: left; display: block; height: 40px; line-height: 40px; padding: 0 30px; list-style: none outside; margin: 0; padding: 0 5px 0 0; background: none; width:170px}
ul.tabs-2 li a {display: block; padding: 0 15px; text-decoration: none; color: #666666; font-weight:bold; font-size: 10px; background: url(../images/tech-tab.jpg) center top no-repeat;}
ul.tabs-2 li a:hover {color: #ffffff; background: url(../images/tech-tab.jpg) center center no-repeat;}

html ul.tabs-2 li.active a {	color: #FFF;background: url(../images/tech-tab.jpg) center bottom no-repeat;}
html ul.tabs-2 li.active a:hover { color:#FFF;background: url(../images/tech-tab.jpg) center bottom no-repeat;}

.tab_container-2 {
	clear: both;
	float: left; 
	width: 100%;
	margin: 0 0 20px 0;
	color: #fff;
	border: 1px solid #dddddd;
	background: #f5f5f5
}

.tab_content {padding: 0 0 20px 0}