/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
margin-left:0px;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
  
		
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/* Horizone Scroll */
.jcarousel-skin-wn .jcarousel-container-horizontal {
    width: 684px;

}
.jcarousel-skin-wn .jcarousel-clip-horizontal {
    width:  620px;
    height: 62px;
	margin-left:35px;

}
.jcarousel-skin-wn .jcarousel-item {
    height:60px; width:100px; position:relative;border: 1px solid #ccc;
}
.jcarousel-skin-wn .jcarousel-item img {border:#ccc 1px solid;}
.jcarousel-skin-wn .jcarousel-item-horizontal, .jcarousel-skin-hn .jcarousel-item-horizontal {
    margin-right: 26px;
}
.jcarousel-skin-wn .jcarousel-next-horizontal, .jcarousel-skin-hn .jcarousel-next-horizontal {
    position: absolute;
    top: 8px;
    right: 0px;
    width: 14px;
    height: 44px;
    cursor: pointer;
    background: transparent url(next.gif) no-repeat 0 0;
}

.jcarousel-skin-wn .jcarousel-prev-horizontal, .jcarousel-skin-hn .jcarousel-prev-horizontal {
    position: absolute;
    top: 8px;
    left: 0px;
    width: 14px;
    height: 44px;
    cursor: pointer;
    background: transparent url(prev.gif) no-repeat 0 0;
}
/*hot*/
.jcarousel-skin-hn .jcarousel-container-horizontal {
    width: 961px;
	margin:0 auto

}
.jcarousel-skin-hn .jcarousel-clip-horizontal {
    width:  880px;
    height: 153px;
	margin-left:40px;

}
.jcarousel-skin-hn .jcarousel-item {
    height:153px; width:165px; position:relative;  text-align:left
}
.jcarousel-skin-hn .jcarousel-item-horizontal {margin-right:15px;}
.jcarousel-skin-hn .jcarousel-item img {border:#c2c2c2 1px solid; padding:1px; margin-bottom:5px;}
.jcarousel-skin-hn .jcarousel-next-horizontal {
    position: absolute;
    top: 22px;
    right: 0px;
    width: 12px;
    height: 60px;
    cursor: pointer;
    background: transparent url(next-hn.jpg) no-repeat 0 0;
}

.jcarousel-skin-hn .jcarousel-prev-horizontal {
    position: absolute;
    top: 22px;
    left: 0px;
    width: 12px;
    height: 60px;
    cursor: pointer;
    background: transparent url(prev-hn.jpg) no-repeat 0 0;
}


.jcarousel-skin-row {margin-left:10px;}
.jcarousel-skin-row .jcarousel-container-horizontal {
    width: 517px;
	margin:0 auto
}
.jcarousel-skin-row .jcarousel-clip-horizontal {
    width:  517px;
	height: 165px;
}
.jcarousel-skin-row .jcarousel-item {
    height:165px; width:162px; position:relative;  text-align:left
}
.jcarousel-skin-row .jcarousel-item-horizontal {
    margin:0 10px 0 0;
}

.jcarousel-skin-row-img .jcarousel-container-horizontal {
    width: 300px;
	margin:0 auto
}
.jcarousel-skin-row-img .jcarousel-clip-horizontal {
    width:  260px;
    height: 60px;
	left:23px;
}
.jcarousel-skin-row-img .jcarousel-item {
    height:60px; width:62px; position:relative;  text-align:left
}
.jcarousel-skin-row-img .jcarousel-item-horizontal {
    margin:0 25px 0 0;
}
.jcarousel-skin-row-img .jcarousel-next-horizontal, .jcarousel-skin-row-img .jcarousel-prev-horizontal {
    position: absolute;
    top: 12px;
    width: 11px;
    height: 40px;
    cursor: pointer;
    background: transparent url(next-car-small.png) no-repeat 0 0;
}
.jcarousel-skin-row-img .jcarousel-next-horizontal {right: 8px;}
.jcarousel-skin-row-img .jcarousel-prev-horizontal {background: transparent url(prev-car-small.png) no-repeat 0 0; left:8px;}

/*VIP*/
.jcarousel-skin-slon-vip {margin:14px 0;}
.jcarousel-skin-slon-vip .jcarousel-container-horizontal {
    width: 275px;
	margin:0 auto
}
.jcarousel-skin-slon-vip .jcarousel-clip-horizontal {
    width:  275px;
	height: 70px;
}
.jcarousel-skin-slon-vip .jcarousel-item {
    height:70px; width:84px; position:relative;  text-align:left
}
.jcarousel-skin-slon-vip .jcarousel-item-horizontal {
    margin:0 11px 0 0;
}

