/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/*user theme*/
    /**
     * This <div> element is wrapped by jCarousel around the list
     * and has the classname "jcarousel-container".
     */
    .jcarousel-skin-campbell .jcarousel-container {
        position: relative;
        width: 623px;
    }

    .jcarousel-skin-campbell .jcarousel-clip {
        z-index: 2;
        padding: 0;
        margin: 0;
        overflow: hidden;
        position: relative;
        width: 623px;
    }

    .jcarousel-skin-campbell .jcarousel-list {
        z-index: 1;
        overflow: hidden;
        position: relative;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
    }

    .jcarousel-skin-campbell .jcarousel-list li,
    .jcarousel-skin-campbell .jcarousel-item {
        float: left;
        list-style: none;
        /* We set the width/height explicitly. No width/height causes infinite loops. */
        width: 227px;
        height: 196px;
        padding: 14px 20px 20px;
    }
    .jcarousel-skin-campbell .jcarousel-list li.Hover,
    .jcarousel-skin-campbell .jcarousel-list li.Active {
        background: url("../images/topten-product-highlight.gif") no-repeat center top;
    }

    /**
     * The buttons are added dynamically by jCarousel before
     * the <ul> list (inside the <div> described above) and
     * have the classnames "jcarousel-next" and "jcarousel-prev".
     */
    .jcarousel-skin-campbell .jcarousel-next,
    .jcarousel-skin-campbell .jcarousel-prev {
        z-index: 3;
        display: none;
        position: absolute;
        width: 20px;
        height: 61px;
        top: 60px;
        cursor: pointer;
    }

    .jcarousel-skin-campbell .jcarousel-next {
        right: -27px;
        background: url("../images/next-icon01.gif") no-repeat left top;
    }
    .jcarousel-skin-campbell .jcarousel-prev {
        left: -27px;
        background: url("../images/prev-icon01.gif") no-repeat left top;
    }

    .jcarousel-skin-campbell .jcarousel-next-disabled,
    .jcarousel-skin-campbell .jcarousel-prev-disabled { /* disabled */
        opacity: 0.2;
        -moz-opacity: 0.2;
        filter: alpha(opacity=20);
    }
/* END. user theme */