/*
    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: 514px; height: 75px; position: relative; margin: 0 auto 0px; padding: 0; }
.anythingSlider .wrapper                { width: 514px; overflow: hidden; height: 75px; margin: 0 0px; padding: 0; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; padding: 0; top: 0; left: 0; /*  border-top: 3px solid #e0a213; border-bottom: 3px solid #e0a213;  */ margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 75px; width: 514px!important; margin: 0; padding: 0; }

.anythingSlider .arrow                  { display: block; border: 0px red solid; height: 30px; width: 36px; position: absolute; top: 17px; left: -40px; }
.anythingSlider .forward                { background: url(../images/core/icons/arrow-right.png); cursor: pointer; left: 514px; border-left: 0px black solid; }
.anythingSlider .back                   { background: url(../images/core/icons/arrow-left.png); cursor: pointer; border-right: 0px black solid; }

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

@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0)
{ 
.anythingSlider .forward,
.anythingSlider .back,
#start-stop,                             
#start-stop.playing,                     
#start-stop:hover                    	{ display:none;}
}

/* 2 */
.anythingSlider2                         { width: 180px; height: 400px; position: relative; margin: 0 auto 0px; padding: 0; }
.anythingSlider2 .wrapper2                { width: 180px; overflow: hidden; height: 400px; margin: 0 0px; padding: 0; position: absolute; top: 0; left: 0; }
.anythingSlider2 .wrapper2 ul.slide             { width: 99999px; list-style: none; position: absolute; padding: 0; top: 0; left: 0; /*  border-top: 3px solid #e0a213; border-bottom: 3px solid #e0a213;  */ margin: 0; }
.anythingSlider2 ul.slide li.slide_li            { display: block; float: left; padding: 0; height: 400px; width: 180px!important; margin: 0; padding: 0; }

.anythingSlider2 .arrow                  { display: block; border: 0px red solid; height: 28px; width: 36px; position: absolute; bottom: -31px; left: 49px; }
.anythingSlider2 .forward                { background: url(../images/core/icons/arrow-right.png); cursor: pointer; left: 90px; border-left: 0px black solid; }
.anythingSlider2 .back                   { background: url(../images/core/icons/arrow-left.png); cursor: pointer; border-right: 0px black solid; }

/*
  Prevents
.anythingSlider2 .wrapper2 ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider2 .wrapper2 ul ul li       { float: none; height: auto; width: auto; background: none; }
*/

@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0)
{ 
.anythingSlider2 .forward,
.anythingSlider2 .back,
#start-stop,                             
#start-stop.playing,                     
#start-stop:hover                    	{ display:none;}
}






