/*
.infiniteCarousel {
  width: 475px;
  position: relative;
  margin: 0 auto;
}

.infiniteCarousel .wrapper {
  width: 430px; 
  overflow: auto;
  min-height: 150px;
  margin: 0 auto;
  border: 1px solid;
  position: absolute;    
  top:0;  
}

.infiniteCarousel ul a img {
  border: 1px solid #bebebe;  
}

.infiniteCarousel .wrapper ul {
  width: 1568px;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;  
}

.infiniteCarousel ul li {
  display:block;
  float:left;  
  height: 150px;
  width: 99px;
  margin-top:10px;  
  padding: 4px;  
}

.infiniteCarousel ul li img {
    -webkit-transition: border-color 400ms;
}

.infiniteCarousel ul:hover li img {
  border-color: #000;
}

.infiniteCarousel ul:hover li:hover img {
  border-color: #333;
}

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

.infiniteCarousel .arrow {
  display: block;
  height: 25px;
  width: 11px;
  background: url(../images/arrow.jpg) no-repeat 0 0;  
  position: absolute;
  top: 42px;
  cursor: pointer;
  outline: 0;
}

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

.infiniteCarousel .back {
  background-position: 0 -54px;
  left: 0;
  width: 18px;
}

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

.infiniteCarousel .back:hover {
  background-position: 0 -83px;
}
*/

.infiniteCarousel {
  width: 482px;
  position: relative;
  margin: 0 auto;
}

.infiniteCarousel .wrapper {
  width: 455px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 150px;
  margin: 10px 15px 0 10px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
  border: 1px solid #bebebe;  
}

.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: 8px;
  height: 90px;
  width: 98px;
}

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

.infiniteCarousel .arrow {
  display: block;
  height: 25px;
  width: 11px;
  background: url('../images/arrow.png') no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 50px;
  cursor: pointer;
}

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

.infiniteCarousel .back {
  background-position: 0 -54px;
  left: 0;
  width:15px;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -28px;
  width:15px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -83px;
  width:15px;
}