/**
 * 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;
}

.jcarousel-list li,
.jcarousel-item {
    /* We set the width/height explicitly. No width/height causes infinite loops. */
	float:left;
	width:181px;
	height:65px;
	margin:0px 7px 0px 0px;

}

/**
 * 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;
}




/*-----------------------------------------------*/






.jcarousel-skin .jcarousel-container {

}
.jcarousel-skin .jcarousel-container-horizontal {
	width:683px;
	margin:15px 0px 0px 0px;


}

.jcarousel-skin .jcarousel-clip-horizontal {
   width: 575px;
   margin: 0px 54px 0px 54px;

}

.jcarousel-skin .jcarousel-item {
	width:181px;
	height:68px;
	background-color:#ffffff;
	float:left;
	padding:3px 3px 0px 3px;
}


.jcarousel-skin .jcarousel-item:hover {
	background-color:#9d7627;
	
}

.jcarousel-skin .jcarousel-item.selected {
	background-color:#626262;
}



/*------------item content----------------------*/




.item-content {
	width:167px;
	height:51px;
	background-color:#ffffff;
	padding:7px;
	overflow:hidden;

}

.item-content .item-banner {
	width:51px;
	height:51px;
	display:block;
	float:left;
}

.item-content .item-details {
	float:right;
	width:111px;
	height:51px;
	display:block;
	position:relative;
}

.item-details .item-title {
	font-size:12px;
	font-weight:bold;
	line-height:14px;
}

.item-details a:hover {
	text-decoration:none;
	color:#9d7627;
}

.item-details .item-subtitle {
	font-size:12px;
	line-height:14px;
}

.item-details .item-total {
	font-size:11px;
	line-height:14px;
	color:#737373;
	position:absolute;
	bottom:0px;
	right:0px;
	display:block
}


/*------------------------------------------*/


.jcarousel-skin .jcarousel-item-horizontal {
    margin-right: 7px;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin .jcarousel-next-horizontal {
    position: absolute;
	top: 13px;
    right: 0px;
    width: 30px;
    height: 45px;
    cursor: pointer;
    background: transparent url(../images/interface/arrow_next_btn.gif) no-repeat 0px 0;
}

.jcarousel-skin .jcarousel-next-horizontal:hover {
    background-position: 0px -45px;
}

.jcarousel-skin .jcarousel-next-horizontal:active {
    background-position: 0px -90px;
}

.jcarousel-skin .jcarousel-next-disabled-horizontal,
.jcarousel-skin .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-next-disabled-horizontal:active {
   	cursor:default;
    background-position: 0px -90px;
	
}

.jcarousel-skin .jcarousel-prev-horizontal {
    position: absolute;
	top: 13px;
    left: 0px;
    width: 30px;
    height: 45px;
    cursor: pointer;
     background: transparent url(../images/interface/arrow_prev_btn.gif) no-repeat 0px 0;
}

.jcarousel-skin .jcarousel-prev-horizontal:hover {
    background-position: 0px -45px;
}

.jcarousel-skin .jcarousel-prev-horizontal:active {
    background-position: 0px -90px;
}

.jcarousel-skin .jcarousel-prev-disabled-horizontal,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0px -90px;
}