/* the container */
.magic_carousel {
	position:relative;
	overflow:hidden;
	display: none;
}
.magic_carousel img {
	max-width:none;
	max-height:none;
}
.magic_carousel_list {
	margin:0;
	padding:0;
	list-style:none;
	display:none;
}

.magic_carousel .contentHolder {
	position:relative;
	overflow:hidden;
}
.mycanvas {
	position:absolute;
	top:8px;
	right:10px;
	z-index:1000;
}

.myloader {
	background:url(../skins/loader.gif);
	width:37px;
	height:37px;
	position:absolute;
	left:49%;
	top:49%;
	z-index:999;
}

.hideElement {
	display:none;
}


/***white SKIN***/
.magic_carousel.white .contentHolderUnit {
	position:absolute;
	overflow:hidden;
	cursor: pointer;
	background:url(../skins/white/empty.gif) repeat;
	border-style:solid;
}

.magic_carousel.white .elementTitle {
	position:absolute;
	left:0;
	top:15px;
	width:100%;
	text-align:center;
	font: bold 22px/22px 'PT Sans', sans-serif;
	color:#333333;
}

.magic_carousel.white .elementTitle .elementSubTitle {
	position:absolute;
	left:0;
	width:100%;
	text-align:center;
	color:#777;
	font-weight:normal;
}


.magic_carousel.white .iconOver {
	position:absolute;
	width:63px;
	height:63px;
	background-position:left top;
	background-repeat:no-repeat;
	display:none;
	z-index:200;
	cursor: pointer;
}


.magic_carousel.white .bannerControls {
	position:absolute;
	left:0;
	top:0;
	z-index:101;
	width:100%;
}

.magic_carousel.white .leftNav {
	position:absolute;
	left:7px;
	width:48px;
	height:48px;
	background:url(../skins/white/leftNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
}

.magic_carousel.white .leftNav:hover {
	background:url(../skins/white/leftNavON.png) 0 0 no-repeat;
}

.magic_carousel.white .rightNav {
	position:absolute;
	right:7px;
	width:48px;
	height:48px;
	background:url(../skins/white/rightNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
}

.magic_carousel.white .rightNav:hover {
	background:url(../skins/white/rightNavON.png) 0 0 no-repeat;
}

.magic_carousel.white .bottomNav {
	position:absolute;
	height:35px;
	width:0;
	padding-left:9px;
	z-index:140;
}

.magic_carousel.white .bottomNavButtonOFF {
	float:left;
	display:block;
	width:12px;
	height:12px;
	background:url(../skins/white/bottomNavOFF.png) 0 0 no-repeat;
	padding-left:6px;
	cursor: pointer;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}

.magic_carousel.white .bottomNavButtonON {
	float:left;
	display:block;
	width:12px;
	height:12px;
	padding-left:6px;
	background:url(../skins/white/bottomNavON.png) 0 0 no-repeat;
	cursor: pointer;
}

.magic_carousel.white .bottomNavLeft {
	display:none;
	position:absolute;
	z-index:140;
}
.magic_carousel.white .bottomNavRight {
	display:none;
	position:absolute;
	z-index:140;
}

.magic_carousel.white .bottomOverThumb {
	position:absolute;
	width:88px;
	height:106px;
	background:url(../skins/white/bottomOverThumbBg.png) 23px bottom no-repeat;
	bottom:27px;
	xleft:0px;
	margin-left:-25px;
}
.magic_carousel.white .bottomOverThumb img {
	border:4px solid #333333;
}