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


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

.cs-buttons { 
	margin-top: -20px;
	font-size: 0px; 
	padding: 0px; 
	float: left; 
}
.cs-buttons a.cs-button-coin-slider { 
	margin-left: 3px; 
	height: 4px; 
	width: 15px; 
	float: left; 
	color: #c6d9e9; 
	background-color: #c6d9e9; 
	text-indent: -1000px; 
}
.cs-buttons a.cs-active { 
	background-color: #0f6ac4; 
	color: #0f6ac4; 
}

.cs-title { 
	background-color: red;
	width: 300px;
	height: 50px;
}
.cs-title { margin-left: 500px;width: 200px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev { 
	color: #FFFFFF; 
	width: 40px;
	height: 40px;	
	background-image: url('../pics/jolly_left_arrow.png');
	background-repeat: no-repeat;
	background-position: center 0px;	
	margin-left: 0px;
}
.cs-prev:hover { 
	/*background-position: center -40px;	*/
}
.cs-next { 
	color: #FFFFFF; 
	width: 40px;
	height: 40px;	
	background-image: url('../pics/jolly_right_arrow.png');
	background-repeat: no-repeat;
	background-position: center 0px;	
	margin-right: 0px;
}
.cs-next:hover { 
	/*background-position: center -40px;	*/
}