/* Horizontal Carousel */
#carousel {
  position: relative;
  float: left;
  width: 525px;
  height: 206px;
  border:15px solid #A1C215;
  margin-right:8px;
  overflow: hidden;
  margin-top:6px;
}

#carousel .container {
  float: left;
display: block;
width: 525px;  
  overflow: hidden;
/*background:#FFFFFF url(../images/design/grade-carrousel.gif) no-repeat scroll 0 100%;*/
  border:1px solid #FFFFFF;
z-index:-2;
background: url(../images/design/carrousels4.png);
}

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

#carousel ul li {
  width: 525px;
  height: 205px;
  list-style:none;   
  float:left;
}

#carousel .previous_button {
  display: none;
float:left;  
  width: 32px;
  height: 175px;
  background: url(../images/prototype-ui/horizontal/left.png);
  cursor: pointer;
}

#carousel .previous_button_over {
	display: none;
  background: url(../images/prototype-ui/horizontal/left_over.png);
}

#carousel .previous_button_disabled {
  display: none;
background: url(../images/prototype-ui/horizontal/left_disabled.png);
  cursor: default;
}

#carousel .next_button {
  display: none;
float:left;  
  width: 32px;
  height: 175px;
  background: url(../images/prototype-ui/horizontal/right.png);
  cursor: pointer;
}

#carousel .next_button_over {
  display: none;
background: url(../images/prototype-ui/horizontal/right_over.png);
}

#carousel .next_button_disabled {
  display: none;
background: url(../images/prototype-ui/horizontal/right_disabled.png);
  cursor: default;
}

#carousel #mea-nav {
	clear: left;
	width: 525px;
	position:relative;
	top:-30px;
	height: 40px;
	text-align:right;
}

#smallcarousel #mea-nav-small ul,
#carousel #mea-nav ul {
	
	float: right;
	width: auto;
	height:30px;
	overflow:visible;
}

#smallcarousel #mea-nav-small:after,
#carousel #mea-nav:after {
	clear: both;
}

#smallcarousel #mea-nav-small,
#carousel #mea-nav {
}

#carousel #mea-nav li,
#carousel #mea-nav li.disabled {
	display: block;
	width: 20px;
	height: 18px;
	background: url(../images/design/carousel-nav-wide.png) no-repeat scroll 100% 0;
	*background: url(../images/design/carousel-nav-wide.gif) no-repeat scroll 100% 0;
	float: left;
	text-align:center;
	margin: 5px;
	
}

#carousel #mea-nav li:hover {
	
}
	
#carousel #mea-nav li.disabled {
	background-position: 0 0;
}

#smallcarousel #mea-nav-small .disabled,
#smallcarousel #mea-nav-small .disabled a,
#carousel #mea-nav .disabled,
#carousel #mea-nav .disabled a {
	cursor: default;
	background-position: 0 0;
}



#smallcarousel #mea-nav-small li a,
#smallcarousel #mea-nav-small li.disabled a,
#carousel #mea-nav li a,
#carousel #mea-nav li.disabled a {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	
}

#carousel .product p 						{ float: left;  }
#carousel .product .prd-image				{ padding-top:20px; width:200px; height: 150px; overflow: hidden;}
#carousel .product .prd-image img			{ margin: 0 auto; display: block; }

#carousel .product .prd-name 				{ line-height:23px; padding-top:45px; width: 323px; overflow: hidden; }
#carousel .product .prd-name a				{ color:#A1C215; font-size:24px; text-decoration:none}
#carousel .product .prd-name a:hover		{ text-decoration:underline; }
#carousel .product .prd-name small			{ font-size:10px; color:#a1c215;}
#carousel .product .prd-more-info			{ display:none; /*margin-right:100px; width:220px;*/}
#carousel .product .prd-amount				{ font-size:24px; font-weight:bold; color:#000;}
#carousel .product .prd-amount .old-price	{ font-size:20px; font-weight: normal; color:#999; text-decoration:line-through; margin:0 5px 0 0;}
#carousel .product .prd-amount small		{ display:none; /*font-size:10px; font-weight: normal; color:#000;*/}



#smallcarousel{
  float: left;
  width: 176px;
  height: 236px;
  margin-top:3px;
  position:relative;
  z-index:-2;
}


#smallcarousel .container {
  width: 176px;
  height: 236px;
  position: relative;    
  overflow: hidden;
}


#smallcarousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 236px;
  overflow: hidden;
}


#smallcarousel ul li {
  width: 176px;
  height: 236px;
  list-style:none;   
  float:left;
  overflow: hidden;
}

#smallcarousel ul li a {
	 z-index: -1;
	 cursor: pointer;
}



#smallcarousel #mea-nav-small {
	clear: left;
	width: 176px;
	position:absolute;
	bottom:0;
	height: 40px;
	text-align:center;
}

#smallcarousel #mea-nav-small ul {
	padding-left: 38px;
	
	float: left;
} 

#smallcarousel #mea-nav-small li,
#smallcarousel #mea-nav-small li.disabled {
	display: block;
	width: 20px;
	height: 18px;
	float: left;
	text-align:center;
	background: url(../images/design/carousel-nav-small.png) no-repeat scroll 100% 0;
	*background: url(../images/design/carousel-nav-small.gif) no-repeat scroll 100% 0;
}

#smallcarousel #mea-nav-small li.disabled {
	background-position: 0 0;
}

#smallcarousel #mea-nav-small li a {
	display: block;
	width: 20px;
	height: 20px;
	z-index: 100;
	cursor: pointer;
}