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

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

.jcarousel-list li.jcarousel-item, .jcarousel-item { float: left; list-style: none; width: 75px; }
#main div.frame .jcarousel-list li.jcarousel-item { padding-left: 0; background: none; }

/**
 * 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; background: transparent url(/images/next.gif) no-repeat right center; position: absolute; bottom: 0; right: 0; padding-right: 12px; cursor: pointer; color: #000099; text-decoration: underline; }

.jcarousel-prev { z-index: 3; display: none; background: transparent url(/images/previous.gif) no-repeat left center; position: absolute; bottom: 0;/*left: 4px*/; padding-left: 12px; cursor: pointer; color: #000099; text-decoration: underline; }