/**
 * A simple sample carousel skin.
 *
 * This skin includes a sample arrows.svg file that may be edited with the free
 * illustration application InkScape (http://inkscape.org).
 *
 * CSS and icons by Nathan Haug.
 */

.jcarousel-skin-bonser_stub {
}

.jcarousel-skin-bonser_stub .jcarousel-container-horizontal {
    width: 100%;
}

.jcarousel-skin-bonser_stub .jcarousel-clip-horizontal {
    width: 100%;
    overflow: hidden;
}

.jcarousel-skin-bonser_stub .jcarousel-item {
    padding: 0;
    overflow: hidden;
    list-style: none;
}

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

.jcarousel-skin-bonser_stub .jcarousel-item-placeholder {
    background: #fff url(throbber.gif) no-repeat center center;
    color: #000;
}

.jcarousel-skin-bonser_stub .jcarousel-next,
.jcarousel-skin-bonser_stub .jcarousel-prev {
    float:left;
    display: block;
    width: 8px;
    height: 13px;
    background-image: url(arrows.png);
}

.jcarousel-skin-bonser_stub .jcarousel-next {
    background-position: right;
}

.jcarousel-skin-bonser_stub .jcarousel-navigation {
    margin: -13px 5px 0 10px;
    padding: 0;
    float:left;
}

.jcarousel-skin-bonser_stub .jcarousel-navigation li {
    display: inline-block;
    font-size:0;
    background-image:url(pager.png);
    margin-right:5px;
}

.jcarousel-skin-bonser_stub .jcarousel-navigation li a{
    width:12px;
    height:12px;
    display:inline-block;
}
.jcarousel-skin-bonser_stub .jcarousel-navigation li.active{
    background-position: right;
}