/* Horizontal Carousel */
#horizontal_carousel {
  float: left;
  /*width: 564px;*/
  width: 663px;
  /*height: 240px;*/
  margin-bottom: 10px;
  position: relative;
  /*margin-left: 10px;*/
  background:transparent url(/skins/default/pics/carrouselMiddle.jpg) scroll 0 0;
  height: 145px;
}

#horizontal_carousel .container {
  float: left;
  width: 628px;
  /*height: 240px;*/
  position: relative;    
  overflow: hidden;
  /*padding-top: 5px;*/
}

#horizontal_carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  /*height: 240px;*/
  /*margin-left:10px;*/
}                      

#horizontal_carousel ul li {
  width: 211px;
  /*height: 240px;*/
  /*text-align: center; */
  list-style:none;   
  float:left;
  overflow:hidden;
  height:145px;
  /*background-color:#FFFFFF;*/
}

#horizontal_carousel ul li .carrousel_box {
	padding: 10px 15px;
	position: relative;
	line-height:15px;
	font-size:11px;
	height:125px;
	background: transparent url(/skins/default/pics/carrouselBg.jpg) scroll 0 0;
	width:175px;
}

#horizontal_carousel ul li .carrousel_box p {
	/*width:100px;*/
	/*margin-top:25px;*/
}

#horizontal_carousel ul li .carrousel_box h1 {
	color:#D21D2E;
}

#horizontal_carousel ul li .carrousel_box h2 { 
	/*padding-top:4px;
	width: 132px;*/
	font: bold 16px/20px Arial,Helvetica,sans-serif;
	color:#d21d2e;
	/*position:absolute;*/
	position: relative;
	margin-bottom: 7px;
}

#horizontal_carousel ul li .carrousel_box img {
	float:right;
	right:0;
	position:absolute;
	top:50px;
}

#horizontal_carousel ul li .carrousel_box a { 
	position: absolute;
	bottom: 10px;
	display: inline;
	color:#d21d2e;
	left: 15px;
}

#horizontal_carousel ul li.carrousel_seperator {
 	width:6px;
}

#horizontal_carousel .previous_button {
  float:left;  
  width: 18px;
  height: 145px;
  /*background: url(prototype-ui/horizontal/left.png);*/
  /*background: url(../pics/arrow_left.png);*/
  z-index: 100;
  cursor: pointer;
  /*margin-top: 6px;*/
  background: url(/skins/default/pics/carrouselLeft.jpg) no-repeat;
}

#horizontal_carousel .previous_button div {
	background: transparent url(/skins/default/pics/arrowLeft.gif) no-repeat scroll 0% 100%;
	width:29px;
	height:29px;
	z-index: 100;
	padding-top:56px;
	margin-left:-5px;
	position:absolute;
}

/*
#horizontal_carousel .previous_button img {
	z-index: 100;
	padding-top:56px;
	margin-left:-5px;
	position:absolute;
}
*/
#horizontal_carousel .previous_button_over {
  /*background: url(prototype-ui/horizontal/left_over.png);*/
  /*background: url(../pics/arrow_left.png);*/
}

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

#horizontal_carousel .previous_button_disabled div {
	background: transparent url(/skins/default/pics/arrowLeft_disable.gif) no-repeat scroll 0% 100%;
}

#horizontal_carousel .next_button {

  float:left;  
  width: 17px;
  height: 145px;
  /*background: url(prototype-ui/horizontal/right.png);*/
  /*background: url(../pics/arrow_right.png);*/
  z-index: 100;
  cursor: pointer;
  /*margin-top: 6px;*/
}

#horizontal_carousel .next_button div {
	background: transparent url(/skins/default/pics/arrowRight.gif) no-repeat scroll 0% 100%;
	width:29px;
	height:29px;
	z-index: 100;
	padding-top:56px;
	margin-left:-5px;
	position:absolute;
}

#horizontal_carousel .next_button_over {
  /*background: url(prototype-ui/horizontal/right_over.png);*/
  /*background: url(../pics/arrow_right.png);*/
}

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

#horizontal_carousel .next_button_disabled div {
	background: transparent url(/skins/default/pics/arrowRight_disable.gif) no-repeat scroll 0% 100%;
}


/* 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(prototype-ui/vertical/left.png);
  cursor: pointer;    
  display:inline;
  margin: 0 0 10px 40px;
}

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

#vertical_carousel .previous_button_disabled {
  background: url(prototype-ui/vertical/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;
}