
.swap_img{
	width:160px;
	height:120px;
	padding:0px;
	overflow:hidden;
	display: none;
}
.swap_img a img{
	height:120px;
}
.swapper_1{
	width:179px;
	height:179px;
	border:1px solid #c2b67c;
	background-color:#787878;
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
	text-align:center;
	display: none;
}
.swapper_group {

}
.swapper{
	margin: 0px 5px;
	height:120px;
	overflow:hidden;
	text-align:center;
	float: left;
}
.swapper_group .feat_img{
	display: none;
}
.swapper_group .swap_img{
	display: block;
}
.swapper_group .feat_info{
	display: none;
}
.swapper_group .swap_info{
	display: block;
}
.swapper_left_scroll{
	width:11px;
	height:22px;
	padding: 0px;
	float:left;
	margin: 40px 3px 0px 0px;
}
.swapper_left_scroll a:link, .swapper_left_scroll a:active, .swapper_left_scroll a:visited, .swapper_left_scroll a:hover {
	width:11px;
	height:22px;
	margin-top: 10px;
	float:left;
	background-image: url(images/arrow_left.jpg);
}
.swapper_right_scroll{
	width:11px;
	height:22px;
	padding: 0px;
	float:left;
	margin: 40px 0px 0px 3px;
}
.swapper_right_scroll a:link, .swapper_right_scroll a:active, .swapper_right_scroll a:visited, .swapper_right_scroll a:hover {
	width:11px;
	height:22px;
	margin-top: 10px;
	float:left;
	background-image: url(images/arrow_right.jpg);
}

.swapper_left_scroll img, .swapper_right_scroll img{
	cursor: pointer;
	cursor: hand;
}
.swapper_carousel_outer {
	position: relative;
	float: left; /* important for inline positioning */
	width: 680px; /* important (this width = width of list item(including margin) * items shown */ 
	height: 120px;
	overflow: hidden;  /* important (hide the items outside the div) */
	padding: 0px;
}

.swapper_carousel_inner {
	position:relative;
	left:-170px; /* important (this should be negative number of list items width(including margin) */
	margin: 0px;
	padding:0px ;
	width:9999px; /* important */
}

