/**
* 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-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;
height: 75px;
padding:0 20px;
}

/**
* 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-skin .jcarousel-container {
float: left;
}
.jcarousel-skin .jcarousel-container-horizontal {
width: 540px;

}
.jcarousel-skin .jcarousel-container-vertical {
height: 50px;
width: 180px;
}
.jcarousel-skin .jcarousel-clip-horizontal {
height: 50px;
width: 540px; 
}
.jcarousel-skin .jcarousel-clip-vertical {
height: 50px;
width: 180px;
}
.jcarousel-skin .jcarousel-item {
height: 50px;
width: 180px;
}
.jcarousel-skin .jcarousel-item:hover {
border-color: #808080;
}
.jcarousel-skin .jcarousel-item-horizontal {
}
.jcarousel-skin .jcarousel-item-vertical {
}
.jcarousel-skin .jcarousel-item-placeholder {
}
.jcarousel-skin .jcarousel-next-horizontal {
display: none;
}
.jcarousel-skin .jcarousel-prev-horizontal {
display: none;
}