/* Horizontal Carousel */


#horizontal_carousel {
  float: left;
  width: 100%;
  height: 175px;
  position: relative;
  background-color:#ffffff;
  border-top:1px solid #cccccc;

  border-bottom:1px solid #cccccc;
  margin-bottom:1em;
}

#horizontal_carousel .container {
  float: left;
  width: 87%;
  height: 175px;
  position: relative;    
  overflow: hidden;


}

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

#horizontal_carousel ul li {
  width: 7.3em;
  height: 86px;
  text-align: center; 
  list-style:none;   
  float:left;
  overflow:hidden;
  border:0.1em solid #cccccc;
  margin-right:0.47em;
}

#horizontal_carousel ul li a {
cursor: hand;
cursor: pointer;}


#horizontal_carousel ul li img {
height:86px;
}


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

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

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

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

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

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



