#sideBar {
	color: #999999;
	background: none;
	width:230px;
	margin: 0;
	overflow: hidden;
	height: 245px; /* 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 * {
	margin: 0px;
	padding: 0px;
	outline: none;
}

#sideBar skyWrapper {
	height: auto;
}

#sideBar ul {
    list-style-type:none;
	padding: 0px;
	position: relative;
	overflow: hidden;
}

#sideBar li {
    height: 95px;
    overflow: hidden;
	padding: 0px;
	display: block;
	margin: 0px;
	list-style: none;
	width: 230px;
	float: left;
	margin-bottom: 6px;
	position: relative;
}

/*
a.spylnk		{ width: 230px; height: 95px; display: block; position: absolute; z-index: 40; background: url(../images/latest-stock-overlay.png) center top no-repeat; top: 0; left: 0; text-indent: -9999px; overflow: hidden; }
a.spylnk:hover	{ background-position: bottom; }
*/

.spyimg			{ width: 230px; position: absolute; top: -40px; left: 0; z-index: 30; }

p.spyMakeMod	{ position: absolute; z-index: 50; top: 8px; left: 10px; width: 100px; font-size: 12px; color: #000000; font-weight: bold; }

p.spyPrice		{ position: absolute; z-index: 50; top: 8px; right: 10px; width: 100px; font-size: 12px; color: #cc0000; font-weight: bold; text-align: right; }

a.spylnk2 {
	display: block;
	width: 240px;
	height: 89px;
	background-position: 0px -40px !important;
}

a.spylnk2 .spyimg2 {
	display: block;
	width: 230px;
	height: 95px;
	background: url('../images/latest-stock-overlay.png') center top no-repeat;
	text-indent: -9999px;
}

a.spylnk2 .spyimg2:hover {
	background-position: bottom;
}