/* This is the aesthetic of the external container */
.jcarousel-skin .jcarousel-container {
   /* background-color: #FEFEFE;*/
   height: 175px;
}


/* This is the size/position of the external container */
.jcarousel-skin .jcarousel-container-horizontal {
    width: 330px;
}

/* I don't know what this does. This may only be used if we
    set it to use a vertical carousel. I'm commenting it out for now. */
/*.jcarousel-skin .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}*/

/* This is the size of the internal container */
.jcarousel-skin .jcarousel-clip-horizontal {
    width: 330px;
    height: 180px;
    margin-left: -5px;
}

/* see my comment about 'only being used with vertical config' above */
/*.jcarousel-skin .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}*/

/* This is the style of the individual items */
.jcarousel-skin .jcarousel-item {
    width: 330px;
    height: 180px;
}


/*.jcarousel-skin .jcarousel-item-horizontal {
    margin-right: 10px;
}*/

/*.jcarousel-skin .jcarousel-item-vertical {
    margin-bottom: 10px;
}*/

.jcarousel-skin .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}