#slider {
	MARGIN: 0px auto; 
	WIDTH: 992px; 
	POSITION: relative;	
	height: 256px;
}
.scroll {
	CLEAR: left; 
	BACKGROUND: #ffffff; 
	OVERFLOW: hidden; 
	OVERFLOW: auto; 
	WIDTH: 792px; 
	POSITION: relative; 
	HEIGHT: 256px;
}
.scrollContainer DIV.panel {
	WIDTH: 792px; 
	HEIGHT: 256px;
	position: relative;
}
.panel p {
	color: #ffffff;
	position: absolute;
	left: 10px;
	top: 212px;
	width: 772px;
}
UL.navigation {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 200px;
}
UL.navigation LI {
	clear: left;
	float: left;
	list-style-type: none;
	width: 100%;
}
UL.navigation A {
	COLOR: #ffffff;
	TEXT-DECORATION: none;
	line-height: 30px;
	display: block;
	height: 32px;
	background: url(../images/slidenavback.jpg) no-repeat left top;
	text-indent: 46px;
	text-transform: uppercase;
}
UL.navigation span {
	COLOR: #ffffff;
	TEXT-DECORATION: none;
	line-height: 30px;
	display: block;
	height: 32px;
	background: url(../images/slidenavbackblank.jpg) no-repeat left top;
	text-indent: 46px;
	text-transform: uppercase;
}
UL.navigation A:hover {
	background: url(../images/slidenavback.jpg) no-repeat left bottom;
}
UL.navigation A.selected {
	background: url(../images/codaselected.jpg) no-repeat left top;
	text-indent: 56px;
	font-weight: bold;
	color: #ffff00;
}
UL.navigation A:focus {
	outline: none
}
.scrollButtons {
	CURSOR: pointer; POSITION: absolute; TOP: 87px;
	z-index: 10;
}
.left.scrollButtons {
	LEFT: 0px
}
.right.scrollButtons {
	RIGHT: 200px
}
.hide {
	DISPLAY: none
}
.scrollContainer h2 {
	color: #ffff00;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 18px;
	position: absolute;
	top: 182px;
	left: 10px;
	letter-spacing: 1px;
}
#one {
	background: url(../images/slidebacks/ibiza.jpg) no-repeat left top;		
}
#two {
	background: url(../images/slidebacks/leon.jpg) no-repeat left top;		
}
#three {
	background: url(../images/slidebacks/altea.jpg) no-repeat left top;		
}
#four {
	background: url(../images/slidebacks/altea-xl.jpg) no-repeat left top;		
}
#five {
	background: url(../images/slidebacks/exeo.jpg) no-repeat left top;	
}
#six {
	background: url(../images/slidebacks/exo-st.jpg) no-repeat left top;	
}
#seven {
	background: url(../images/slidebacks/alhambra.jpg) no-repeat left top;	
}
#eight {
	background: url(../images/slidebacks/freetrack.jpg) no-repeat left top;	
}
.newandused {
	height: 22px;
	position: absolute;
	top: 188px;
	right: 8px;
	z-index: 1000;
}
.newandused li {
	list-style-type: none;
	float: left;
	margin: 0 2px 0 0;
	width: 140px;
	display: block;
}
.newandused li a {
	display: block;
	float: left;
	line-height: 19px;
	color: #300;
	height: 20px;
	width: 140px;
	background: #cccccc url(../images/newandusedback.gif) no-repeat 128px center;
	text-decoration: none;
	text-indent: 8px;
	font-size: 11px;
}
.newandused li a:hover {
	background: #cc0000 url(../images/newandusedback.gif) no-repeat 128px center;
	color: #ffffff;
}




/**************************************** end coda slider styles ***********************************/