.carousel {
  padding: 15px 0 15px 40px;
  position: relative;
  width: 660px;
  margin-left: auto;
  margin-right: auto;
}
.carousel ul {
  display: block;
}
.carousel li {
  float: left;
  display: block;
  width: 310px;
  height: auto;
  position: relative;
  margin: 0;
}
.carousel img {
  border: 1px solid #ccc;
  background-color: white;
  padding: 4px;
  display: block;
}
.carousel a.prev,
.carousel a.next {
  transition: none;
  outline: none;
  background: url(/img/icons/miscellaneous_sprite.png) no-repeat transparent;
  width: 45px;
  height: 50px;
  display: block;
  position: absolute;
  top: 210px;
}
.carousel a.prev {
  left: -30px;
  background-position: 0 0;
}
.carousel a.prev:hover {
  background-position: 0 -50px;
}
.carousel a.prev.disabled {
  background-position: 0 -100px !important;
}
.carousel a.next {
  right: -60px;
  background-position: -50px 0;
}
.carousel a.next:hover {
  background-position: -50px -50px;
}
.carousel a.next.disabled {
  background-position: -50px -100px !important;
}
.carousel a.prev.disabled,
.carousel a.next.disabled {
  cursor: default;
}
.carousel a.prev span,
.carousel a.next span {
  display: none;
}
.carousel li img {
  width: 300px;
  height: 420px;
}