/*
    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
{
	display: block;
	float: left;
	clear: both;
	margin-top: 10px;
	padding:0px;

	width: 778px;
	height: 300px;
	overflow: hidden;
	
	background-image: url(../images/recommend_area2.jpg);
	background-repeat: repeat-x;
}
.anythingSlider .wrapper
{
	display: block;
	float: left;
	
	width: 708px;
	
	height: 300px;
	overflow: hidden;
}

.anythingSlider .CMS_SlideShow_BtnPrev
{
	display: block;
	float: left;
	overflow: hidden;
	width: 35px;
	height: 300px;
	background-image: url(../images/btn_prev.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.anythingSlider .CMS_SlideShow_BtnNext
{
	display: block;
	float: left;
	overflow: hidden;
	width: 35px;
	height: 300px;
	background-image: url(../images/btn_next.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/* Width below is max for Opera */
.anythingSlider .wrapper .CMS_SlideShow_Box
{
	display: inline;
	float: left;
	
	width: 32700px;
	height: 300px;
	overflow: hidden;
	
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.anythingSlider .wrapper .CMS_SlideShow_Item
{
	display: inline-block;
	float: left;
	padding: 0;
	margin: 0px;
	
	width: 708px;
	height: 300px;
	overflow: hidden;
}

.anythingSlider .wrapper a
{
	text-decoration: none;
}

.anythingSlider .wrapper img
{
	border-style: none;
}

.CMS_SlideShow_ProductName
{
	font-size: 12px;
	font-weight: bold;
}
.anythingSlider .CMS_SlideShow_ProductImage
{
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
	
	aaWIDTH: 400px;
	height: 300px;
	overflow: hidden;
}
.anythingSlider .CMS_SlideShow_ProductText
{
	display: inline;
	font-size: 12px;
	float: left;
	margin-top: 130px;
	aapadding: 10px;
	
	width: 300px;
	height: 300px;
	overflow: hidden;
	
	color: #666;
	text-align: left;
}
.anythingSlider .CMS_SlideShow_ProductText H5
{
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
.anythingSlider .CMS_SlideShow_ProductText p
{
	font-size: 12px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	line-height: 135%;
}
.anythingSlider a:visited
{
	color: #666;
}
.anythingSlider .CMS_SlideShow_ProductThumb
{
	display: inline;
	float: left;
	overflow: hidden;
	height: 99px;
	margin: 0px;
	padding: 0px;
}



.anythingSlider .arrow
{
	visibility: hidden;
	display: block;
	background-color: Lime;
	float: left;
	overflow: hidden;
	height: 108px;
	line-height: 108px;
	width: 20px;
	position: absolute;
	left: 0px;
	top: 0px;
	cursor: pointer;
	background-image: none;
}
.anythingSlider .forward
{
	visibility: hidden;
	height: 108px;
	background-image: none;
	border-style: none;
}
.anythingSlider .back
{
	visibility: hidden;
	height: 108px;
	background-image: none;
	border-style: none;
}

.thumbNav
{
	visibility: hidden;
	position: relative;
	top: 108px;
	text-align: center;
}
.thumbNav li
{
	visibility: hidden;
	display: inline;
}
.thumbNav a
{
	visibility: hidden;
	color: black;
	font: 11px/18px Georgia, Serif;
	display: inline-block;
	padding: 2px 8px;
	height: 18px;
	margin: 0 5px 0 0;
	background: #c58b04 url(../images/cellshade.png) repeat-x;
	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;}
.thumbNav a:hover
{
	visibility: hidden;
	background-image: none;
}
.thumbNav a.cur
{
	visibility: hidden;
	background: #e0a213;
}

.start-stop
{
	visibility: hidden;
	z-index: 10;
	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: 125px;
	top: 100px; -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
{
	visibility: hidden;
	background-color: red;
}
.start-stop:hover
{
	visibility: hidden;
	background-image: none;
}

/*
  Prevents

.anythingSlider .wrapper .CMS_SlideShow_Box .CMS_SlideShow_Box          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper .CMS_SlideShow_Box .CMS_SlideShow_Box .CMS_SlideShow_Item    { float: none; height: auto; width: auto; background: none; }
*/