/* CSS Document */
.infiniteCarousel {
  width: 964px;
  position: relative;
}
 
.infiniteCarousel .wrapper {
  width: 964px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 134px;
  margin: 0px;
  position: absolute;
  top: 0;
  overflow:hidden;
}
 
.infiniteCarousel .wrapper ul {
  width: 840px; /* single item * n */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
  width:9999px;
}
 
.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 0px;
  display:inline;
  margin-right:4px;
  height: 134px;
  width: 157px;
}
 
.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 a.arrow {
  display: block;
  height: 133px;
  width: 21px;
  float:none !important;
  text-indent: -999px;
  position: absolute !important;
  top: 0px;
  cursor: pointer;
  outline: 0;
  padding: 0px !important;
}
 
.infiniteCarousel .forward {
  background-position: 0 0;
  background: url(../gfx/HPcarouselRight.png) no-repeat 0 0;
  right: 3px;
}
 
.infiniteCarousel .back {
  background-position: 0 0px;
  background: url(../gfx/HPcarouselLeft.png) no-repeat 0 0;
  left: 0px;
}