/* this set for slide box*/
.jcarousel-skin-tango .jcarousel-container {
    background: url(slide.png) 0 0 no-repeat;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

/* this set for slide box*/
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 900px;
    padding: 10px 0;
    height: 130px;
	margin:0 0 -10px 40px; /* add some space for arrow to display outside the box */
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

/* this set for slide box inside the item not include the arrow and it should be the same size as slide box above*/
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  900px;
    height: 130px;
}
/* set size for each slide item*/
.jcarousel-skin-tango .jcarousel-item {
    width: 90px;
    height: 120px;
	border:1px solid #ccc; 
}
/* set image size for each slide item*/
.jcarousel-skin-tango a img.slideitem {    
	width: 86px;
    height: 116px;
	padding:2px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 5px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 5px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 53px; /* adjust the position from top */
    right: -30px; /* set the right position leave negative for button to show outside slide box */
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
	opacity:0.3;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
	opacity:0.3;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
	opacity:1;
}

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

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
	opacity:0.3;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 53px; /* adjust the position from top */
    left: -30px; /* set the left position leave negative for button to show outside slide box */
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
	opacity:0.3;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
	opacity:0.3;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
	opacity:1;
}

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

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
	opacity:0.3;
}