#mycarousel ul { list-style: none; margin: 0; }
#mycarousel li { margin: 0; }

/* =================================================
This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container".
==================================================== */
.jcarousel-container { position: relative; }
.jcarousel-container ul { margin: 0; padding: 0; list-style: none; }
.jcarousel-container ul li { margin: 0; padding: 0; background: transparent none; }
.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; list-style: none; }
.jcarousel-list li,
.jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 218px; height: 160px; }

/* =================================================
jCarousel skin stylesheet
==================================================== */
.jcarousel-skin-tango .jcarousel-container { /*background: #CCC; border: 1px solid #CCC;*/ }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 218px; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 218px; height: 160px; }
.jcarousel-skin-tango .jcarousel-item { width: 218px; height: 160px; }
.jcarousel-skin-tango .jcarousel-item-horizontal {  }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #C00; color: #000; }

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

/* =================================================
Horizontal Buttons
==================================================== */
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 60px; right: -20px; width: 40px; height: 40px; cursor: pointer; background: transparent url("/ui/carousel-next.gif") no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: 0 -40px; }
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: 0 -80px; }
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: 0 -120px; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 60px; left: -20px; width: 40px; height: 40px; cursor: pointer; background: transparent url("/ui/carousel-prev.gif") no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: 0 -40px; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: 0 -80px; }
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: 0 -120px; }

/* =================================================
Additional styles for the controls
==================================================== */
.jcarousel-control { margin-bottom: 10px; text-align: center; }
.jcarousel-control a { font-size: 75%; text-decoration: none; padding: 0 5px; margin: 0 0 5px 0; border: 1px solid #fff; color: #EEE; background-color: #4088b8; font-weight: bold; }
.jcarousel-control a:focus,
.jcarousel-control a:active { outline: none; }
.jcarousel-scroll { margin-top: 10px; text-align: center; }