/* Carousel */
.carousel {
  position: relative;
  float:left;
  width:700px;
  height:460px;
}
.carousel img {
  border: 0;
  display: block;
  cursor: pointer;
}
.carousel ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style-type: none !important;
}
/* Viewport */
.carousel .viewport {
  overflow: hidden;
  position: relative;
}
.carousel .viewport ul {
  width: 6000px;
}
.carousel .viewport ul li {
  display: block;
  float: left;
}
.carousel .viewport ul ul {
  width: auto;
  float: left;
}
.carousel .viewport ul ul li {
  margin-right: 0;
  padding:0 26px;
}
/* Navigation */
.carousel .nav {
  position: absolute;
  left:30px;
  bottom: 37px;
  width:640px;
}
.carousel .nav li a {
  display: block;
  overflow: hidden;
  text-indent: -100em;
  background: url(../images/icon-pager.png) no-repeat right top;
  outline: none;
}
.carousel .nav li a:hover {
  background-position: right top;
}
.carousel .nav .prev {
  position: absolute;
  right: 0px;
}
.carousel .nav .next {
  position: absolute;
  right:0;
}
.carousel .nav .prev a, .carousel .nav .next a {
  width: 13px;
  height: 13px;
  display:none;
}
.carousel .nav .prev a:hover {
  background-position: 0 50%;
}
.carousel .nav .next a {
  background-position: -65px 50%;
}
.carousel .nav .next a:hover {
  background-position: -44px 50%;
}
.carousel .nav .pages {
  position: absolute;
  top: 0px;
  left: 0px;
}
.carousel .nav .pages ul {
  float: left;
}
.carousel .nav .pages li {
  float: left;
  margin-right: 3px;
}
.carousel .nav .pages li a {
  width: 13px;
  height: 13px;
}
.carousel .nav .pages li.active a {
  background-position: left top;
}
.carousel ul, .carousel .nav .pages, .carousel .nav {
  zoom: 1;
}
.carousel ul:after, .carousel .nav .pages:after, .carousel .nav:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}