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

	width: 636px; height: 274px;
*/
.anythingSlider                         { width: 656px; height: 294px; position: relative; margin: 0; float:left; background-color: #C4D72D; border-right: 2px solid #000000; border-left: 2px solid #000000;}
.anythingSlider .wrapper                { width: 656px; overflow: auto; height: 294px; margin: 0;/* 40px;*/ 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; background: #eee; border:0; margin: 0; }
.anythingSlider .wrapper ul li          { display: block; float: left; padding: 0; height: 294px; width: 646px; margin: 0; }

.anythingSlider .arrow                  { display: block; height: 33px; width: 17px; background: url(../images/arrowsblk.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: -140px; cursor: pointer; }

.anythingSlider .forward                { background-position: 0 0; right: 6px; z-index:1100}
.anythingSlider .back                   { background-position: -17px 0; left: 10px; z-index:1100}

.anythingSlider .forward:hover          { background-position: 0 -33px; }
.anythingSlider .back:hover             { background-position: -17px -33px; }


.thumbNav                               { position: relative; top: 270px; text-align: left; z-index:1000; padding:0 0 0 10px}
.thumbNav li                            { display: inline; }
.thumbNav a                             { color: black; font: 11px arial,helvetica; display: inline-block; padding: 2px 6px; height: 14px; margin: 0 5px 0 0; background-color: #C4D72D; text-align: center;  text-decoration:none}
.thumbNav a:hover                       { background-image: none; }
.thumbNav a.cur                         { background: black; color:white }

/*.start-stop                             { z-index: 1001; background: #C4D72D; background-repeat: repeat-x; border:1px solid black ;color: black; padding: 3px 9px;  height: 12px; width: 40px; font-size:10px; text-align: center; position: absolute; left: 140px; top: 270px; cursor:pointer;text-decoration:none}*/
.start-stop                             { z-index: 1001; background: #C4D72D; background-repeat: repeat-x; border:0; color: black; padding:0; position: absolute; left: 125px; top: 270px; cursor:pointer;text-decoration:none}

.start-stop.playing                     { background-color: #C4D72D; }
.start-stop img                     { border:0 }
.start-stop:hover                       { background-image: none; }

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

.textSlide                              { height: 294px; padding:10px; background-color: #C4D72D;}
.sliderimg								{float: left; margin: 0 10px 2px 0;}

/*/////////////////////////////////*/
.contentSlider                         { width: 401px; height: 360x; position: relative; margin: 0; float:left; background-color: #EFEFEF;}
.contentSlider .wrapper                { width: 401px; overflow: auto; height: 360px; margin: 0;/* 40px;*/ position: absolute; top: 0; left: 0; } 

                                        /* Width below is max for Opera */
.contentSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; border:0; margin: 0; }
.contentSlider .wrapper ul li          { display: block; float: left; padding: 0; height: 294px; width: 646px; margin: 0; }

.contentSlider .arrow                  { display: block; height: 33px; width: 17px; background: url(../images/arrowsblk.png) no-repeat 0 0;    cursor: pointer; }/*  position: absolute; text-indent: -9999px; top: -40px;*/

.contentSlider .forward                { background-position: 0 0;  right: 6px; z-index:1100} /*  */
.contentSlider .back                   { background-position: -17px 0; left: 10px;  z-index:1100} /*  */

/*.contentSlider .forward:hover          { background-position: 0 -33px; }
.contentSlider .back:hover             { background-position: -17px -33px; }*/


.contentSlider .thumbNav               { background-color: #EFEFEF; position: relative; top: 332px;  text-align: left; z-index:1000; padding:0 0 0 10px}
.contentSlider .thumbNav li            { display: inline;}
.contentSlider .thumbNav a             { color: black; font: 11px arial,helvetica; display: inline-block; padding: 2px 6px; height: 14px; margin: 0 5px 0 0; background-color: #FFFFFF; text-align: center;  text-decoration:none}
.contentSlider .thumbNav a:hover       { background-image: none; }
.contentSlider .thumbNav a.cur         { background: black; color:white }

/*.contentSlider .start-stop             { z-index: 1001; background: #FFFFFF; background-repeat: repeat-x; border:1px solid black ;color: black; padding: 3px 9px;  height: 12px; width: 40px; font-size:10px; text-align: center; position: absolute; left: 320px; top: 332px; cursor:pointer;text-decoration:none}*/
.contentSlider .start-stop             { z-index: 900; background: #FFFFFF; background-repeat: repeat-x; color: black; padding: 1px 9px;  height: 19px; width: 35px; font-size:10px; text-align: center; position: absolute; left: 320px; top: 330px; cursor:pointer;text-decoration:none}
.contentSlider .start-stop.playing     { background-color: #FFFFFF; }
.contentSlider .start-stop:hover       { background-image: none; }

/*
  Prevents
*/
.contentSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 2px; }
.contentSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

.ttextSlide							   { height: 360px; padding:0; background-color: #EFEFEF;}
.ssliderimg			                   { margin: 0 10px 2px 0;}
.slidertext			                   { width:395px; background-color:#EFEFEF; padding: 5px}