/*
    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/
*/


.anythingSlider                         { width: 300px; height: 360px; position: relative; margin: 0 auto 15px; }
.anythingSlider .wrapper                { width: 300px; overflow: auto; height: 304px; position: absolute; top: 0; left: 0; }

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0;}
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 304px; width: 300px; 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: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }


#thumbNav                               { font-size:1.1em; position: absolute; right:5px; top:10px;}
#thumbNav a                             { background-image:url(../img/new/slider_button.png); 
                                          text-decoration:none; 
                                          color: white !important; 
                                          display: inline-block; 
                                          border:1px solid #FFFFFF; 
                                          margin-right:5px; 
                                          padding:3px; 
                                          width:11px; 
                                          height: 11px; 
                                          text-align: center; 
                                          overflow:hidden;}
#thumbNav a:hover                       { background-image: none; background-color: #FFFFFF; color: black !important; }
#thumbNav a.cur                         { background-image: none; background-color: #FFFFFF; color: black !important; }

#start-stop                             { position: absolute; 
                                          top: 10px; 
                                          left:222px; 
                                          background: url(../img/new/slider_play.png); 
                                          text-decoration:none; color: black; 
                                          display: inline-block; 
                                          border:1px solid #FFFFFF; 
                                          margin-right:5px; 
                                          padding:3px; 
                                          width:11px; 
                                          height: 11px; 
                                          text-align: center;
                                          text-indent: -9999px;
                                          overflow:hidden;}
#start-stop.playing                     { background: url(../img/new/slider_pause.png); }
#start-stop:hover                       {  }

/*
  Prevents
*/
.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; }