/*
    anythingSlider v1.0
    Adapted for Joomla template use by www.pure-joomla.com
	Original Credits:
    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 li, .anythingSlider_thin li {padding:0;margin:0;text-indent:0;background:none;}
.anythingSlider ul, .anythingSlider_thin ul {padding:0;text-indent:0;margin:0;}


.anythingSlider                         { width: 562px; height: 360px; position: relative; margin: 0 auto 15px; background:none; }
.anythingSlider_thin                         { /*FIRST*/width: 362px; height: 410px; position: relative; margin: 0 auto 15px; background:none;}

.anythingSlider .wrapperas               { width: 480px; overflow: auto; height: 341px; margin: 0 40px; position: absolute; top: 0; left: 0; }

.anythingSlider_thin .wrapperas                { /*SECOND*/width: 280px; overflow: auto; height: 341px; margin: 0 40px; position: absolute; top: 20px; left: 0; }

.anythingSlider .wrapperas ul, .anythingSlider_thin .wrapperas ul               { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; background: none; margin: 0; }
.anythingSlider ul li                      { display: block; float: left; padding: 0; height: 317px; width: 480px; margin: 0; }
 .anythingSlider_thin ul li                   { display: block; float: left; padding: 0; height: 317px; /*THIRD AND LAST*/ width: 280px; margin: 0; }


.anythingSlider .arrow , .anythingSlider_thin .arrow                 { display: block; height: 200px; width:100px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward , .anythingSlider_thin .forward                  { background-position: 0 0; right: -18px; }
.anythingSlider .back, .anythingSlider_thin .back                   { background-position: -100px 0; left: -20px; }
.anythingSlider .forward:hover, .anythingSlider_thin .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover  , .anythingSlider_thin .back:hover            { background-position: -100px -200px; }

#thumbNav                               { position: relative; top: 348px; text-align: left; padding-left:20px; }
#thumbNav a                             { color: black; font: 28px Georgia, Serif; display: inline-block; padding: 6px 0px; height: 50px; width:50px;margin: 0 5px 0 0; background: url(../images/slider-inactive1.png) no-repeat; text-align: center;}
#thumbNav a:hover                       { background: url(../images/slider-active1.png) no-repeat; color:#fff;}
#thumbNav a.cur                         { background: url(../images/slider-active1.png) no-repeat; color: #fff; }

#start-stop                             { font: 28px Georgia, Serif; display: inline-block; padding: 6px 0px; height: 50px; width:50px;margin: 0 5px 0 0; background: none; text-align: center; position: absolute; right: 20px; top: 348px; color:#333;  }
#start-stop.playing                     {  }
#start-stop:hover                       { background-image: none; }
.anythingSlider_thin #start-stop {color:#333;}

/*
  Prevents
*/
.anythingSlider .wrapperas ul ul, .anythingSlider_thin .wrapperas ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapperas ul ul li, .anythingSlider_thin .wrapperas ul ul li       { float: none; height: auto; width: auto; background: none; }

.anythingSlider ul ul.checklist li {margin-left: 3px;padding: 0px 0 5px 30px;background: url(../images/accents/check.png) no-repeat 0px 0px; }
ul.checklist ul li {background:url(../images/indent2.png) no-repeat 0 3px;padding:0 0 2px 8px;}
