#slider {
   width: 508px; /* important to be same as image width */
   height: 320px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   float:left;
   margin:0px 0px 0px 0px;z-index:1;

}

#sliderContent {
   width: 508px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;
}

.sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   z-index:4;
}
.s3sliderImage a { float:left; }

.limage {    float: left;	margin: 6px 0 0 6px;padding: 0px;/* important */; top:0;bottom:0; }

.limagetop {
   position: absolute; /* important */
   left: 0;
   font: normal 13px Helvetica, sans-serif;
   padding: 0px;
   width: 494px;height:57px;
   background-image: url(../images/transparency.png);
   background-repeat: repeat-x;
   text-indent: 15px;
   color: #fff;
   display: none; /* important */
   bottom: 0;z-index:2;
   margin-left:6px;
}

.limagetop string { 

}

.limagetop .feature-title {
	float: left;
	width: 465px;
	margin: 8px 0 0 0;
	padding: 0px;
	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
	}
	

.limagetop .descopy { color:#FFFFFF;font-size:16px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;clear:both;float:left;width:465px; }

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


.recommendations                         { width: 800px; height: 217px; position: relative; margin: 0 auto 15px; }
.recommendations .recommend-wrapper                { width: 800px; overflow: auto; height: 150px; margin: 60px 20px 0px 0px; position: absolute; top: 0; left: 20px; }
.recommendations .recommend-wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: #fff; border:0px; margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;  }
.recommendations ul li                   { display: block; float: left; padding: 0px 0px 0px 0px; height: 175px; width: 800px; margin: 0px 0px 0px 10px; }
.recommendations .arrow                  { display: block; height: 40px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 0px; cursor: pointer; }
.recommendations .forward                { background-position: 0 0; right: -20px; }
.recommendations .back                   { background-position: -67px 0; left: -20px; }
.recommendations .forward:hover          { background-position: 0 -200px; }
.recommendations .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 20px; left:740px;text-align:right;width:100px; }
#thumbNav a                             { display: inline-block; text-indent:-9999px;padding: 0px; width:16px;height:14px; margin:0px 0px 0px 0px; background: transparent url(/images/scrolldots.png) no-repeat -19px 0px; }
#thumbNav a span { display:none; }
#thumbNav a:hover                       { background-position: 0px 0px; }
#thumbNav a.cur                         { background-position: 0px 0px; }

#start-stop                             { visibility:hidden;width:1px;height:1px;position:absolute; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

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


