/* Horizontal Carousel */
#carousel {
    margin:10px 10px 10px 0;
    border:1px solid #e3e3e3;
    position: relative;
    height: 77px;
    width: 586px;
}

#carousel .container {
  float: left;
  width: 546px;
  position: relative;
  overflow: hidden;
}

#carousel ul {
  margin-top:7px;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
}                      

#carousel ul li {
  width: 70px;
  text-align: center;
  list-style:none;
  float:left;
}

#carousel .previous_button {
  float:left;  
  width: 20px;
  height: 77px;
  background: url(carousel/left.png);
  z-index: 100;
  cursor: pointer;
}

#carousel .previous_button_over {
  background: url(carousel/left_over.png);
}

#carousel .previous_button_disabled {
  background: url(carousel/left_disabled.png);
  cursor: default;
}

#carousel .next_button {
  float:left;  
  width: 20px;
  height: 77px;
  background: url(carousel/right.png);
  z-index: 100;
  cursor: pointer;
}

#carousel .next_button_over {
  background: url(carousel/right_over.png);
}

#carousel .next_button_disabled {
  background: url(carousel/right_disabled.png);
  cursor: default;
}