/*
skins available:
	- sweet
	- powerful
	- charming
*/

/* the container */
.allinone_carousel {
	position:relative;
}
.allinone_carousel img {
	max-width:88%;
	max-height:88%;
    border: #ddd1b7 1px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 0px 10px #333;
    -webkit-box-shadow: 0px 0px 10px #333;
    box-shadow: 0px 0px 10px #333;
}
.allinone_carousel_list {
	margin:0;
	padding:0;
	list-style:none;
	display:none;
}

.allinone_carousel .contentHolder {
	position:relative;
    left: 28px;
    top: 10px;
	overflow:hidden;
}



/***charming SKIN***/

.allinone_carousel.charming .contentHolderUnit {
	position:absolute;
	/*float:left;
	display:block;*/
	width:452px;
	height:302px;
	overflow:hidden;
	cursor: pointer;
	background: url(skins/charming/empty.gif) repeat;
}


.allinone_carousel.charming .elementTitle {
	position:absolute;
	left:0;
	top:60px;
	width:100%;
	text-align:center;
	font:24px Verdana;
	color:#F00;
}
.allinone_carousel.charming .playOver {
	position:absolute;
	width:73px;
	height:73px;
	background:url(skins/charming/play_overOFF.png) 0 0 no-repeat;
	display:none;
	z-index:200;
	cursor: pointer;
}

.allinone_carousel.charming .playOver:hover {
	background:url(skins/charming/play_overON.png) 0 0 no-repeat;
	display:none;
	z-index:200;
	cursor: pointer;
}

.allinone_carousel.charming .bannerControls {
	position:absolute;
	left:0;
	top:-20px;
	z-index:101;
	width:100%;
}

.allinone_carousel.charming .leftNav {
	position:absolute;
	left:5px;
	margin-top:23px;
	width:47px;
	height:47px;
	background:url(skins/charming/leftNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
}
.allinone_carousel.charming .leftNav:hover {
	background:url(skins/charming/leftNavON.png) 0 0 no-repeat;
}
.allinone_carousel.charming .rightNav {
	position:absolute;
	right:5px;
	margin-top:23px;
	width:47px;
	height:47px;
	background:url(skins/charming/rightNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
}
.allinone_carousel.charming .rightNav:hover {
	background:url(skins/charming/rightNavON.png) 0 0 no-repeat;
}
.allinone_carousel.charming .bottomNav {
	position:absolute;
	height:35px;
	width:0;
	padding-left:9px;
	bottom:-6px;
	z-index:140;
}
.allinone_carousel.charming .bottomNavButtonOFF {
	float:left;
	display:block;
	width:19px;
	height:19px;
	background:url(skins/charming/bottomNavOFF.png) 0 0 no-repeat;
	padding-left:9px;
	cursor: pointer;
}

.allinone_carousel.charming .bottomNavButtonON {
	float:left;
	display:block;
	width:19px;
	height:19px;
	padding-left:9px;
	background:url(skins/charming/bottomNavON.png) 0 0 no-repeat;
	cursor: pointer;
}

.allinone_carousel.charming .bottomNavLeft {
	display:none;
	position:absolute;
	z-index:140;
}
.allinone_carousel.charming .bottomNavRight {
	display:none;
	position:absolute;
	z-index:140;
}

.allinone_carousel.charming .bottomOverThumb {
	position:absolute;
	width:88px;
	height:106px;
	background:url(skins/charming/bottomOverThumbBg.png) 23px bottom no-repeat;
	bottom:27px;
	left:0px;
	margin-left:-25px;
}
.allinone_carousel.charming .bottomOverThumb img {
	border:4px solid #22032e;
}


/*******/

/***sweet SKIN***/

.allinone_carousel.sweet .contentHolderUnit {
	position:absolute;
    overflow: hidden;
	cursor: pointer;
    float: left;
    display: block;
    /*min-width: 234px;*/
	/*border:1px #F00 solid;*/
	background: url(skins/sweet/empty.gif) repeat;
}

#fullWidth .allinone_carousel.sweet .contentHolderUnit {
    /*min-width: 450px;*/
}
.allinone_carousel.sweet .elementTitle {
	position:absolute;
	left:28px;
	top: -10px;
	width:100%;
	text-align:center;
    color: #463e29 !important;
    font: normal bold 12px/40px 'Trebuchet MS', Arial, Verdana;
	color:#000;
	text-transform:uppercase;
}

.allinone_carousel_sweet_maxi .elementTitle {
    left: 0px !important;
    top: 10px !important;
}

.allinone_carousel.sweet .playOver {
	position:absolute;
	width:100px;
	height:70px;
	margin-top:-15px;
	background:url(skins/sweet/play_overON.png) 0 0 no-repeat;
	display:none;
	z-index:200;
	cursor: pointer;
}

.allinone_carousel.sweet .playOver:hover {
	background:url(skins/sweet/play_overOFF.png) 0 0 no-repeat;
	display:none;
	z-index:200;
	cursor: pointer;
}

.allinone_carousel.sweet .bannerControls {
	position:absolute;
	left:0;
    top: 15px;
	z-index:101;
	width:100%;
}

.allinone_carousel.sweet .leftNav {
    display: block; 
    width: 28px; 
    height: 184px; 
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../images/content/bg_eventBoxButton.png) no-repeat left 0px; 
    text-indent: -5000px; 
    cursor: pointer;
}

.allinone_carousel_sweet_maxi .bannerControls .leftNav {
    position: absolute;
    left: 20px;
    margin-top: 25px;
    width: 18px;
    height: 18px;
    background: url(../images/content/icons.png) no-repeat 0px -250px;
    cursor: pointer;
}

.allinone_carousel.sweet .rightNav {
    display: block; 
    width: 28px; 
    height: 184px; 
    position: absolute;
    right: -57px;
    top: 0px;
    background: url(../images/content/bg_eventBoxButton.png) no-repeat right 0px; 
    text-indent: -5000px; 
    cursor: pointer;
}

.allinone_carousel_sweet_maxi .bannerControls .rightNav {
    position: absolute;
    right: 20px;
    margin-top: 25px;
    width: 18px;
    height: 18px;
    background: url(../images/content/icons.png) no-repeat 0px -350px;
    cursor: pointer;
}

.allinone_carousel.sweet .bottomNav {
	position:absolute;
	height:35px;
	width:0;
	padding-left:9px;
	bottom:-25px;
	z-index:140;
}
.allinone_carousel.sweet .bottomNavButtonOFF {
	float:left;
	display:block;
	width:11px;
	height:11px;
	background:url(skins/sweet/bottomNavOFF.png) 0 0 no-repeat;
	padding-left:9px;
	cursor: pointer;
}

.allinone_carousel.sweet .bottomNavButtonON {
	float:left;
	display:block;
	width:11px;
	height:11px;
	padding-left:9px;
	background:url(skins/sweet/bottomNavON.png) 0 0 no-repeat;
	cursor: pointer;
}

.allinone_carousel.sweet .bottomNavLeft {
	position:absolute;
	width:63px;
	height:35px;
	bottom:-10px;
	z-index:140;
}
.allinone_carousel.sweet .bottomNavRight {
	position:absolute;
	width:63px;
	height:35px;
	bottom:-10px;
	z-index:140;
}

.allinone_carousel.sweet .bottomOverThumb {
	position:absolute;
	width:88px;
	height:106px;
	background:url(skins/sweet/bottomOverThumbBg.png) 23px bottom no-repeat;
	bottom:27px;
	margin-left:-25px;
}
.allinone_carousel.sweet .bottomOverThumb img {
	border:4px solid #FFFFFF;
}







/***powerful SKIN***/

.allinone_carousel.powerful .contentHolderUnit {
	position:absolute;
	/*float:left;
	display:block;*/
	width:326px;
	height:329px;
	overflow:hidden;
	cursor: pointer;
	background:url(skins/powerful/empty.gif) repeat;
}

.allinone_carousel.powerful .elementTitle {
	position:absolute;
	left:0;
	top:385px;
	width:100%;
	text-align:center;
	font: bold 22px/1.5em 'Droid Sans', Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
	text-transform:capitalize;
}
.allinone_carousel.powerful .playOver {
	position:absolute;
	width:100px;
	height:100px;
	background:url(skins/powerful/play_over.png) 0 0 no-repeat;
	display:none;
	z-index:200;
	cursor: pointer;
}

.allinone_carousel.powerful .playOver:hover {
	background:url(skins/powerful/play_over2.png) 0 0 no-repeat;
	display:none;
	z-index:200;
	cursor: pointer;
}

.text {
	position:absolute;
	left:0;
	width:100%;
	text-align:center;
	font: bold 13px/1.3em 'Droid Serif', serif;
	color:#FFFFFF;
	text-transform: none;
}

.allinone_carousel.powerful .bannerControls {
	position:absolute;
	left:0;
	top:0;
	z-index:101;
	width:100%;
}

.allinone_carousel.powerful .leftNav {
	position:absolute;
	left:-23px;
	margin-top:-33px; /* height/2 */
	width:110px;
	height:157px;
	background:url(skins/powerful/leftNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
}
.allinone_carousel.powerful .leftNav:hover {
	background:url(skins/powerful/leftNavON.png) 0 0 no-repeat;
}
.allinone_carousel.powerful .rightNav {
	position:absolute;
	right:-23px;
	margin-top:-33px; /* height/2 */
	width:110px;
	height:157px;
	background:url(skins/powerful/rightNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
}
.allinone_carousel.powerful .rightNav:hover {
	background:url(skins/powerful/rightNavON.png) 0 0 no-repeat;
}
.allinone_carousel.powerful .bottomNav {
	position:absolute;
	height:35px;
	width:0;
	padding-left:9px;
	margin-left:-3px;
	bottom:-25px;
	z-index:140;
}
.allinone_carousel.powerful .bottomNavButtonOFF {
	float:left;
	display:block;
	width:13px;
	height:13px;
	background:url(skins/powerful/bottomNavOFF.png) 0 0 no-repeat;
	padding-left:9px;
	cursor: pointer;
}

.allinone_carousel.powerful .bottomNavButtonON {
	float:left;
	display:block;
	width:13px;
	height:13px;
	padding-left:9px;
	background:url(skins/powerful/bottomNavON.png) 0 0 no-repeat;
	cursor: pointer;
}

.allinone_carousel.powerful .bottomNavLeft {
	position:absolute;
	width:0px;
	height:35px;
	bottom:-10px;
	z-index:140;
}
.allinone_carousel.powerful .bottomNavRight {
	position:absolute;
	width:0px;
	height:35px;
	bottom:-10px;
	z-index:140;
}

.allinone_carousel.powerful .bottomOverThumb {
	position:absolute;
	width:88px;
	height:106px;
	background:url(skins/powerful/bottomOverThumbBg.png) 23px bottom no-repeat;
	bottom:27px;
	margin-left:-25px;
}
.allinone_carousel.powerful .bottomOverThumb img {
	border:4px solid #FFFFFF;
}



.hideElement {
	display:none;
}

