#container {
width : 920px;
position : relative;
z-index : 0;
margin-bottom : 10px;
padding-right : 12px;
padding-left : 12px;
height : 300px;
}
#frame {
position : absolute;
z-index : 0;
height : 300px;
top : -10px;
left : -28px;
}
#example {
width : 920px;
height : 300px;
position : relative;
}
#slides {
position : absolute;
top : 0;
left : 0;
z-index : 100;
}
.slides_container {
width : 884px;
height : 250px;
overflow : hidden;
position : relative;
display : none;
z-index : 1;
left : 20px;
}
#slides .slide {
padding : 20px;
width : 840px;
height : 200px;
display : block;
}
#slides .next, #slides .prev {
position : absolute;
top : 67px;
left : -4px;
width : 45px;
height : 95px;
display : block;
z-index : 1000;
}
#slides .next {
left : 883px;
z-index : 1000;
}
#slides .prev {
background-image : url(../images/arrows-metallic.png);
background-position : left bottom;
}
#slides .prev:hover {
background-image : url(../images/arrows-metallic.png);
background-position : left top;
}
#slides .next {
background-image : url(../images/arrows-metallic.png);
background-position : right bottom;
}
#slides .next:hover {
background-image : url(../images/arrows-metallic.png);
background-position : right top;
}
.pagination {
width : 100px;
margin-top : 15px;
margin-right : auto;
margin-bottom : 0;
margin-left : auto;
}
.pagination li {
float : left;
margin : 0 1px;
list-style : none;
}
.pagination li a {
display : block;
width : 12px;
height : 0;
padding-top : 12px;
background-image : url(../img/pagination.png);
background-position : 0 0;
float : left;
overflow : hidden;
}
.pagination li.current a {
background-position : 0 -12px;
}
#slides .link {
display : block;
margin-top : 10px;
font-weight : 800;
}
p .right {
text-align : right;
}