
.spyDave {
	width: 321px;
	margin: 10px 0;
	padding: 10px 0;
	height: 345px; /* This needs to be calculated based on margins on the LI's and the UL, etc and will change with the number of cars... */
	background: url(../images/spyBack.jpg) 0 0 no-repeat;
	overflow: hidden
}


.spyWrapper {	
	display: block;
	z-index: 1;
	width: 321px;
}
#spyholder {
	margin: 0;
	padding: 0;

}
#sidebar {
	color: #999999;
	float:left;
	width:321px;
	overflow:hidden;
	height: 365px; /* This needs to be calculated based on margins on the LI's and the UL, etc and will change with the number of cars... */
}

#sidebar ul {
    list-style-type:none;
    position:relative;
	margin: 0 0 0 14px;
	padding: 0;
}
#sidebar li {
    height: 86px;
    overflow: hidden;
	padding: 0;
	margin: 0;
	position: relative;
	float: left;
	clear: left;
	width: 100%;
}

#sidebar li a img {
	float: left;
	margin: 5px 0 0 5px;
}
#sidebar li a {
	width: 100%;
	display: block;
	background: url(../images/spyCarBack.jpg) 0 0 no-repeat;	
	height: 86px;
}
#sidebar li p.vertvehicledesc {
	text-indent: 10px;
	height: 20px;
	line-height: 19px;
}
#sidebar li p.vertprice {
	font-weight: bold;
	border-top: 1px solid #000000;
	height: 20px;
	line-height: 19px;
	text-indent: 10px;
}
#sidebar li .vertspylink {

}
#sidebar li a:hover.vertspylink {
		
}

/* --------------------------------------------- */

.spanny {}

div.spyWrapper {height: 365px; width: 321px; overflow: hidden}
div.spyWrapper ul.spy {height: 365px; padding: 0; margin: 0;}
div.spyWrapper ul.spy li {
	margin: 0; 
	padding: 0; 	
	width: 100%;
	display: block;
	background: url(../images/spyCarBack.jpg) 0 0 no-repeat;	
	height: 86px;
}
div.spyWrapper ul.spy li a {
	width: 100%;
	display: block;
	height:86px;
	overflow: hidden
}
div.spyWrapper ul.spy li a img {margin: 5px 0 0 5px}

div.spyWrapper ul.spy li a span.spyMakeModel 	{display: block; width: 180px; text-indent: 12px; font-size: 14px; font-weight: bold; color: #a8a8a8; float: left; margin-top: 7px}
div.spyWrapper ul.spy li a span.spyRegYear 		{display: block; width: 180px; text-indent: 12px; font-size: 12px; font-weight: normal; color: #a8a8a8; float: left}
div.spyWrapper ul.spy li a span.spyDetails 		{display: block; width: 180px; text-indent: 12px; font-size: 11px; font-weight: normal; color: #c20807; padding: 2px 0 2px 19px; float: left; font-weight: bold; background: url(../images/viewDetailsArrow.gif) 12px 50% no-repeat}


