@charset "utf-8";
/* CSS Document */

.carousel-box img {vertical-align:top;}
.carousel-box a img { border:0;}
.carousel-box ul { list-style:none;}

.carousel-box{
	width:480px;
	overflow:hidden;
	background:url(../images/slider-bg.gif) repeat-x left top;
	height:205px;
	position:relative;
	padding:0 20px;
	font-family:Arial, Helvetica, sans-serif;

}
.carousel-box .carousel ul li{
	height:163px;
	width:115px;
	background:url(../images/slider-li-bg.gif) repeat-x left top;
	text-align:center;
	margin-right:10px;
}
.carousel-box .carousel ul li .bottom{
	width:100%;
	height:44px;
	text-align:left;
	padding:5px 0 0 10px;
}
.carousel-box .carousel ul li:hover .bottom{
	background:url(../images/menu-bg.gif) repeat-x left top;
}
.carousel-box .carousel ul li:hover .bottom a span{
	color:#fff;
}
.carousel-box .carousel ul li:hover .bottom a{
	color:#858484;
}
.carousel-box .carousel ul li .bottom a{
	color:#676666;
	font-size:12px;
	line-height:16px;
	text-decoration:none;
}
.carousel-box .carousel ul li .bottom a span{
	color:#2b2b2b;
	font-weight:bold;
	font-size:12px;
}
.carousel-box .carousel ul li img{
	width:100px;
	height:auto;
	
}
.carousel-box .prev{
	height:32px;
	width:32px;
	background:url(../images/prev.png) no-repeat left top;
	display:block;
	cursor:pointer;
	position:absolute;
	top:101px;
	left:0px;
	z-index:10;
}
.carousel-box .prev:hover{
	background:url(../images/prev-act.png);
}
.carousel-box .next{
	height:32px;
	width:32px;
	background:url(../images/next.png) no-repeat left top;
	display:block;
	cursor:pointer;
	position:absolute;
	top:101px;
	right:0px;
	z-index:10;
}
.carousel-box .next:hover{
	background:url(../images/next-act.png);
}
.carousel-box .prod{
	position:absolute;
	color:#c60303;
	font-size:12px;
	line-height:20px;
	z-index:8;
	right:21px;
	top:14px;
}
.carousel-box h2.st1{
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px;
	color:#363636;
	font-size:14px;
	font-weight:bold;
	padding:7px 0 8px 0;
}

.label {
  color: white;
  padding: 8px;
  font-family: Arial;
}
.success {background-color: #4CAF50;} /* Green */
.info {background-color: #2196F3;} /* Blue */
.warning {background-color: #ff9800;} /* Orange */
.danger {background-color: #f44336;} /* Red */ 
.other {background-color: #e7e7e7; color: black;} /* Gray */