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

#games a.cs-games { border:none; }
.coin-slider {border: 7px solid#333; width:995px; height: 305px; margin:0px auto; }
.coin-slider #games a.sl{ text-decoration: none; outline: none; border: 1px solid#333;  }

.cs-buttons {  margin-top: -30px; font-size: 0px; padding: 10px; float: left; overflow:hidden; z-index: 9999; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

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

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }

#page { width: 575px; margin: 30px auto; }

/*  Additional Style */
.cs-buttons a {
    border-radius: 50%;
    background: #CCC;
    background: -webkit-linear-gradient(top,  #CCCCCC, #F3F3F3); /* webkit browsers */
    background:    -moz-linear-gradient(top,  #CCCCCC, #F3F3F3); /* firefox 3.6+ */
    background:      -o-linear-gradient(top,  #CCCCCC, #F3F3F3); /* opera */
    background:     -ms-linear-gradient(top,  #CCCCCC, #F3F3F3); /* IE10 */
    background:         linear-gradient(top,  #CCCCCC, #F3F3F3); /* css3 */      
}
a.cs-active {
    background: #599BDC;
    background: -webkit-linear-gradient(top,  #f41313, #dc0b0b); /* webkit browsers */
    background:    -moz-linear-gradient(top,  #f41313, #dc0b0b); /* firefox 3.6+ */
    background:      -o-linear-gradient(top,  #f41313, #dc0b0b); /* opera */
    background:     -ms-linear-gradient(top,  #f41313, #dc0b0b); /* IE10 */
    background:         linear-gradient(top,  #f41313, #dc0b0b); /* css3 */  
    border-radius: 50%;    
    box-shadow: 0 0 3px #dc0b0b;   
    border: 1px solid #dc0b0b !important;     
}