/* //////////// Start - SLIDER STYLES \\\\\\\\\\ */


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

a, a img                                { border: 0; text-decoration: none; outline: 0; }
.anythingSlider                         {
	width: 565px;
	height: 300px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
										}
.anythingSlider .wrapper                {
	width: 565px;
	overflow: auto;
	height: 300px;
	position: absolute;
	top: 0;
	left: 0;
										}
.anythingSlider .wrapper ul             { 
											width: 9999px; 
											list-style: none; 
											position: absolute; 
											top: 0; 
											background: #eee; 
											margin: 0;
											left: -40px;
											*left: 0px;/*IE 6-7 Hack*/
										}
.anythingSlider ul li                   { 
											display: block; 
											float: left; 
											padding: 0; 
											height: 300px; 
											width: 565px; 
											margin: 0;											
										}

#thumbNav                               {
	position: absolute;
	top: 274px;
	text-align: center;
	right: 60px;
										}
#thumbNav a                             { 
											color: #006; 
											font-family: Arial, Helvetica, sans-serif;
											font-size: 12px;
											font-weight:bold;
											line-height: 18px;
											display: inline-block; 
											padding: 2px 8px; 
											height: 18px; 
											margin: 0 5px 0 0; 
											background: #ffffff url(../images/slider/cellshade.png) repeat-x; 
											text-decoration:none;
											text-align: center; 
											-moz-border-radius-bottomleft: 5px; 
											-moz-border-radius-bottomright: 5px; 
											-webkit-border-bottom-right-radius: 5px; 
											-webkit-border-bottom-left-radius: 5px; 
											-moz-border-radius-topleft: 5px; 
											-moz-border-radius-topright: 5px; 
											-webkit-border-top-right-radius: 5px; 
											-webkit-border-top-left-radius: 5px;
										}
/* for ie - replaces the png with gif*/
html* #thumbNav a                       { 
											background: #ffffff url(../images/slider/cellshade.png) repeat-x; 
										}

#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #ffffff; }

#start-stop                             { 
											background: #0c5fe1 url(../images/slider/cellshade.png) repeat-x; 
											color: white; 
											padding: 2px 8px; 
											width: 20px; 
											height: 18px; 
											text-align: center; 
											position: absolute; 
											right: 15px; 
											top: 274px; 
											-moz-border-radius-bottomleft: 5px; 
											-moz-border-radius-bottomright: 5px; 
											-webkit-border-bottom-right-radius: 5px; 
											-webkit-border-bottom-left-radius: 5px; 
											-moz-border-radius-topleft: 5px; 
											-moz-border-radius-topright: 5px; 
											-webkit-border-top-right-radius: 5px; 
											-webkit-border-top-left-radius: 5px;
										}
/* for ie - replaces the png with gif*/
html* #start-stop                       { 
											background-image: url(../images/slider/cellshade.png); 
										}
#start-stop.playing                     { background-color: #0c5fe1; }
#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; 
										}
/* //////////// End - SLIDER STYLES \\\\\\\\\\ */