/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
.jcarousel {
    position: relative;
    overflow: hidden;
    padding: 6px 8px 0 0;
	border-top: #e3e3e3 1px solid;
    border-right: #e3e3e3 1px solid;
 	width:100%;
	max-width:788px;
	min-width:572px
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel ul {
    width: 10000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.jcarousel li {
    /* Required only for block elements like <li>'s */
    float: left;
}

a.jcarousel-control-prev,
a.jcarousel-control-next {
    display: inline-block;
    text-transform: uppercase;
    font-size: 30px;
    color: #fff;
    font-family: 'Open Sans Condensed', 'PT Sans', san-serif;
    background: #aaaaaa;
    padding: 0px 20px 4px 20px;
    line-height: 22px;
}

a.jcarousel-control-prev:hover,
a.jcarousel-control-next:hover {
	background: #404040;
}