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


.anythingSliderR
{ width: 220px; height: 189px; position: relative; margin: 0; background:transparent url("/images/bg_box_r.gif"); color:#FFFFFF}

.anythingSliderL
{ width: 220px; height: 189px; position: relative; margin: 0; background:transparent url("/images/bg_box_l.gif")}

.anythingSliderR .wrapper, .anythingSliderL .wrapper 
{ width: 190px; overflow: auto; height: 115px; margin: 0; position: absolute; top: 40px; left: 15px; }

                                       					
.anythingSliderR .wrapper ul, .anythingSliderL .wrapper ul
{ width: 32700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; margin-left:-40px}

.anythingSliderR ul li, .anythingSliderL ul li
{ display: block; float: left; padding: 0; width: 190px; height: 60px; margin: 0; }

.anythingSliderR .arrow, .anythingSliderL .arrow
{ float:left; width: 70px; height: 60px; text-indent: -9999px; position: absolute; cursor: pointer; z-index: 10;}

.anythingSliderR .forward, .anythingSliderL  .forward
{ top: 40px; left:150px; background: transparent;}

.anythingSliderR .back, .anythingSliderL .back
{ top: 40px; background: transparent}

.anythingSliderR .back:hover, .anythingSliderL .back:hover
{ top: 0; width: 189px; height: 174px; background: transparent url(/images/box_r_arrow_b.png) no-repeat 0 0; }

.anythingSliderR .forward:hover, .anythingSliderL .forward:hover
{ top: 0; left: 150px; width: 205px; height: 174px; background: transparent url(/images/box_r_arrow_f.png) no-repeat 0 0; margin: 0 0 0 -135px;}


.anythingSliderR #thumbNav                               { position: relative; top: 178px; text-align: right; padding-right: 50px;}

.anythingSliderL #thumbNav                               { position: relative; top: 178px; padding-left: 30px;}


#thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 0; height: 10px; width: 10px; margin: 0 5px 0 0; background: transparent url(/images/dot_off.gif) no-repeat; text-align: center;}
#thumbNav a:hover                       { background: transparent url(/images/dot_on.gif) no-repeat; }
#thumbNav a.cur                         { background: transparent url(/images/dot_on.gif) no-repeat; }

/*
#start-stop                             { background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }
*/

/*
  Prevents
*/
.anythingSliderR .wrapper ul ul, .anythingSliderL .wrapper ul ul
{ position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0;}

.anythingSliderR .wrapper ul ul li, .anythingSliderL .wrapper ul ul li
{ float: none; height: auto; width: auto; background: none; }


/*GENERIC ADDED*/
.box_title{
	position: absolute;
	margin: 10px 0 0 15px;
	z-index: 5;
}

.anythingSliderR a, .anythingSliderR a:active, .anythingSliderR a:link, .anythingSliderR a:visited,
.anythingSliderL a, .anythingSliderL a:active, .anythingSliderL a:link, .anythingSliderL a:visited{
	color:#3399cc;
	text-decoration: none;
	border : none;outline: none;
}
.anythingSliderR a:hover, .anythingSliderL a:hover{color:#006699;}