#slidesWrapper {
width:470px;
position:relative;
margin-right: 20px;
}

#slides {
position:relative;
}

#slides .slidesContainer {
background:#fff;
border:8px solid #fff;
margin-left:-8px;
box-shadow: 0 2.5px 5px rgba(0,0,0,.6);
}

/*
Next/prev buttons
*/

#slides .slidesNext,#slides .slidesPrevious {
position:absolute;
top:134px;
left:-40px;
width:24px;
height:0;
padding-top:32px;
display:block;
z-index:101;
overflow:hidden;
background:url(<%= image_path 'slides/navigation-previous.png' %>) no-repeat 0 0;
}

#slides .slidesNext {
left:488px;
background:url(<%= image_path 'slides/navigation-next.png' %>) no-repeat 0 0;
}

/*
Pagination
*/

.slidesPagination {
margin-top: 10px;
position: relative;
width: 100px;
margin-left: auto;
margin-right: auto;
}

.slidesPagination li {
float:left;
margin:0 1px;
list-style:none;
}

.slidesPagination li a {
display:block;
width:14px;
height:0;
padding-top:14px;
background-image:url(<%= image_path 'slides/pagination.png' %>);
background-position:0 0;
overflow:hidden;
}

.slidesPagination li.slidesCurrent a {
background-position:0 -14px;
}

.current_slide {
font:bold 10px/1.33 sans-serif;
float:left;
margin-top:12px;
}

.controls {
display:block;
margin-top:12px;
float:left;
color:#333;
font:bold 10px/1.33 sans-serif;
margin-right:10px;
}