#viewwrap {
	float:left;
	width:857px;
	height:auto;
	margin:10px 0 0 15px;
	min-height: 600px;
	}


#viewtrail {
	float:left;
	width:767px;
	height:40px;
	padding-left: 80px;
	}
#googleRedCar {
	background-image: url(../graphics/googleBanner.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	width: 847px;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	float: left;
}

	
	#viewtrail h1{
	font-size:16px;
	}
	
	
	#viewtrail h1 span {
	color:#FF0000;
	}
/*Vehicle Details*/
	
#vehicle {
position:relative;
	float:left;
	width:651px;
	height:424px;
	background: url(../graphics/view_vehicle.gif) left top no-repeat;
	}

#photo {
	float:left;
	width:276px;
	height:362px;
	margin:19px 0 0 30px;
	padding:6px 0 0 6px;

	}
	
#photobutton {
	float:left;
	width:270px;
	height:37px;
	margin:8px 0 0 0;
	}
	
#spec {
position:relative;
	float:left;
	width:277px;
	height:365px;
	margin:19px 0 0 28px;
	padding:3px 0 0 5px;
	border:0;
	}
	
.spec1 {
	float:left;
	width:81px;
	height:19px;
	margin-bottom:5px;
	padding:5px 0 0 10px;
	background: url(../graphics/spec1.gif) left top no-repeat;
	font-size:12px;
	color:#606060;
	}
	
.spec2 {
	float:left;
	width:164px;
	height:19px;
	margin:0 0 5px 7px;
	padding:5px 0 0 10px;
	background: url(../graphics/spec2.gif) left top no-repeat;
	font-size:12px;
	color:#606060;
	overflow:hidden;
	}
	
#price1 {
	position:absolute;
	width:81px;
	height:19px;
	top:554px;
	left:419px;
	padding:5px 0 0 10px;
	background: url(../graphics/spec1.gif) left top no-repeat;
	font-size:12px;
	color:#606060;
	font-weight:bold;
	z-index:101;
	}
	
#price2 {
	position:absolute;
	width:164px;
	height:19px;
	top:554px;
	left:517px;
	padding:5px 0 0 10px;
	background: url(../graphics/spec2.gif) left top no-repeat;
	font-size:12px;
	color:#606060;
	font-weight:bold;
	z-index:100;
	}

#additionaltext {
	float:left;
	width:595px;
	height:115px;
	margin:20px 0 0 23px;
	padding:0 0 0 0;
	border:1px solid #e3e1e1;
	background-color:#f2f2f2;
	}

/*DS Links*/
	
#buttons {
	float:left;
	margin-left:5px;
	width:180px;
	height:407px;
	padding:15px 0 0 13px;
	background: url(../graphics/view_buttons.gif) left top no-repeat;
	}

#buttons ul {
    margin: 0;
    list-style-type: none;
	}

#buttons a {
    margin: 0;
    list-style-type: none;
	margin-bottom:4px;
	}
	
/*Bullet Points*/

.bullets {
	float:left;
	width:857px;
	height:190px;
	margin:0 0 0 0;
	background: url(../graphics/view_sim_bg.gif) left top no-repeat;
	font-size:10px;
	}
	
/*Contact Details*/

#viewcontact {
position:relative;
	float:left;
	width:264px;
	height:170px;
	padding:10px 10px 10px 12px;
	margin:0 0 0 0;
	background: url(../graphics/view_contact.gif) left top no-repeat;
	font-size:12px
	}
	
	
	#viewphone {
	position:absolute;
	top:153px;
	width: 262px;
	height: 25px;
	font-size:16px;
	font-weight:bolder;
	left: 14px;
	}
/*Map*/

#viewmap {
	float:left;
	width:542px;
	height:170px;
	padding:10px;
	margin:0 0 0 2px;
	font-size:10px;
	background: url(../graphics/view_map.gif) left top no-repeat;
	}

/*Slideshow*/

#slideshow { width: 270px; position:relative; }  /* container for the full size image */
#slideshowplaypause { float: left; padding: 1px; margin-bottom: 1px; width:62px; height: 47px; display:none; }
.slideshowframe { float:left; margin-top:5px; margin-left:5px; width:60px; height:45px; padding: 1px; margin-bottom: 1px; z-index:103;}
.slideshowpic { border-color: #ffffff; border-style: solid; border-width: 0px; cursor: pointer; }
#slidelogo { float: left; padding: 1px; width:60px; height: 47px; font-family: arial; font-size: 9px; text-decoration: none; display:none; }
#slideshowlarge { width: 270px; } 


#slide0 {
position:absolute;
top:253px;
left:0px;
}

#slide1 {
position:absolute;
top:253px;
left:70px;
}
#slide2 {
position:absolute;
top:253px;
left:135px;
}
#slide3 {
position:absolute;
top:253px;
left:200px;
}
#slide4 {
position:absolute;
top:300px;
left:0px;
}
#slide5 {
position:absolute;
top:300px;
left:70px;
}
#slide6 {
position:absolute;
top:300px;
left:135px;
}
#slide7 {
position:absolute;
top:300px;
left:200px;
}

#seal {
width:139px;
height:136px;
position:absolute;
top:-27px;
left:-35px;
background:url(../graphics/buy-now.png) top left no-repeat;
z-index:9000;
}

#prevcar a {
width:50px;
height:42px;
display:block;
background:url(file:///Z|/graphics/view-pre.gif) top left no-repeat;
position:absolute;
top:323px;
left:170px;
}
#nextcar a {
width:50px;
height:42px;
display:block;
background:url(file:///Z|/graphics/view-next.gif) top left no-repeat;
position:absolute;
top:323px;
left:225px;
}


#nextcar a span, #prevcar a span {
display:none;
}



#eco {
position:relative;
	float:left;
	width:847px;
	height:110px;
	margin:6px 0 0 0px;
	background: url(../graphics/eco.gif) left top no-repeat;

	}
	
	#eco-co2 {
	position:absolute;
	top:55px;
	left:53px;
	font-size:16px;
	font-weight:bolder;
	width: 70;
	}
	
		#eco-insurance{
	position:absolute;
	top:55px;
	left:293px;
	font-size:16px;
	font-weight:bolder;
	width: 60;
	}
	
		#eco-mpg {
	position:absolute;
	top:55px;
	left:400px;
	font-size:16px;
	font-weight:bolder;
	width: 60;
	}
	
			#eco-tax {
	position:absolute;
	top:55px;
	left:548px;
	font-size:16px;
	font-weight:bolder;
	width: 60;
	}
	/*Similar Vehicles*/
.sim {
	float:left;
	width:837px;
	height:160px;
	padding:10px;
	padding-top:20px;
	margin:0;
	background: url(../graphics/view_sim_bg.gif) left top no-repeat;
	}
#similar-vehicles {
	float:left;
	width:720px;
	height:149px;
	padding:37px 0 0 133px;
	margin-top:10px;
	background:url(graphics/similar-vehicles.gif) left top no-repeat;
	color:#232323;
	}
	
#similar-vehicles span {
	color:#1570c4;
	font-weight:bold;
	}
	
#similarvehicleshdr {
	display:none;
	}
	
#similarvehicles { /*wrapped round all the html*/
	float:left;
	height:120px;
	}
	
.similaradvert { /*wrapped round each similar vehicle */
	float:left;
	width:160px;
	display:block;
	margin-left:15px;
	}
	
.similarphoto { /*wrapped round the vehicle image*/
	width:160px;
	height:120px;
	float:left;
	}
	
.similarprice { /*wrapped round the vehicle price*/
	display:none;
	}
	
.similartext { /*wrapped round the Make and Make*/
	width:160px;
	text-align:center;
	float:left;
	}
	
	.similartext a { /*wrapped round the Make and Make*/
	width:160px;
	display:block;
	background-color:#000000;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	float:left;
	}
	.similartext a:hover {
	background-color:#FFFFFF;
	color:#000000;
	}
	
.similarmoreinfo {  /*wrapped round the more info link */
	display:none;
	}

.similarmore {
	display:none;
	}
	
	
	/* star rating code - use lists because its more semantic */
/* No javascript required */
/* all the stars are contained in one matrix to solve rollover problems with delay */
/* the background position is just shifted to reveal the correct image. */
/* the images are 16px by 16px and the background position will be shifted in negative 16px increments */
/*  key:  B=Blank : O=Orange : G = Green * /
/*..... The Matrix ....... */
/* colours ....Background position */
/* B B B B B - (0 0)*/
/* G B B B B - (0 -16px)*/
/* G G B B B - (0 -32px)*/
/* G G G B B - (0 -48px)*/
/* G G G G B - (0 -64px)*/
/* G G G G G - (0 -80px)*/
/* O B B B B - (0 -96px)*/
/* O O B B B - (0 -112px)*/
/* O O O B B - (0 -128px)*/
/* O O O O B - (0 -144px)*/
/* O O O O O - (0 -160px)*/
 
 
/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating{
	width:80px;
	height:16px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(/graphics/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}

#whatsthis {
width:30px;
float:left;
}
/*ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(/graphics/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}*/
/* end rating code */