/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-clip-horizontal {
	width:560px;
	height:110px;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 100px;
    height: 100px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}




.jcarousel-container-horizontal {
    background:     transparent url(../img/slide_bg.png) top left repeat-x;
	width:          670px;
	height:         122px;
    margin-bottom:  20px;
    text-align:     center;
}




.jcarousel-item {
    width:      100px;
    height:     100px;
}

.jcarousel-item-horizontal {
    margin-right:15px;
    margin-top: 10px;
}




/**
 *  Horizontal Buttons
 */
.jcarousel-next-horizontal {
    float:      right;
    height:     122px;
	width:      40px;
    cursor:     pointer;
    background: transparent url(../img/frecce.png) 0 -122px no-repeat;
	margin-left: 15px;
}

.jcarousel-next-horizontal:hover {
    background: transparent url(../img/frecce.png) -40px -122px no-repeat;
}

.jcarousel-next-horizontal:active {
    background: transparent url(../img/frecce.png) -80px -122px no-repeat;
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background: transparent url(../img/frecce.png) -120px -122px no-repeat;
}

.jcarousel-prev-horizontal {
    float:      left;
    height:     122px;
	width:      40px;
    cursor:     pointer;
    background: transparent url(../img/frecce.png) 0 0 no-repeat;
	margin-right:15px;
}

.jcarousel-prev-horizontal:hover{
    background: transparent url(../img/frecce.png) -40px 0 no-repeat;
}

.jcarousel-prev-horizontal:active {
    background: transparent url(../img/frecce.png) -80px 0 no-repeat;
}


.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background: transparent url(../img/frecce.png) -120px 0 no-repeat;
}