/*!
 * Wenyu Image Scroller/ Carousel
 *
 * Designed and Developed by Seirim
 * These styles will overide, or set various elements
 * not covered in the Bootstrap CSS environment
 */

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

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 960px;
    padding: 20px 40px;
    margin: auto;
}

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

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  930px;
    height: 240px;
    margin: 0 0 0 15px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 175px;
    height: 240px;
    text-align: center;
}

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

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

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

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 93px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('../img/buttons/right-arrow.jpg') no-repeat 0 0;
}


.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 93px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('../img/buttons/left-arrow.jpg') no-repeat 0 0;
}