.x-carousel-layout {
    overflow:hidden;
    position:relative;
    zoom:1;
}

.x-carousel-left-scrollbutton {
    width: 18px;
    position: absolute;
    top:0px;
    left: 0px;
    background: url(../ext/resources/images/default/tabs/scroll-left.gif) no-repeat -18px center;
    height:100%;
}

.x-carousel-right-scrollbutton {
    width: 18px;
    position: absolute;
    top:0px;
    right: 0px;
    background: url(../ext/resources/images/default/tabs/scroll-right.gif) no-repeat 0px center;
    height:100%;
}

.x-carousel-scroller {
    overflow:hidden;
    margin: 0 20px;
}

.x-carousel-body {
    width: 10000px;
    overflow: hidden;
    zoom: 1;
}

.x-carousel-scroller .x-carousel-body .x-carousel-item {
    float:left;
    overflow:hidden;
    zoom:1
}

/*
Vertical
*/
.x-carouselv-layout {
    overflow:hidden;
    position:relative;
    height: 100%;
    zoom:1;
}

.x-carouselv-left-scrollbutton {
    width: 100%;
    position: absolute;
    top:0px;
    left: 0px;
    background: url(Carousel/img_button-arrow-up.gif) no-repeat center center;
    height:32px;
}

.x-carouselv-right-scrollbutton {
    width: 100%;
    position: absolute;
    bottom:0px;
    right: 0px;
    background: url(Carousel/img_button-arrow-down.gif) no-repeat center 0px;
    height:32px;
}

.x-carouselv-scroller {
    overflow:hidden;
    margin-top: 32px;
}

.x-carouselv-body {
    height: 10000px;
    width: auto;
    overflow: hidden;
    zoom: 1;
}

.x-carouselv-item {
    width: auto;
    overflow: hidden;
    zoom: 1;
}

.x-carouselv-scroller .x-carouselv-body  {
    float:left;
    overflow:hidden;
    zoom:1
}