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


.coin-slider { 
	overflow: hidden;
	zoom: 1; 
	position: relative; 
	background-color: #f5f5f5;
	margin-bottom: 0px;
}
.mcoin-slider { 
	overflow: hidden;
	zoom: 1; 
	position: relative; 
	background-color: #f5f5f5;
	margin-bottom: 0px;
}
.coin-slider a{ text-decoration: none; outline: none; border: none; }
.mcoin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { 
	margin-top: 10px;
	font-size: 0px; 
	padding: 0px; 
	float: left; 
	background-color: #f5f5f5;
}
.cs-buttons a { 
	margin-left: 4px; 
	height: 1px; 
	width: 17px; 
	float: left; 
	border: 1px solid #000; 
	background-color: #000;
	color: #000; 
	text-indent: -1000px; 
	border-radius: 0px;
}
a.cs-active { background-color: #d9b114; color: #d9b114; 
	border: 1px solid #d9b114; }

.cs-title { 
	color: #FFFFFF; 
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	width: 210px;
	height: 75px;
	padding-top: 35px;
	/*
	background-image: url('../pics/jolly_title.gif');
	background-repeat: repeat;
	background-position: center top;	
	*/
	top: 125px;
	margin-left: 170px;
}
.cs-title B { 
	font-size: 24px;
}

.cs-prev { 
	color: #FFFFFF; 
	width: 42px;
	height: 42px;	
	background-image: url('../pics/jolly_right_arrow.png');
	background-repeat: no-repeat;
	background-position: left 0px;	
	margin-left: 450px;
	transition: 0.1s;
}
.cs-prev:hover { 
	background-position: right top;	
}
.cs-next { 
	color: #FFFFFF; 
	width: 42px;
	height: 42px;	
	background-image: url('../pics/jolly_left_arrow.png');
	background-repeat: no-repeat;
	background-position: right 0px;	
	margin-right: 450px;
	transition: 0.1s;
}
.cs-next:hover { 
	background-position: left top;	
}