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


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

/* 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: 442px;
    height: 310px;
}

/* 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: 420px;
    height: 310px;
    padding: 1em;
}
    /* I added these */
    .jcarousel-item h1 { font-size:18px; font-weight:bold; }
   /* .jcarousel-item .carousel-tease img { width: 400px; }*/

/*.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;
}

/* We're not using any buttons, so I've commented 
    out everything down here, too */
    
/* HORIZONTAL styles
.jcarousel-skin .jcarousel-next-horizontal { position: absolute; top: 43px; right: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(next-horizontal.png) no-repeat 0 0; }
.jcarousel-skin .jcarousel-next-horizontal:hover { background-position: -32px 0; }
.jcarousel-skin .jcarousel-next-horizontal:active { background-position: -64px 0; }
.jcarousel-skin .jcarousel-next-disabled-horizontal, .jcarousel-skin .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; }
.jcarousel-skin .jcarousel-prev-horizontal { position: absolute; top: 43px; left: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(prev-horizontal.png) no-repeat 0 0; }
.jcarousel-skin .jcarousel-prev-horizontal:hover { background-position: -32px 0; }
,jcarousel-skin .jcarousel-prev-horizontal:active { background-position: -64px 0; }
.jcarousel-skin .jcarousel-prev-disabled-horizontal, .jcarousel-skin .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; }

   VERTICAL styles
.jcarousel-skin .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(next-vertical.png) no-repeat 0 0; }
.jcarousel-skin .jcarousel-next-vertical:hover { background-position: 0 -32px; }
.jcarousel-skin .jcarousel-next-vertical:active { background-position: 0 -64px; }
.jcarousel-skin .jcarousel-next-disabled-vertical, .jcarousel-skin .jcarousel-next-disabled-vertical:hover, .jcarousel-skin .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; }
.jcarousel-skin .jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(prev-vertical.png) no-repeat 0 0; }
.jcarousel-skin .jcarousel-prev-vertical:hover { background-position: 0 -32px; }
.jcarousel-skin .jcarousel-prev-vertical:active { background-position: 0 -64px; }
.jcarousel-skin .jcarousel-prev-disabled-vertical, .jcarousel-skin .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; }
*/