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

/* _______________________________________________ */

/* CONTAINER */
/* _______________________________________________ */

.videocarousel {
	position :relative;
	margin :0 auto;
	height :auto;
	border :none;
	overflow : hidden;
}
/* _______________________________________________ */

/* SLIDES */
/* _______________________________________________ */

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

/* DIRECTION BUTTON */
/* _______________________________________________ */

.videocarousel .nextButton {
	position :absolute;
	right :10px;
	top :133px;
	width :35px;
	height :35px;
	background : url("../images/icons/next_button.png") no-repeat center;
	cursor :pointer;
	z-index :9999;
}
.videocarousel .prevButton {
	position :absolute;
	left :10px;
	top :133px;
	width :35px;
	height: 35px;
	background : url("../images/icons/prev_button.png");
	cursor :pointer;
	z-index :9999;
}
/* _______________________________________________ */

/* NAVIGATION BUTTON */
/* _______________________________________________ */

/* buttons container */
.videocarousel .buttonNav {
	position : relative;
	margin :0 auto;
	z-index :999;
}
/* numbers */
.videocarousel .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;
}
.videocarousel .buttonNav .numbers:hover {
	color: #000;
	text-decoration :underline;
}
.videocarousel .buttonNav .numberActive {
	background : none;
	color :#000;
	cursor :default;
}
/* bullets */
.videocarousel .buttonNav .bullet {
	position :relative;
	float :left;
	width :15px;
	height :14px;
	background : url(../images/icons/Bullet-White.png) no-repeat center;
	margin :4px;
	float :left;
	cursor :pointer;
}
.videocarousel .buttonNav .bullet:hover {
	background : url(../images/icons/Bullet-Black.png) no-repeat center;
}
.videocarousel .buttonNav .bulletActive {
	background : url(../images/icons/Bullet-Black.png) no-repeat center;
	cursor :default;
}
/* ____________________________________________________________ */

/* VIDEO */
/* ____________________________________________________________ */

.videocarousel .slides .videoOverlay {
	background :url("../images/icons/video.png") no-repeat center; /* play button */
}
.videocarousel .slides .spinner {
	background : #000 url(../images/icons/loading.gif) no-repeat center; /* video preloader */
}
/* _____________________________ *

/* SHADOW */
/* _____________________________ */

.videocarousel .shadow {
	width :100%;
	height :82px;
}
.videocarousel .shadow .shadowLeft {
	background : url("../images/icons/shadowLeft.png") no-repeat;
	width :100px;
	height :82px;
}
.videocarousel .shadow .shadowMiddle {
	height :82px;
	background:url("../images/icons/shadowTile.png") repeat-x;
}
.videocarousel .shadow .shadowRight {
	width :100px;
	height :82px;
	background:url("../images/icons/shadowRight.png") no-repeat;
}
/* ____________________________________________________________ */

/* REFLECTION GRADIENT */
/* ____________________________________________________________ */

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