/* Horizontal Carousel */
#horizontal_carousel {
  float: left;
  width: 430px;
  margin-bottom: 10px;
  position: relative;
  margin-left:10px;
}
#horizontal_carousel .container {
  float: left;
  width: 330px;
  position: relative;    
  overflow: hidden;
  margin-left:20px;
}
#horizontal_carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  
}                      
#horizontal_carousel ul li {
	width: 100px;
	text-align: center; 
	list-style:none;   
	float:left;
	padding:0 5px 10px;
	vertical-align:bottom;
	color:#135893;
	font-size:12px;
	font-weight:bold;  
}
#horizontal_carousel .previous_button {
  float:left;  
  width: 30px;
  height: 20px;
  background: url(../../images/viewLeftActive.gif);
  z-index: 100;
  cursor: pointer;
  margin:10px 10px 0 0; 
}
#horizontal_carousel .previous_button_over {
  background: url(../../images/viewLeftactive.gif);
}
#horizontal_carousel .previous_button_disabled {
  background: url(../../images/spacer.gif);
  cursor: default;
}
#horizontal_carousel .next_button {
  width: 30px;
  height: 20px;
  background: url(../../images/viewRightActive.gif);
  z-index: 1000;
  cursor: pointer;
  float:right; 
  margin:10px 0 0 0;
}
#horizontal_carousel .next_button_over {
  background: url(../../images/viewRightactive.gif);
}
#horizontal_carousel .next_button_disabled {
  background: url(../../images/spacer.gif);
  cursor: default;
}

/* vertical Carousel */



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

#vertical_carousel .container {
  float:left;  
  width: 164px;
  height: 280px;
  overflow: hidden;
  position:relative;
}

#vertical_carousel ul {
  margin: 0;
  padding:0;
  position:relative;
  height:10000px;
}

#vertical_carousel ul li {
  width: 160px;
  height: 150px;
  text-align: center;      
  list-style:none;   
  float:left;
  display:list-item;
}                         

#vertical_carousel .previous_button {
  float:left;
  height: 32px;
  width: 40px;
  background: url(../../images/upactive.gif) no-repeat top;
  cursor: pointer;    
  display:inline;
  margin: 0 0 10px 50px;
  z-index:1000;
}

#vertical_carousel .previous_button_over {
  background: url(../../images/upactive.gif) no-repeat top;
}

#vertical_carousel .previous_button_disabled {
  background: url(../../images/spacer.gif) no-repeat top;
  cursor: default;
}

#vertical_carousel .next_button {
  float:left;
  height: 32px;
  width: 40px;
  background: url(../../images/downactive.gif) no-repeat bottom;
  display:inline;
  margin-left: 50px;
  cursor: pointer;
  z-index:1000;
}

#vertical_carousel .next_button_over {
  background: url(../../images/downactive.gif) no-repeat bottom;
}

#vertical_carousel .next_button_disabled {
  background: url(../../images/spacer.gif) no-repeat bottom;
  cursor: default;
}


/* Horizontal Carousel productpage */
#horizontal_carouselprod {
  float: left;
  width: 766px;
  margin-bottom: 10px;
  position: relative;
  margin-left:10px;
}
#horizontal_carouselprod .container {
  float: left;
  width: 650px;
  position: relative;    
  overflow: hidden;
  margin-top:10px;
}
#horizontal_carouselprod ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  
}                      
#horizontal_carouselprod ul li {
	width: 125px;
	text-align: center; 
	list-style:none;   
	float:left;
	padding:0 5px 10px;
	vertical-align:bottom;
	color:#135893;
	font-size:12px;
	font-weight:bold;  
}
#horizontal_carouselprod .previous_button {
  float:left;  
  width: 30px;
  height: 20px;
  background: url(../../images/viewLeftActive.gif);
  z-index: 100;
  cursor: pointer;
  margin:10px 10px 0 0; 
}
#horizontal_carouselprod .previous_button_over {
  background: url(../../images/viewLeftactive.gif);
}
#horizontal_carouselprod .previous_button_disabled {
  background: url(../../images/viewLeftdeactive.gif);
  cursor: default;
}
#horizontal_carouselprod .next_button {
  width: 30px;
  height: 20px;
  background: url(../../images/viewRightActive.gif);
  z-index: 1000;
  cursor: pointer;
  float:right; 
  margin:10px 0 0 0;
}
#horizontal_carouselprod .next_button_over {
  background: url(../../images/viewRightactive.gif);
}
#horizontal_carouselprod .next_button_disabled {
  background: url(../../images/viewRightdeactive.gif);
  cursor: default;
}


/* Horizontal Carousel Cart */
#horizontal_carouselcart {
  width: 950px;
  margin-bottom: 10px;
  
  margin-left:10px;
}
#horizontal_carouselcart .container {
  float: left;
  width: 870px;
  position: relative;    
  overflow: hidden;
  margin-top:10px;
}
#horizontal_carouselcart ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  
}                      
#horizontal_carouselcart ul li {
	
	text-align: center; 
	list-style:none;   
	float:left;
	padding:0 5px 10px;
	vertical-align:bottom;
	color:#135893;
	font-size:12px;
	font-weight:bold;  
	width: 132px;
}
#horizontal_carouselcart .previous_button {
  float:left;  
  width: 30px;
  height: 20px;
  background: url(../../images/viewLeftActive.gif);
  z-index: 100;
  cursor: pointer;
  margin:10px 10px 0 0; 
}
#horizontal_carouselcart .previous_button_over {
  background: url(../../images/viewLeftactive.gif);
}
#horizontal_carouselcart .previous_button_disabled {
  background: url(../../images/viewLeftdeactive.gif);
  cursor: default;
}
#horizontal_carouselcart .next_button {
  width: 30px;
  height: 20px;
  background: url(../../images/viewRightActive.gif);
  z-index: 1000;
  cursor: pointer;
  float:right; 
  margin:10px 0 0 0;
}
#horizontal_carouselcart .next_button_over {
  background: url(../../images/viewRightactive.gif);
}
#horizontal_carouselcart .next_button_disabled {
  background: url(../../images/viewRightdeactive.gif);
  cursor: default;
}<!-- server 1 -->