/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

*{
margin: 0; padding: 0; 
}

#page-wrap   {
background:transparent url(images/slide-left.png) no-repeat scroll 0 0;
margin:0 auto;
position:relative;
width:808px;
}

.anythingSlider {
height:337px;
margin:0;
position:relative;
width:803px;
}

.anythingSlider .wrapper  {
height:337px;
left:0;
margin:0 0 0 56px;
overflow:auto;
position:absolute;
top:0;
width:745px;
}

/* Width below is max for Opera */
.anythingSlider .wrapper ul {
background:#EEEEEE none repeat scroll 0 0;
height:337px;
left:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
position:absolute;
top:0;
width:32700px;
}

.anythingSlider ul li { 
display:block;
float:left;
height:337px;
margin:0;
padding:0;
width:748px;
}

#thumbNav {
left:16px;
position:relative;
text-align:center;
top:212px;
width:24px;
}

#thumbNav a   { 
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
background:#D70100 url(images/inactive.png) repeat-x scroll 0 0;
color:#FFFFFF;
display:inline-block;
font-family:Arial;
font-size:14px;
font-weight:bold;
height:20px;
margin:0 0 3px;
padding:3px 8px;
text-align:center;
text-decoration:none;
}

#thumbNav a:hover {
background: #D70100 url(images/active.png) repeat-x;
color: #e71820;
}

#thumbNav a.cur { 
background: #D70100 url(images/active.png) repeat-x;
color: #e71820;
}

a#start-stop {
background:transparent url(images/play.png) no-repeat scroll 0 0;
color:white;
height:20px;
left:16px;
padding:2px 5px;
position:absolute;
text-align:center;
top:183px;
width:14px;
}

a#start-stop:hover{
background:transparent url(images/play.png) no-repeat scroll 0 0;
}

a.playing   {
background:transparent url(images/stop.png) no-repeat scroll 0 0 !important;
}