/*Nothing is done with horizontal styles, only vertical*/

.jcarousel-skin .jcarousel-container {
}

.jcarousel-skin .jcarousel-container-horizontal {
    width: 245px;
    padding: 20px 40px;
}

.jcarousel-skin .jcarousel-container-vertical {
    width: 220px;
    height: 252px;
    padding: 27px 0 27px 0;
}

.jcarousel-skin .jcarousel-clip-horizontal {
    width:  245px;
    height: 75px;
}

.jcarousel-skin .jcarousel-clip-vertical {
    width:  220px;
    height: 252px;
}

.jcarousel-skin .jcarousel-item {
    width: 120px;
    /*height: 75px;*/
}

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

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

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

/**
 *  Horizontal Buttons
 */
.jcarousel-skin .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

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

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

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

.jcarousel-skin .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

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

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

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

/**
 *  Vertical Buttons
 */
.jcarousel-skin .jcarousel-next-vertical,
.jcarousel-skin .jcarousel-next-vertical:hover,
.jcarousel-skin .jcarousel-next-vertical:active {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 220px;
    height: 20px;
    cursor: pointer;
    background: #f2f2f2 url(../Images/SLA/iconArrowDown.gif) no-repeat 99px 5px;
}

.jcarousel-skin .jcarousel-next-disabled-vertical,
.jcarousel-skin .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin .jcarousel-next-disabled-vertical:active {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 220px;
    height: 20px;
    cursor: default;
    background: #f2f2f2 url(../Images/SLA/iconArrowDown.gif) no-repeat 99px 5px;
}

.jcarousel-skin .jcarousel-prev-vertical,
.jcarousel-skin .jcarousel-prev-vertical:hover,
.jcarousel-skin .jcarousel-prev-vertical:active {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 220px;
    height: 20px;
    cursor: pointer;
    background: #f2f2f2 url(../Images/SLA/iconArrowUp.gif) no-repeat 99px 3px;
}
.jcarousel-skin .jcarousel-prev-disabled-vertical,
.jcarousel-skin .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin .jcarousel-prev-disabled-vertical:active {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 220px;
    height: 20px;
    cursor: default;
    background: #f2f2f2 url(../Images/SLA/iconArrowUp.gif) no-repeat 99px 3px;
}