/* $Id: jcarousel.css,v 1.1.2.1 2007/08/14 22:26:15 wimleers Exp $ */

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container .jcarousel-clip #l1 {
  /*
  margin: 0 0 0 -35px;
  */
  margin: 0 0 0 0;
}

.jcarousel-container {
  height: 60px;
  position: relative;
  background-color:#F2F0ED;
  border-bottom: 1px solid #FFFFFF;
  overflow: visible;
}

.jcarousel-clip {
  z-index: 2;
  height: 59px;
  padding: 0;
  margin: 0 25px;
  position: relative;
  overflow: visible;
  border-bottom: 1px solid #E0DEDB;
  width: 670px;
}

.jcarousel-list {
  height: 59px;
  overflow: visible;
  position: relative;
  float: left;
  display: inline;
  width: 984px;
}

.jcarousel-list li {
  display: inline;
  float: left;
}

.jcarousel-item {
  list-style: none;
  /* We set the width/height explicitly. No width/height causes infinite loops. */
  width: 70px;
  height: 45px;
}

/**
 * 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 {
  display: none;
  float:left;
}

.jcarousel-prev {
  display: none;
  float:left;
}

/**
 * Undo default Drupal styling (margins and list style).
 */
ul.jcarousel,
ul.jcarousel li,
ul.jcarousel .block {
  margin: 0;
  padding: 0;
}

ul.jcarousel li {
  background: none;
  list-style-image: none;
  list-style-type: none;
  float: left;
}