/* jCarousel Version 0.3.1 */

.jcarousel-container {
    position: relative;
    border: 1px solid transparent;
}
.jcarousel-container-horizontal .jcarousel-clip {
    position: relative;
    overflow: hidden;
    margin: 0 20px;
    border: 1px solid transparent;
}
.jcarousel-container-horizontal .jcarousel-list,
.jcarousel-container-vertical .jcarousel-list {
    width: 20000em;
    position: relative;
}
.jcarousel-container-horizontal ul.jcarousel-list,
.jcarousel-container-vertical ul.jcarousel-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.jcarousel-container-horizontal .jcarousel-item {
    /* Required only for block elements like <li>'s */
    float: left;
}

.jcarousel-container-vertical .jcarousel-clip {
    position: relative;
    overflow: hidden;
    margin: 20px 0;
    border: 1px solid transparent;
    height: auto;
}





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

.jcarousel-container-horizontal .jcarousel-next:hover,
.jcarousel-container-horizontal .jcarousel-next:focus {
    background-position: -32px 0;
}

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

.jcarousel-container-horizontal .jcarousel-next.inactive,
.jcarousel-container-horizontal .jcarousel-next.inactive:hover,
.jcarousel-container-horizontal .jcarousel-next.inactive:focus,
.jcarousel-container-horizontal .jcarousel-next.inactive:active {
    cursor: default;
    background-position: -96px 0;
}


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

.jcarousel-container-horizontal .jcarousel-prev:hover,
.jcarousel-container-horizontal .jcarousel-prev:focus {
    background-position: -32px 0;
}

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

.jcarousel-container-horizontal .jcarousel-prev.inactive,
.jcarousel-container-horizontal .jcarousel-prev.inactive:hover,
.jcarousel-container-horizontal .jcarousel-prev.inactive:focus,
.jcarousel-container-horizontal .jcarousel-prev.inactive:active {
    cursor: default;
    background-position: -96px 0;
}


/**
 *  Vertical Buttons
 */
.jcarousel-container-vertical .jcarousel-next {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 20px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat center 0;
}

.jcarousel-container-vertical .jcarousel-next:hover,
.jcarousel-container-vertical .jcarousel-next:focus {
    background-position: center -32px;
}

.jcarousel-container-vertical .jcarousel-next:active {
    background-position: center -64px;
}

.jcarousel-container-vertical .jcarousel-next.inactive,
.jcarousel-container-vertical .jcarousel-next.inactive:hover,
.jcarousel-container-vertical .jcarousel-next.inactive:focus,
.jcarousel-container-vertical .jcarousel-next.inactive:active {
    /*
    display: none;
    */
    cursor: default;
    background-position: center -96px;
}

.jcarousel-container-vertical .jcarousel-prev {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 20px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat center 0;
}

.jcarousel-container-vertical .jcarousel-prev:hover,
.jcarousel-container-vertical .jcarousel-prev:focus {
    background-position: center -32px;
}

.jcarousel-container-vertical .jcarousel-prev:active {
    background-position: center -64px;
}

.jcarousel-container-vertical .jcarousel-prev.inactive,
.jcarousel-container-vertical .jcarousel-prev.inactive:hover,
.jcarousel-container-vertical .jcarousel-prev.inactive:focus,
.jcarousel-container-vertical .jcarousel-prev.inactive:active {
    /*
    display: none;
    */
    cursor: default;
    background-position: center -96px;
}
