/* Horizontal Carousel */
.horizontal_carousel {
  float: left;
  width: 543px;
  height: 88px;
  margin-bottom: 5px;
  position: relative;
}

.horizontal_carousel .container {
  float: left;
  width: 491px;
  height: 87px;
  position: relative;    
  overflow: hidden;
}

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

.horizontal_carousel ul li {
	width: 123px;
	height: 87px;
	text-align: center; 
	list-style:none;   
	float:left;
}
.horizontal_carousel ul a img {
	background-color:#FFFFFF;
	padding:1px;
	border:solid 4px #f8cc7e;
	}
.horizontal_carousel ul a img:hover {
	background-color:#FFFFFF;
	padding:1px;
	border:solid 4px #f79623;
}

.horizontal_carousel .previous_button {
  float:left;  
  width: 28px;
  height: 87px;
  background:url(../images/prev_button.gif);
  z-index: 100;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position:12px top;
}

.horizontal_carousel .previous_button_over {
  background:url(../images/prev_button_over.gif);
  background-repeat: no-repeat;
  background-position:12px top;
}

.horizontal_carousel .previous_button_disabled {
  background:url(../images/prev_button_disabled.gif);
  cursor: default;
  background-repeat: no-repeat;
  background-position:12px top;
}

.horizontal_carousel .next_button {
  float:left;  
  width: 24px;
  height: 87px;
  background:url(../images/next_button.gif);
  z-index: 100;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: left top;
}

.horizontal_carousel .next_button_over {
  background:url(../images/next_button_over.gif);
  background-repeat: no-repeat;
  background-position: left top;
}

.horizontal_carousel .next_button_disabled {
  background:url(../images/next_button_disabled.gif);
  cursor: default;
  background-repeat: no-repeat;
  background-position: left top;
}






/* vertical Carousel */

.ui_vertical_carousel {
}

#vertical_carousel {
  float:left;
  width: 350px;
  height: 270px;
  margin-bottom: 10px;
  position: relative;
}

#vertical_carousel .container {
  float:left;  
  width: 260px;
  height: 240px;
  overflow: hidden;
}

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

#vertical_carousel ul li {
  width: 260px;
  height: 240px;
  text-align: center;      
  list-style:none;   
  float:left;
}                         

#vertical_carousel .previous_button {
  float:left;
  height: 32px;
  width: 175px;
  background: url(../images/left.png);
  cursor: pointer;    
  display:inline;
  margin: 0 0 10px 40px;
}

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

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

#vertical_carousel .next_button {
  float:left;
  height: 32px;
  width: 175px;
  background: url(prototype-ui/vertical/right.png);
  display:inline;
  margin-left: 40px;
  cursor: pointer;
}

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

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