/* Horizontal Carousel */


.carousel {
	margin-top:20px; 
	margin-bottom: 10px;
}

#horizontal_carousel {
  float: left;
  width: 660px;
  height: 340px;
  margin-bottom: 10px;
  position: relative; 
  
}

#horizontal_carousel .container {
  float: left;
  width: 594px;
  height: 340px;
  position: relative;    
  overflow: hidden;
  
 }

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

#horizontal_carousel ul li {
 width: 198px;
  height: 340px;
  text-align: center; 
  list-style:none;   
  float:left;
  margin-top:10px; 
 }
  
#horizontal_carousel .box {
/*float:left; */
padding:9px; 
width: 190px; 
border: 1px solid #CBD5E3;
height: 320px;
text-align: center;
font-size: 11px;
}

#horizontal_carousel .boxProdRed {
color: #8C110B;
text-align: left;
/*margin-top: 10px;
*/padding-left:9px; 
}

#horizontal_carousel .boxProdRed h1 {
font-size: 12px;
color: #8C110B;
font-weight: bold;
margin-bottom: 1px;
}


#horizontal_carousel a {
 color: #195BA3;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
 font-size: 14px;	
}

#horizontal_carousel a:hover {
 color: #DFA304;
 font-style: normal;
 font-weight: bold;
 text-decoration: underline;
 font-size: 14px;
 padding-bottom: 5px;
}


#horizontal_carousel .button {
    margin: 0 0 0 0;
}

#horizontal_carousel .button a {
 background: url(../images/bg_button.gif) left top repeat-x;
 border: 1px solid #DFA303;
 padding: 1px 8px 1px 8px;
 font-size: 11px;
 color: #195BA3;
 font-weight: bold;
 text-decoration: none;
 letter-spacing: 0.8px;
}

#horizontal_carousel .button a:hover {
 color: #775400;
 text-decoration: none;
}

#horizontal_carousel .previous_button {
  float:left;  
  width: 32px;
  height: 320px;  
 background: url(../images/carousel/left.gif);
 z-index: 100;
 cursor: pointer;
  margin-top:10px; 

}

#horizontal_carousel .previous_button_over {
  background: url(../images/carousel/left_over.gif);
}

#horizontal_carousel .previous_button_disabled {
  background: url(../images/carousel/left_disabled.gif);
  cursor: default;
}

#horizontal_carousel .next_button {
  float:left;  
  width: 32px;
  height: 320px;
  background: url(../images/carousel/right.gif);
 z-index: 100;
  cursor: pointer;
  margin-top:10px; 

 
}

#horizontal_carousel .next_button_over {
  background: url(../images/carousel/right_over.gif);
}

#horizontal_carousel .next_button_disabled {
  background: url(../images/carousel/right_disabled.gif);
  cursor: default;
}