/*
skins available:
	- sweet
	- powerful
	- charming
*/


/* 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(../img/loader.gif);
    width: 37px;
    height: 37px;
    position: absolute;
    left: 49%;
    top: 49%;
    z-index: 999;
}


/***charming SKIN***/

.allinone_carousel.charming .contentHolderUnit {
    position: absolute;
    /*float:left;
	display:block;*/
    width: 452px;
    height: 302px;
    overflow: hidden;
    cursor: pointer;
    background: url(../img/empty.gif) repeat;
}

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

.allinone_carousel.charming .playOver {
    position: absolute;
    width: 73px;
    height: 73px;
    background: url(../img/play_overOFF.png) 0 0 no-repeat;
    display: none;
    z-index: 200;
    cursor: pointer;
}

.allinone_carousel.charming .playOver:hover {
    background: url(../img/play_overON.png) 0 0 no-repeat;
    display: none;
    z-index: 200;
    cursor: pointer;
}

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

.allinone_carousel.charming .leftNav {
    position: absolute;
    left: 5px;
    width: 47px;
    height: 47px;
    background: url(../img/leftNavOFF.png) 0 0 no-repeat;
    cursor: pointer;
}

.allinone_carousel.charming .leftNav:hover {
    background: url(../img/leftNavON.png) 0 0 no-repeat;
}

.allinone_carousel.charming .rightNav {
    position: absolute;
    right: 5px;
    width: 47px;
    height: 47px;
    background: url(../img/rightNavOFF.png) 0 0 no-repeat;
    cursor: pointer;
}

.allinone_carousel.charming .rightNav:hover {
    background: url(../img/rightNavON.png) 0 0 no-repeat;
}

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

.allinone_carousel.charming .bottomNavButtonOFF {
    float: left;
    display: block;
    width: 19px;
    height: 19px;
    background: url(../img/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(../img/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(../img/bottomOverThumbBg.png) 23px bottom no-repeat;
    bottom: 27px;
    xleft: 0px;
    margin-left: -25px;
}

.allinone_carousel.charming .bottomOverThumb img {
    border: 4px solid #22032e;
}


/*******/


/***sweet SKIN***/

.allinone_carousel.sweet .contentHolderUnit {
    position: absolute;
    /*float:left;
	display:block;*/
    width: 520px;
    height: 385px;
    overflow: hidden;
    cursor: pointer;
    /*border:1px #F00 solid;*/
    background: url(../img/sweet/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 .playOver {
    position: absolute;
    width: 100px;
    height: 70px;
    background: url(../img/sweet/play_overON.png) 0 0 no-repeat;
    display: none;
    z-index: 200;
    cursor: pointer;
}

.allinone_carousel.sweet .playOver:hover {
    background: url(../img/sweet/play_overOFF.png) 0 0 no-repeat;
    display: none;
    z-index: 200;
    cursor: pointer;
}

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

.allinone_carousel.sweet .leftNav {
    position: absolute;
    left: -5px;
    width: 110px;
    height: 157px;
    background: url(../img/sweet/leftNavOFF.png) 0 0 no-repeat;
    cursor: pointer;
}

.allinone_carousel.sweet .leftNav:hover {
    background: url(../img/sweet/leftNavON.png) 0 0 no-repeat;
}

.allinone_carousel.sweet .rightNav {
    position: absolute;
    right: -5px;
    width: 110px;
    height: 157px;
    background: url(../img/sweet/rightNavOFF.png) 0 0 no-repeat;
    cursor: pointer;
}

.allinone_carousel.sweet .rightNav:hover {
    background: url(../img/sweet/rightNavON.png) 0 0 no-repeat;
}

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

.allinone_carousel.sweet .bottomNavButtonOFF {
    float: left;
    display: block;
    width: 11px;
    height: 11px;
    background: url(../img/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(../img/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(../img/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(../img/powerful/empty.gif) repeat;
}

.allinone_carousel.powerful .elementTitle {
    position: absolute;
    left: 0;
    top: 370px;
    width: 100%;
    text-align: center;
    font: bold 16px/25px 'Droid Sans', Verdana, Helvetica, sans-serif;
    color: #FFFFFF;
    text-transform: uppercase;
}

.allinone_carousel.powerful .playOver {
    position: absolute;
    width: 100px;
    height: 100px;
    background: url(../img/powerful/play_over.png) 0 0 no-repeat;
    display: none;
    z-index: 200;
    cursor: pointer;
}

.allinone_carousel.powerful .playOver:hover {
    background: url(../img/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-weight: normal;
    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;
    width: 110px;
    height: 157px;
    background: url(../img/powerful/leftNavOFF.png) 0 0 no-repeat;
    cursor: pointer;
}

.allinone_carousel.powerful .leftNav:hover {
    background: url(../img/powerful/leftNavON.png) 0 0 no-repeat;
}

.allinone_carousel.powerful .rightNav {
    position: absolute;
    right: -23px;
    width: 110px;
    height: 157px;
    background: url(../img/powerful/rightNavOFF.png) 0 0 no-repeat;
    cursor: pointer;
}

.allinone_carousel.powerful .rightNav:hover {
    background: url(../img/powerful/rightNavON.png) 0 0 no-repeat;
}

.allinone_carousel.powerful .bottomNav {
    position: absolute;
    height: 35px;
    width: 0;
    padding-left: 9px;
    margin-left: -3px;
    z-index: 140;
}

.allinone_carousel.powerful .bottomNavButtonOFF {
    float: left;
    display: block;
    width: 13px;
    height: 13px;
    background: url(../img/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(../img/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(../img/powerful/bottomOverThumbBg.png) 23px bottom no-repeat;
    bottom: 27px;
    margin-left: -25px;
}

.allinone_carousel.powerful .bottomOverThumb img {
    border: 4px solid #FFFFFF;
}

.hideElement {
    display: none;
}