/*
	Coin Slider jQuery plugin CSS styles
	http://workshop.rs/projects/coin-slider
*/


.coin-slider { overflow: hidden; zoom: 1; position: relative; text-align:center; }
.coin-slider a{ text-decoration: none; outline: none; border: none;}

.cs-buttons {
	font-size: 0px;
	padding: 10px;
	float: left;
}

.cs-buttons a {
	margin-top:10px;
	margin-left: 5px;
	height: 8px;
	width: 8px;
	float: left;
	text-indent: -1000px;
	background:url(../images/circle_off.png) top left no-repeat;
}

.cs-active {
	background:url(../images/circle_on.png) top left no-repeat!important;
}

.cs-title {
	width: 545px;
	padding: 10px;
	background-color: #000000;
	color: #FFFFFF;
}

.cs-prev {
	background:url(../images/slide-prev.png) top left no-repeat;
	padding: 0px 10px;
	width:16px;
	height:27px;
	margin-left:-40px;
}

.cs-next {
	background:url(../images/slide-next.png) top left no-repeat;
	padding: 0px 10px;
	width:16px;
	text-align:right;
	height:27px;
	margin-right:-60px;
}

.cs-prev:hover, .cs-next:hover {
	background-position:0 -27px;
}

#coin-slider {
	margin:0 auto;
	border:solid 4px #FFFFFF;
}