/*

	Load CSS before JavaScript

*/



#container {

	width:880px;

	padding:10px 20px 10px 20px;

	margin:0 auto;

	position:relative;

	z-index:0;

}

		

/*

	Slides container

	Important:

	Set the width of your slides container

	Set to display none, prevents content flash

*/

.slides_container {

	width:860px;

	height:100px;

	display:none;

	float:left;

}



/*

	Each slide

	Important:

	Set the width of your slides

	If height not specified height will be set by the slide content

	Set to display block

*/

.slides_container div.slide {

	width:860px;

	height:165px;

	display:block;

}

		

/*

	Set the size of your carousel items

*/

.item {

	float:left;

	height:160px;

	margin:0 5px;

	border:1px solid #DBDBDB;

}



.item img{

	width:150px;

	height:150px;

	margin:5px;

}

		

/*

	Optional:

	Reset list default style

*/

.pagination {

	list-style:none;

	margin:2px auto;

	width:100px;

	height:20px;

}



/*

	Optional:

	Show the current slide in the pagination

*/

.pagination .current a {

	color:red;

}

		

.pagination li {

	float:left;

	margin:2px 2px;

}



.pagination li a {

	text-decoration:none;

}



.next, .prev {

	position:absolute;

	top:70px;

	left:0;

	width:21px;

	height:0;

	padding-top:21px;

	overflow:hidden;

	display:block;

	z-index:101;

}



.prev {

	background:url(arrow-prev.png);

}

.next {

	left:890px;

	background:url(arrow-next.png);

}