/*
Item Name: jQuery Carousel Evolution
Author: Mapalla
Author URI: http://codecanyon.net/user/Mapalla
Version: 1.0
*/

/* _______________________________________________ */

/* CONTAINER */
/* _______________________________________________ */

.carousel { position : relative; margin : 0 auto; width : 900px; height : auto; border : none; overflow : visible; }
/* _______________________________________________ */

/* SLIDES */
/* _______________________________________________ */

/* slide container */
.carousel .slides { margin : 0; padding : 0; border : none; list-style : none; position : relative; overflow : visible; }
/* slide item */
.carousel .slides .slideItem { position : absolute; cursor : pointer; overflow : hidden; padding : 0; margin : 0; border : none;}
.carousel .slides .slideItem a { display: block; text-decoration : none; margin : 0; padding : 0; border : none; outline : none; }
.carousel .slides .slideItem img { margin : 0; padding : 0; border : none; width : 100%; height : 100%; }
/* _______________________________________________ */

/* DIRECTION BUTTON */
/* _______________________________________________ */

.carousel .nextButton { position : absolute; right : 10px; top : 133px; width : 30px; height : 60px; background: url(../../images/arrow-2.png) no-repeat -30px 0; cursor : pointer; z-index : 9999; opacity:0.3 }
.carousel .prevButton { position : absolute; left : 10px; top : 133px; width : 30px; height: 60px; background: url(../../images/arrow-2.png) 0 0; cursor : pointer; z-index : 9999; opacity:0.3 }
/* _______________________________________________ */

/* NAVIGATION BUTTON */
/* _______________________________________________ */

/* buttons container */
.carousel .buttonNav { position : relative; margin : 0 auto; z-index : 999; }
/* numbers */
.carousel .buttonNav .numbers { position : relative; float : left; margin : 5px; color : #828282; cursor : pointer; font-weight : bold; text-decoration : none; font-size : 1em; font-family : Arial, Verdana; }
.carousel .buttonNav .numbers:hover { color: #000; text-decoration : underline; }
.carousel .buttonNav .numberActive { background : none; color : #000; cursor : default; }
/* bullets */
.carousel .buttonNav .bullet { position : relative; float : left; height : 30px; background-color: #F1F1F1; margin : 5px; padding: 5px 10px; cursor : pointer; color: #9B9B9B }
.carousel .buttonNav .bullet:hover { color: #FFF; background-color: #E52529; }
.carousel .buttonNav .bulletActive { cursor : default; background-color: #E52529; color: #FFF }
/* ____________________________________________________________ */


/* REFLECTION GRADIENT */
/* ____________________________________________________________ */

/* gradient color for Opera */
.carousel .gradient { background-image : url(../../images/gradient.svg); }