/*
    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/
*/
.anythingSlider                         { width: 588px; height: 210px;  margin: 0;padding-top:0px; }
.anythingSlider .wrapper                { width: 530px; overflow: hidden; height: 210px; margin: 0 30px; position: absolute; top: 0; left: 0; float:left; padding:0; }

                                        /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; border-top: 0; border-bottom: 0; margin: 0; padding:17px 0px; float:left; vertical-align:top;}
.anythingSlider .wrapper ul li          { display: block; float: left; padding: 0; height: 210px; width: 530px; margin: 0;}
.anythingSlider .arrow                  { display: block; height: 190px; width: 67px; background: url(../images/arrows2.gif) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 60px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: 122px; top:25px; }
.anythingSlider .back                   { background-position: -67px 0; left: -208px;top:25px;_left:-417px; }
.anythingSlider .forward:hover          { background-position: 0 -201px; }
.anythingSlider .back:hover             {  background-position: -67px -201px; }

.thumbNav                               { position: relative; top: -35px; right:-165px; text-align: center;}
.thumbNav li                            { display: inline; }
.thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 0px 7px; height: 8px; margin: 0 5px 0 0; background:  url(../images/orange1.png) no-repeat; text-align: center;  }
.thumbNav a:hover                       { background:  url(../images/orange.png)  no-repeat; }
.thumbNav a.cur                         {background:  url(../images/orange.png)  no-repeat; }

.start-stop                             {   }
.start-stop.playing                     { background-color: red; }
.start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0;padding:0; }
.anythingSlider .wrapper ul ul li       { float: none;  width: auto; background: none; padding:0; margin:0;}

#page-wrap                              { width: 588px; padding: 0;  margin: 0 ; position: relative; vertical-align:top; border-top: 3px solid #e0a213; height:210px; background:white; }

/*Classes used for the Background Images*/
/***For All the Browsers ***/
div #slide_shade_background 
{
	/*border: 5px solid;
    border-color : blue;*/
    background-image:url(../images/shade.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	clear: right left;
	float: right;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	/*vertical-align:bottom;
	margin-top:5px;
	width:196px;
	height:155px;*/
	padding: 0;
	position: relative;
	
}
div #slide_shade_background:hover
{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.8;
}

/*** For IE 7 and up ***/

#ie7andup_slide_shade_background #slide_shade_background 
{
	border: 5px solid;
    border-color : red;
	background-image:url(../images/shade_ie.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	width:210px;
	height:138px;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}
#ie7andup_slide_shade_background #slide_shade_background:hover
{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.8;
}

/*** For IE 6 ***/

#ie6only_slide_shade_background #slide_shade_background 
{
	/*border: 5px solid;
    border-color : green;*/
	background-image:url(../images/shade_ie.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-bottom:8px;
	width:210px;
	height:148px;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}
#ie6only_itemborders1 #slide_shade_background:hover
{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.8;
}
/*End of Background Image*/	
.background_slide_image
{
	width:200px;
	height:150px;
	display:block;
	border:0px;
	cursor:pointer;
	padding-left:5px;
	padding-bottom:7px;
}
/*For Horizontal Line*/
.hr
{
	background-image:url(../images/line1.gif);
	vertical-align:top;
	background-repeat:no-repeat;
	background-position:center;
}
.slider_white
{
	background-color:#FFF
}
.slider_grey
{
	background-color:#cccccc;
}
.hover_background_slider
{
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}
.hover_background_slider:hover
{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.8;
}