/*
    anythingSlider v1.0
    
    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: 850px; height: 315px; position: relative; margin: 0px auto 0px;}
.anythingSlider .wrapper                {  width: 790px; overflow: auto; height: 315px; margin:0 30px; position: absolute; top: 0; left: 0;}
.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0;  margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 315px; width: 790px; margin: 0; position:relative;}
.anythingSlider .arrow                  { display: block; width: 30px; height:40px; position: absolute; top: 120px; cursor: pointer;}
.anythingSlider .forward                { background: url(../images/slideButtonRight.png) no-repeat 0 0; right: -9px; }
.anythingSlider .back                   { background: url(../images/slideButtonLeft.png) no-repeat 0 0; left: 2px; }
.anythingSlider .forward:hover          { background: url(../images/slideButtonRightActive.png) no-repeat 0 0;}
.anythingSlider .back:hover             { background: url(../images/slideButtonLeftActive.png) no-repeat 0 0; }

#bgsliderwrapper1{
 position:absolute; top:0px; left:38px;
}

#bgsliderwrapper2{
 position:absolute; top:0px; right:40px;
}

#thumbNav                               { position: absolute; top: 296px; left:49px; text-align: center; }
#thumbNav a                             { font-size: 9px; display: inline-block; padding-top:2px; height: 14px; width:16px; margin:0; background:url(../images/bg_slider_button.jpg) repeat-x; text-align: center; color: #ffffff; margin-right:1px;}
#thumbNav a:hover                       { /*background-image: none;*/ }
#thumbNav a.cur                         { background:url(../images/bg_slider_button_active.jpg) }

#start-stop                             { font-size: 9px; display: inline-block; padding-top:2px; height: 14px; width: 45px;  margin:0; background:url(../images/bg_slider_button.jpg) repeat-x; text-align: center; color: #ffffff; position: absolute; left: 195px; top: 296px; }
#start-stop.playing                     { }
#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; }