#carousel {
  padding: 5px;
  width: 350px; /* 360px - (2 * 5px) */
  height: 230px; /* 240px - (2 * 5px) */
  background: url(../images/carousel-bg.gif) no-repeat top left;
}
.carousel-nav {
  list-style: none;
  padding: 4px 8px;
  width: 334px; /* 350px - (8px * 2) */
  height: 60px; /* 68px - (4px *2) */
  margin: 0;
  margin-left: 5px;
  margin-top: -73px;
  z-index: 500;
  position: relative;
}
#carousel-black-bg {
  padding: 4px 8px;
  width: 334px; /* 350px - (8px * 2) */
  height: 60px; /* 68px - (4px *2) */
  margin-left: 5px;
  margin-top: -68px;
  z-index: 499;
  position: relative;
  background: url(../images/black-full.png);
  opacity: 0.4;
  -moz-opacity: 0.4;
  filter:alpha(opacity=40);
}
.carousel-nav li {
  display: block;
  padding: 7px 2px 2px 2px;
  width: 71px; /* 75px - (2px + 2px) */
  height: 47px; /* 56px - (7px - 2px) */
  overflow: hidden;
  float: left;
  margin: 0 4px 10px 4px;
  background: url(../images/carousel-thumb-bg.gif) no-repeat 0px -2px;
}
.carousel-nav li a {
  display: none
}
.carousel-nav li div {
  position: absolute;
  display: none;
  top: 0;
  left: 180px
}
.carousel-nav li div img {
  cursor: pointer
}
.carousel-nav li.active div img,
.carousel-nav li.active div {
  display: block
}
.carousel-nav li.active {
  background: url(../images/carousel-thumb-bg.gif) no-repeat 0px -59px;
}
.carousel-nav li img.thumb {
  cursor: pointer;
  top: auto;
  left: auto;
  display: block;
  width: auto;
  height: auto
}
.carousel-nav li .caption {
  display: block;
  padding-top: .5em
}
* html .carousel-nav li div span {
  /* MSIE bug */
  width: 400px
}