/*
	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 {  float: left; margin-bottom:5px;}

.cs-active { background-color: #8A4117; color: #FFFFFF; }

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

.cs-buttons a {
    background: url("../images/orange-box.png") no-repeat scroll 100% 100% ;
  //border-radius: 12px 12px 12px 12px;
    color: #FFFFFF;
	font-weight:bold;
	font-size:20px;
	text-align:center;
    float: left;
    height: 76px;
    width: 33.3%;
	line-height:5.00em;

	
}
#cs-buttons-realImages
{
	margin-top:-26px;
	
}

.cs-buttons a.cs-active {
    background: url("../images/brown-arrow-box.png") no-repeat scroll 100% 100%;
	z-index:1001;
	/*height:40px;*/
	width: 33.4%;
	position:relative;
	}
	
.cs-bottons a.cs-active span {
    background: url("../images/arrow.png") no-repeat scroll center top transparent;
}
	

.cs-prev, .cs-next {
    background: none repeat scroll 0 0 #C85A17;
    color: #E6E6E6;
    padding: 0 10px;
}

.cs-prev:hover, .cs-next:hover {
    background: none repeat scroll 0 0 #8A4117;
    color: #E6E6E6;
}