/*
    AnythingSlider v1.4

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

/******* SET DEFAULT DIMENSIONS HERE ********/
div.anythingSlider {
	width: 940px;
	margin: 0 auto;
}
.anythingHolder{ text-align:center; width:100%; }
.internal .anythingSlider { padding-bottom:6px; }
.anythingSlider .thumbNav a { display:block; background: transparent url(/images/dots-home.png) no-repeat; text-indent:-999em; width:15px; height:15px; float:left; margin-right:4px; }
.anythingSlider .thumbNav a.cur { background:url(/images/dots-home.png) no-repeat 0 -30px; }
.anythingSlider .thumbNav a:hover { background:url(/images/dots-home.png) no-repeat 0 -15px; }
.internal div.anythingSlider .thumbNav a { display:block; background: transparent url(/images/dots.gif) no-repeat; text-indent:-999em; width:15px; height:15px; float:left; margin-right:4px; }
.internal div.anythingSlider .thumbNav a.cur { background:url(/images/dots.gif) no-repeat 0 -30px; }
.internal div.anythingSlider .thumbNav a:hover { background:url(/images/dots.gif) no-repeat 0 -15px; }

/****** SET COLORS HERE *******/
/* Default State */
div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a {
}
div.anythingSlider .anythingWindow {
	/*border-top: 3px solid #777;
	border-bottom: 3px solid #777;*/
}
/* Active State */
div.anythingSlider.activeSlider .anythingWindow {
	border-color: #7C9127;
}

/**** DO NOT CHANGE BELOW THIS LINE ****/
/* anythingSlider viewport window */
div.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* wrapper: 45px right & left padding for the arrows, 28px @ bottom for naviagation */
div.anythingSlider {
	position: relative;
	padding: 0 45px 28px 45px;
}
/* anythingSlider base UL */
ul.anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	top: 0; left: 0;
	margin: 0;
	padding: 0;
}
ul.anythingBase li.panel {
	background: transparent;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	position:relative;
}
.anythingHolder{ position: relative; }
ul.anythingBase li.panel .buttons, .anythingHolder > .buttons{ position:absolute; right:42px; bottom:135px; }
.anythingHolder > .buttons{ right: 85px; }
/*ul.anythingBase li.panel .buttons a{ display:block; text-indent:-99999em; height:36px; float:left;  }
ul.anythingBase li.panel .buttons a:hover{ background-position:0 -36px; }
ul.anythingBase li.panel .buttons a.buy-now{ background-image:url(/images/buttons/buy-now.png); width:140px; }
ul.anythingBase li.panel .buttons a.more-info{ background-image:url(/images/buttons/more-info.png); width:148px; }*/
ul.anythingBase li.panel .buttons a.buy-now, .anythingHolder > .buttons a.buy-now{ color:#2eb603; margin-right: 10px; }

/* Navigation Arrows */
div.anythingSlider .arrow {
	top: 50%;
	position: absolute;
	display: block;
}
div.anythingSlider .arrow a {
	display: block;
	height: 338px;
	margin-top: -202px;
	width: 55px;
	text-align: center;
	outline: 0;
	background: url('/images/buttons/arrows.png') no-repeat;
	text-indent: -9999px;
}
div.anythingSlider .forward { right: -1px; z-index:1000 }
div.anythingSlider .back { left: -1px; z-index:1000 }
div.anythingSlider .forward a, div.anythingSlider .forward a:focus { background-position: -55px 0; }
div.anythingSlider .back a, div.anythingSlider .back a:focus { background-position: 0 0; }
div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: -55px -338px; }
div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: 0 -338px; }

/* Navigation Links */
div.anythingSlider .thumbNav { margin: 0; position: absolute; bottom: 49px; right: 65px; z-index: 100000; }
.internal div.anythingSlider .thumbNav { margin: 0; visibility: visible; position:absolute; z-index:2000; bottom:27px; left:237px; right:auto; }
div.anythingSlider .thumbNav li { list-style:none; background:transparent; display:block; float:left; padding:0;  }

/* Autoplay Start/Stop button */
div.anythingSlider .start-stop {visibility: hidden;}
div.anythingSlider .start-stop.playing { background-color: red; visibility: hidden; }
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; color: #ff0; visibility: hidden; }
