.ui_vertical_carousel {
}

#vertical_carousel {
  float:left;
	padding:20px;
  border-right:1px solid #6b5042;
  width: 207px;
  height: 317px;
  margin-bottom: 10px;
  position: relative;
}

#vertical_carousel .holder{
  float:left;  
  width: 200px;
  height: 240px;
  padding-bottom:10px;
  overflow: hidden;
  position:relative;
  z-index:3;	
}

#vertical_carousel ul {
  margin: 0;
  padding:0;
  height: 10000px;
  position: relative;
  top: 0;
  left: 0;
z-index:1;
}

#vertical_carousel ul li {
  width: 140px;
  height:60px;
 padding:10px 0 10px 25px;
  text-align: center;      
  list-style:none;   
  float:left;
  text-transform:none;
  color:#fff7e3;	
	font-size:12px;
}     
#vertical_carousel ul li a{
	color:#fff7e3;
}    
#vertical_carousel ul li a:hover, #vertical_carousel ul li a.selected{
	color:#9bc0ac;
}           
#vertical_carousel ul li a span{
	text-transform:uppercase;
}     

#vertical_carousel .previous_button {
  float:left;
  height: 12px;
  width: 175px;
  background: url(/images/arrow-up.jpg) no-repeat;
  cursor: pointer;    
  display:inline;
  margin: 0 0 10px 40px;
  z-index:1000;
}

#vertical_carousel .previous_button_over {
  background: url(/images/arrow-up.jpg) no-repeat;
z-index:1000;
}

#vertical_carousel .previous_button_disabled {
  background: url(/images/arrow-up.jpg) no-repeat;
  cursor: default;
z-index:1000;
}

#vertical_carousel .next_button {
  float:left;
  height: 12px;
  width: 175px;
  background: url(/images/arrow-down.jpg) no-repeat;
  display:inline;
  margin:10px 0 0 40px;
  cursor: pointer;
z-index:1000;
}

#vertical_carousel .next_button_over {
  background: url(/images/arrow-down.jpg) no-repeat;
z-index:1000;
}

#vertical_carousel .next_button_disabled {
  background: url(/images/arrow-down.jpg) no-repeat;
  cursor: default;
z-index:1000;
}