/** base carousel **/
.carousel ul {
	position:absolute;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
	height: 148px;
}

.no-js .carousel ul {position:static;}

.carousel .mask {
	position:relative;
	overflow:hidden;
	border:6px solid #fff;
	height:146px !important;
}
.carousel{ 
	background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    height: 157px; 
    width: 164px;
	}
.carousel ul li {
	float:left;
	width:150px;
	height:146px;
	color:#fff;
	font-size:8em;
	text-align:center;
	margin:0;
}

.carousel .pagination-links {
	list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
	right: 18px;
}
 
.carousel .pagination-links li {
	display:none;
}
.carousel .pagination-links li.current {
	display:inline-block;
}
.carousel .pagination-links li a {
	color: #7f7f7f;
    float: left;
    font: bold 15px Garamond,Arial,Helvetica,sans-serif;
    height: auto;
    padding: 2px 6px;
    width: auto;	
}

.carousel .pagination-links li a:hover {text-decoration:none;}

.carousel .pagination-links li.current a {
	background:none; 
	color:#7f7f7f;
	font:normal 13px Garamond, Arial, Helvetica, sans-serif;
}
 
.carousel .disabled {
	color:gray;
	cursor:default;
}

/** my carousel 1 **/
#my-carousel-1 .mask {
	width:151px;
}

/** my carousel 2 **/
#my-carousel-2 .mask {
	width:630px;
}

#my-carousel-2 ul li {
	margin:0 10px 0 0;
}

/** my carousel 3 **/
#my-carousel-3 .mask {
	width:450px;
}

.slider .prev{ 
	color: gray;
    cursor: default;
    font: 0 Garamond,Arial,Helvetica,sans-serif;
    padding: 0 !important;
	width:13px; height:15px;
	background:url(../images/next_prev.jpg) no-repeat left top;
	left: 131px;
	}
.slider .next{ 
	color: gray;
    cursor: default;
    font: 0 Garamond,Arial,Helvetica,sans-serif;
    padding: 0 !important;
	width:13px; height:15px;
	background:url(../images/next_prev.jpg) no-repeat right top;
	left: 143px;
	}
.slider .prev,.slider .next{
	top: 140px;
    position: absolute;
    }