/*
skins available:
	- sweet
*/


.screenshot-image{
    background:url(images/bg.jpg) no-repeat top center scroll #fff;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;      
}

.overlay {
    background: none repeat scroll 0 0 rgba(255,255,255,0.5);
    width: 100%;
    height: 100%;
    padding-top: 150px;
    padding-bottom:600px;
    position: relative;
}
.gradient{
    background: url(images/gradient.png) repeat-x top center;
    position: absolute;
    width: 100%;
    bottom:0px;
    height: 200px;
}
.slider-3d{
    margin-top: 20px;
    padding-bottom:20px;
}
.slider-3d > div{
    margin: 0 auto;
}
.allinone_carousel.sweet .elementTitle{
    color: #888;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;

}
.allinone_carousel.sweet .contentHolderUnit{
    -moz-box-shadow:1px -2px 10px 0px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:1px -2px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow:1px -2px 10px 0px rgba(0, 0, 0, 0.5);
}



/* the container */
.allinone_carousel {
	position:relative;
}
.allinone_carousel img {
	max-width:none;
	max-height:none;
}
.allinone_carousel_list {
	margin:0;
	padding:0;
	list-style:none;
	display:none;
}

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

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

/***sweet SKIN***/

.allinone_carousel.sweet .contentHolderUnit {
	position:absolute;
	/*float:left;
	display:block;*/
	width:400px;
        height: 712px;
	overflow:hidden;
	cursor: pointer;
	/*border:1px #F00 solid;*/
	background:url(images/empty.gif) repeat;
}


.allinone_carousel.sweet .elementTitle {
	position:absolute;
	left:0;
	top:15px;
	width:100%;
	text-align:center;
	font: bold 22px/30px 'Droid Sans', Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
	text-transform:capitalize;
}

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

.allinone_carousel.sweet .leftNav {
	position:absolute;
	left:0px;
	width:30px;
	height:52px;
	background:url(images/leftNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
}
.allinone_carousel.sweet .leftNav:hover {
	background:url(images/leftNavON.png) 0 0 no-repeat;
}
.allinone_carousel.sweet .rightNav {
	position:absolute;
	right:0px;
	width:30px;
	height:52px;
	background:url(images/rightNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
}
.allinone_carousel.sweet .rightNav:hover {
	background:url(images/rightNavON.png) 0 0 no-repeat;
}


/*
.allinone_carousel.sweet .bottomNav {
	position:absolute;
	height:35px;
	width:0;
	z-index:140;
}
.allinone_carousel.sweet .bottomNavButtonOFF {
	float:left;
	display:block;
	width:10px;
	height:10px;
	background:url(images/bottomNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
}

.allinone_carousel.sweet .bottomNavButtonON {
	float:left;
	display:block;
	width:10px;
	height:10px;
	background:url(images/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:165px;
	background:url(images/bottomOverThumbBg.png) 20px bottom no-repeat;
	bottom:30px;
	margin-left:-20px;
}
.allinone_carousel.sweet .bottomOverThumb img {
	border:4px solid #fff;
}

.hideElement {
	display:none;
}