.anythingSlider {
width : 1020px;
height : 405px;
position : relative;
margin : 0 auto 15px;
}
.anythingSlider .wrapper {
width : 940px;
overflow : auto;
height : 405px;
margin : 0 40px;
position : absolute;
top : 0;
left : 0;
}
.anythingSlider .wrapper ul {
width : 9999px;
list-style : none;
position : absolute;
top : 0;
left : 0;
margin : 0;
}
.anythingSlider ul li {
display : block;
float : left;
padding : 0;
height : 317px;
width : 940px;
margin : 0;
}
.anythingSlider .arrow {
display : block;
height : 200px;
width : 67px;
background : url(../images/arrows.png) no-repeat 0 0;
text-indent : -9999px;
position : absolute;
top : 65px;
cursor : pointer;
}
.anythingSlider .forward {
background-position : 0 0;
right : -40px;
}
.anythingSlider .back {
background-position : -67px 0;
left : -40px;
}
.anythingSlider .forward:hover {
background-position : 0 -200px;
}
.anythingSlider .back:hover {
background-position : -67px -200px;
}
#thumbNav {
position : relative;
top : 323px;
text-align : center;
}
#thumbNav a {
color : black;
display : inline-block;
padding : 2px 8px;
height : 18px;
margin : 0 5px 0 0;
background : #c58b04 url(../images/cellshade.png) repeat-x;
text-align : center;
}
#thumbNav a:hover {
background-image : none;
}
#thumbNav a.cur {
background : #e0a213;
}
#start-stop {
background : #2dc9f9;
background-repeat : no-repeat;
color : black;
padding : 2px 5px;
width : 40px;
text-align : center;
position : absolute;
right : 45px;
top : 390px;
}
#start-stop.playing {
background-color : white;
}
#start-stop:hover {
background-image : none;
}
.anythingSlider .wrapper ul ul {
position : static;
margin : 0;
background : none;
overflow : visible;
width : auto;
border : 0;
}
.anythingSlider .wrapper ul ul li {
float : none;
height : auto;
width : auto;
background : none;
}