.slideshow {float:left;overflow:hidden;margin-right:10px;}
#carousel img {border:1px solid #fff;}
.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 !important;
    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: 60px;
    height: 40px;
    margin:0 10px !important;
}

/**
 * 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, .jcarousel-prev {z-index: 3;display: none;}
.jcarousel-container {background:url(../images/bg_slideshow.gif) repeat-x;}
.jcarousel-container-horizontal {width: 237px;padding: 10px 30px;}
.jcarousel-clip-horizontal {width:  237px;height: 40px;}
.jcarousel-item {width: 60px;height: 40px;}
.jcarousel-item-horizontal {margin-right: 20px;}
.jcarousel-item-placeholder {background: #fff;color: #000;}
.jcarousel-next-horizontal {
    position: absolute;
    top: 0;right: 0;
    width: 30px;
    height: 60px;
    cursor: pointer;
    background: transparent url(../images/next_btn.gif) no-repeat 0 0;
}

.jcarousel-prev-horizontal {
    position: absolute;
    top: 0;left: 0;
    width: 30px;
    height: 60px;
    cursor: pointer;
    background: transparent url(../images/prev_btn.gif) no-repeat 0 0;
}

#imagecarousel {width:297px;height:227px;margin-bottom:10px;text-align:center;display:table-cell;vertical-align:middle;}
#slideshow{visibility:hidden;}