.jcarousel {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 960px;
}
.jcarousel ul {
    width: 20000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}
.jcarousel li {
    /* Required only for block elements like <li>'s */
    background: #ffffff;
    float: left;
    margin: 0 24px;
    /*width: 175px;*/
}

.jcarousel-control-prev {
    background: url("nav.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 74px;
    left: 0;
    margin-top: -175px;
    position: relative;
    width: 38px;
}
.jcarousel-control-prev:hover {
    background-position: 0 100%;
}
.jcarousel-control-next {
    background: url("nav.png") no-repeat scroll 100% 0 transparent;
    display: block;
    height: 74px;
    left: 1022px;
    margin-top: -74px;
    position: relative;
    width: 38px;
}
.jcarousel-control-next:hover {
    background-position: 100% 100%;
}