.jscarousal {
    width: 252px;
    height: 60px;
    background-color: #fbf8f3;
    border: 1px solid #DAD0C2;
    border-color: #ede7de;
    border-radius: 7px;
    border-top: 1px solid #DBD6C8;
    box-shadow: 1px 1px 1px #f3ede6 inset;
    margin: 0;
    padding: 13px 8px 8px;
    position: relative; /*overflow: hidden;*/
}

.jscarousal .jscarousal-left,.jscarousal .jscarousal-right {
    float: left;
    width: 20px;
    height: 20px;
    /* background-color: #f0eeed; */
    color: White;
    position: relative;
    top: 0px;
    cursor: pointer;
}

.jscarousal .jscarousal-left {
    background: url(images/left-arrow.png) right -13px no-repeat;
    top: 14px;
    right: 12px
}

.jscarousal .jscarousal-left:hover {
    background: url(images/left-arrow.png) right 7px no-repeat;
    text-decoration: underline;
}

.jscarousal .jscarousal-right {
    background: url(images/right-arrow.png) right 7px no-repeat;
    top: 14px;
}

.jscarousal .jscarousal-right:hover {
    background: url(images/right-arrow.png) right -13px no-repeat;
    text-decoration: underline;
}

.jscarousal-contents {
    width: 210px;
    height: 80px;
    float: left;
    position: relative;
    overflow: hidden;
}

.jscarousal-contents>div {
    position: absolute;
    width: 100%;
    height: 100px;
}

.jscarousal-contents>div>div {
    float: left;
    margin-left: 8px;
    margin-right: 3px;
}

.jscarousal-contents img {
    max-width: 55px;
    max-height: 55px;
    border: 1px #B6C8DA;
}

.hidden {
    display: none;
}

.visible {
    display: block;
}

.thumbnail-active {
    filter: alpha(opacity = 100);
    opacity: 1.0;
    cursor: pointer;
}

.thumbnail-active>div {
    width: 55px;
    height: 55px;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
}

.thumbnail-active img {
    max-width: 55px;
    max-height: 55px;
}

.thumbnail-inactive {
    width: 55px;
    height: 55px;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    filter: alpha(opacity = 20);
    opacity: 0.8;
    cursor: pointer;
}

.thumbnail-inactive>div {
    width: 55px;
    height: 55px;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
}

.thumbnail-inactive img {
    max-width: 55px;
    max-height: 55px;
}

.thumbnail-text {
    color: #7A7677;
    font-weight: bold;
    text-align: left;
    display: block;
    padding: 10px 2px 2px 0px;
}