.carousel-container {
    padding: 0 0 1em 0;
    margin: 0 0 3em 0;
    border-bottom: 1px dotted #DDDDDD;
}
ul.img-carousel,
ul.img-carousel li {
    padding: 0;
    margin: 0;
}
ul.img-carousel li {
    list-style: none;
    width: 74.5em;
}

.jcarousel-container {
    height: 40.5em;
    overflow: hidden;
    margin: 0 0 2em 0;
}
.jcarousel-clip {
   overflow: hidden;
}
.jcarousel-item {
    
}
.jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Buttons
 */
.carousel-container .controls {
    position: relative;
    width: 7.5em;
    margin: 0 auto;
}
.carousel-container .controls span {
    font-size: 133.33%; /*16px*/
    display: block;
    text-align: center;
}
.carousel-container .controls span span {
    font-size: 100%; /*16px*/
    display: inline;
}
.carousel-container .controls .prev,
.carousel-container .controls .next {
    font-family: 'WebSymbolsRegular';
    font-size: 13px;
    speak: none;
    width: 8px;
    height: 16px;
    border: 0;
    background: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 0.167em;
    left: 0;
}
.ie8 .carousel-container .controls .prev,
.ie8 .carousel-container .controls .next {
    width: 8px;
}
.carousel-container .controls .next {
    left: auto;
    right: 0;
}
.carousel-container .controls .prev:before {
    content: "<";
}
.carousel-container .controls .next:before {
    content: ">";
}

.carousel-container .controls .next:hover,
.carousel-container .controls .next:focus,
.carousel-container .controls .next:active,
.carousel-container .controls .prev:hover, 
.carousel-container .controls .prev:focus,
.carousel-container .controls .prev:active {
    color: #CD3532;
}
.carousel-container .controls .prev[disabled="disabled"],
.carousel-container .controls .next[disabled="disabled"] {
    color: #ddd !important;
}