/*
Slides container
Important:
Set the width of your slides container
Set to display none, prevents content flash
*/
#slides {clear:both;}

.prev, .next {position:absolute; margin-top:90px; z-index:100;}
.prev a, .next a {display:block; width:42px; height:42px; background-image:url('../images/prev_next.png'); background-repeat:no-repeat;}
.prev a {background-position:0 0;}
.next a {background-position:-44px 0;}
.prev a:hover {background-position:0 -44px !important;}
.next a:hover {background-position:-44px -44px !important;}

.prev {margin-left:5px}
.next {margin-left:953px;}

.slides_container {width:990px; display:none; margin-left:5px;}

/*buttons*/
/*.btns {height:42px !important; width:42px !important; font-size:12px; font-weight:bold; text-align:center; background:url('../images/prev_next.png') 0 0 no-repeat;}
.btns a span {display:block; margin-top:4px}
.btns a {display:block; color:#dddfdf; text-decoration:none; padding:10px 2px;} /*width:156px; height:31px;
.btns a:hover {color:white}*/

/*
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 {width:958px; height:228px; display:block;}

/*
Optional:
Reset list default style
*/
.pagination {list-style:none; margin:0; padding:0;}
/*
Optional:
Show the current slide in the pagination
*/
.pagination .current a {color:red;}