/**
 * Additional styles for the controls.
 */
#mycarousel.jcarousel-container-horizontal {
    width: 361px;
}

#mycarousel .jcarousel-clip-horizontal {
    width: 361px;
    height: 250px;
}

#mycarousel .jcarousel-item,
#mycarousel .jcarousel-item-placeholder {
    width: 359px;
    height: 450px;
}

#mycarousel .jcarousel-item-horizontal img {
    border: 1px solid #808080;
}

#mycarousel .jcarousel-item-horizontal p {
    margin: 5px;
    text-align: center;
    clear: both;
    white-space: wrap;
}

#mycarousel .jcarousel-item-placeholder {
    background: transparent url(/img/loading.gif) 50% 50% no-repeat;
}

#mycarousel .jcarousel-next {
    top: 150px;
    right: 5px;
}

#mycarousel .jcarousel-prev {
    top: 150px;
    left: 5px;
}

#mycarousel form {
    margin-top: 10px;
}

#mycarousel form label,
#mycarousel form small {
    display: block;
}

.jcarousel-control {
    margin-bottom: 10px;
    text-align: center;
}

.jcarousel-control a {
    font-size: 75%;
    text-decoration: none;
    padding: 0 5px;
    margin: 0 0 5px 0;
    border: 1px solid #fff;
    color: #EFEBDF;
    background-color: #83895C;
    font-weight: bold;
}

.jcarousel-control a:focus,
.jcarousel-control a:active {
    outline: none;
}

.jcarousel-scroll {
    margin-top: 10px;
    text-align: center;
}

.jcarousel-scroll form {
    margin: 0;
    padding: 0;
}

.jcarousel-scroll select {
    font-size: 75%;
}

#mycarousel-next,
#mycarousel-prev {
    cursor: pointer;
    margin-bottom: -10px;
    text-decoration: underline;
    font-size: 11px;
}