.infiniteCarousel {

  width: 555px;

  position: relative;

}

.infiniteCarousel .wrapper {

  width: 555px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: auto;
  margin: 0 49px;
  position: relative;
  top: 0;
  _left:-150px; /* important (this should be negative number of list items width(including margin) */  
}

.infiniteCarousel ul a img {

  border: none;

}

.infiniteCarousel .wrapper ul {
  position: relative;
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  top: 0;
}

.infiniteCarousel ul li {

  display:block;

  float:left;

  padding: 4px;

  height: auto;

  width: auto;

}

.infiniteCarousel ul li a img {

  display:block;

}

.infiniteCarousel .arrow {

  display: block;

  height: 36px;

  width: 37px;

  background: url(../images/arrow.png) no-repeat 0 0;

  text-indent: -999px;

  position: absolute;

  top: 25px;

  cursor: pointer;

}

.infiniteCarousel .forward {

  background-position: 0 0;

  right: 3px;

}

.infiniteCarousel .back {

  background-position: 0 -72px;

  left: -3px;

}

.infiniteCarousel .forward:hover {

  background-position: 0 -36px;

}

.infiniteCarousel .back:hover {

  background-position: 0 -108px;

}

/* CSS Document */