
.infiniteCarousel {
  width:880px;
  position:relative;
  background:rgb(255,255,255);
  background:rgba(255,255,255,0.4);
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  height:200px;

}

.infiniteCarousel .wrapper {
  width:800px;
  overflow:auto;
  min-height:10em;
  margin:0 40px;
  position:absolute;
  top:0;
  height:200px;
}

.infiniteCarousel ul a img {
  border:5px solid rgb(136,148,123);
  border:5px solid rgba(136,148,123,0.8);
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}

.infiniteCarousel ul a:hover img{
  border:5px solid rgb(126,138,113);

}

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

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding:10px;
  height:350px;
  width:140px;
  text-align:center;
  font-size:0.8em;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display:block;
  height:36px;
  width:37px;
  background:url(/images/carousel-arrow.png) no-repeat 0 0;
  text-indent:-999px;
  position:absolute;
  top:40%;
  cursor:pointer;
}

.infiniteCarousel .forward {
  background-position:0 0;
  right:0;
}

.infiniteCarousel .back {
  background-position:0 -72px;
  left:0;
}

.infiniteCarousel .forward:hover {
  background-position:0 -36px;
}

.infiniteCarousel .back:hover {
  background-position:0 -108px;
}
