/* Horizontal Carousel */
#spinner {
      position: absolute;
      top: 0px;
      left: 50px;
      width: 100%;
      height: 100px;
      background: #f8fbfd;
      z-index: 10;
      text-align: center;
      font-size: 10px;
      line-height: 12px;
      padding-top: 30px;
      opacity: 0;
      margin-left: -50px;
	  font-family:Arial, Helvetica, sans-serif;
}

#horizontal_carousel {
  width: 728px;
  height: 100px;
  margin-bottom: 10px;
  position: relative;
  
}

#horizontal_carousel .container {
  float: left;
  width: 708px;
  height: 100px;
  position: relative;    
  overflow: hidden;
  vertical-align:middle;
}

#horizontal_carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 100px;
}                      

#horizontal_carousel ul li {
  width: 101px;
  height: 100px;
  text-align: center; 
  vertical-align:middle;
  list-style:none;
  float:left;
  background-color:#f8fbfd;
}

#horizontal_carousel .previous_button {
  float:left;  
  width: 10px;
  height: 100px;
  background: url(prototype-ui/horizontal/left.png);
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel .previous_button_over {
  background: url(prototype-ui/horizontal/left_over.png);
}

#horizontal_carousel .previous_button_disabled {
  background: url(prototype-ui/horizontal/left_disabled.png);
  cursor: default;
}

#horizontal_carousel .next_button {
  float:left;  
  width: 10px;
  height: 100px;
  background: url(prototype-ui/horizontal/right.png);
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel .next_button_over {
  background: url(prototype-ui/horizontal/right_over.png);
}

#horizontal_carousel .next_button_disabled {
  background: url(prototype-ui/horizontal/right_disabled.png);
  cursor: default;
}