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


.anythingFader							{ width: 670px; overflow:hidden;height: 300px; position: relative; margin: 0;  float:left; margin-top:20px; margin-bottom:10px; background: url('../images/slideanywhere-bg.jpg') 0 162px no-repeat; }
.anythingFader .wrapper				{ width: 670px; overflow: hidden; height: 285px; margin: 0px; position: absolute; top: 0; left: 0; background:none;}
.anythingFader .wrapper ul				{ width: 99999px; list-style: none; top: 0; left: 0; margin: 0; }
.anythingFader ul li					{ z-index:-1; display: block; float: left; padding: 0; height: 285px; width: 670px; margin: 0; }
.anythingFader ul li img				{ z-index:-1; }
.anythingFader ul li p					{position:absolute; top:173px; margin-left:120px; color:#9a7c3e; font:italic 20px Times New Roman; width:200px;}
.anythingFader ul li p:first-letter		{ font:italic 25px Times New Roman; }
.thumbs img								{ border: 1px solid #999; }
.product-slide							{ float:right; }
.anythingFader .arrow, 
.anythingFader .back:hover, 
.anythingFader .forward, 
.anythingFader .back, 
.anythingFader .forward:hover			{ display: none; }


#thumbNav								{ position:absolute; top:180px; text-align: center; margin-left:35px; }
#thumbNav a								{ color: black; font: 11px/18px Georgia, Serif; display: block; float:left; height: 14px; width:13px;margin: 0 5px 0 0; background: url(../images/slider-buttons.gif) no-repeat; text-align: center; background-position: -39px 0px; text-indent:-99px; overflow:hidden; }
#thumbNav a.cur							{ background-position: -13px 0px ; }

#start-stop								{ background: url(../images/slider-buttons.gif) no-repeat; background-position: -26px 0px ; height: 14px; width: 13px; text-align: center; position: absolute; left: 15px; top:180px; text-indent:-99px; overflow:hidden; }
#start-stop.playing						{ background-position: 0 0; }
.from-circle							{ z-index:999; position:absolute; bottom:40px; right:0; }
/*
  Prevents
*/
.anythingFader .wrapper ul ul			{ position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingFader .wrapper ul ul li		{ float: none; height: auto; width: auto; background: none; }
#slider, #thumbs						{display:none; }

.anythingFader2							{ width: 100px; overflow:hidden; height: 89px; position: relative; margin: 0;  float:right; left:29px;margin-top:20px; margin-bottom:10px; }
.anythingFader2 .wrapper				{ width: 100px; overflow:hidden; height: 89px; margin: 0px; position: absolute; top: 0; left: 0; background:none;}
.anythingFader2 .wrapper ul				{ width: 99999px; list-style: none; top: 0; left: 0; margin: 0;}
.anythingFader2 ul li					{ z-index:-1; display: block; float: left; padding: 0; height: 89px; width: 100px; margin: 0; }
.product-slide							{ float:right; }
.anythingFader2 .arrow, 
.anythingFader2 .back:hover, 
.anythingFader2 .forward, 
.anythingFader2 .back, 
.anythingFader2 .forward:hover			{ display: none; }
.anythingFader2 .wrapper ul ul			{ position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingFader2 .wrapper ul ul li		{ float: none; height: auto; width: auto; background: none; }
