.carousel {
height:170px;
margin:0 35px;
overflow:hidden;
padding:0;
position:relative;
width:579px;


}

.carousel ul {

background:transparent none repeat scroll 0 0;
height:170px;
left:0;
margin:0 ;
padding:0;
position:absolute;
top:0;
width: 580px;
}

.carousel li {

background:transparent none repeat scroll 0 0;
display:inline;
float:left;
height:160px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
border-right:1px solid #ccc;
margin:0;
padding:0;
position:relative;
width:193px;
text-align:center;
}

.carousel .prev {
	display: block;
	width: 25px;
	height: 40px;
	position: absolute;
	top: 40px;
	left: -30px;
	background: url(carousel.nav.gif) no-repeat 0 0;
	z-index: 1;
	cursor: pointer;
	}
	
.carousel .next {
	display: block;
	width: 25px;
	height: 40px;
	position: absolute;
	top: 40px;
	right: -30px;
	background: url(carousel.nav.gif) no-repeat -25px 0;
	z-index: 1;
	cursor: pointer;
		
	}
	
.carousel .next:hover {	background-position: -25px -41px;	}
.carousel .prev:hover {	background-position: -0 -41px;	}