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


#coin-slider { overflow: hidden; zoom: 1; position: relative; background-repeat: no-repeat !important; }
#coin-slider a{ text-decoration: none; outline: none; border: none; background-repeat: no-repeat !important; }
.span { font-size: 15px !important; display: block; position: absolute !important; top: 0 !important; left: -300px !important; background-repeat: no-repeat !important; }

.cs-buttons { display: none; font-size: 0px; padding: 10px; float: left; background-repeat: no-repeat !important; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; background-repeat: no-repeat !important; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; background-repeat: no-repeat !important; }

.cs-title { width: 495px; padding: 10px; left: 200px !important; background-color: none; color: #FFFFFF; background-repeat: no-repeat !important; }

a.cs-prev { display: block; width: 24px; height: 38px; position: absolute; left: 335px !important; background: url('img/arr_left.gif') }
a:hover.cs-prev { background-position: 0 -38px; }
a.cs-next { display: block; width: 24px; height: 38px; position: absolute; top: 92px; right: -24px !important; background: url('img/arr_right.gif') no-repeat; }
a:hover.cs-next { background-position: 0 -38px; }