/*

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;

}



/*

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: 20000em;

    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;

}

.jcarousel-wrapper{ width:435px; margin-left:35px; }

.jcarousel-control-prev,

.jcarousel-control-next {

    position: absolute;

    top: 55px;

    width: 36px;

    height: 36px;

    text-align: center;





}



.jcarousel-control-prev {

    left: -2px;

	 background-image:url(../images/left-arrow.png);

	 background-repeat:no-repeat;	 

}



.jcarousel-control-next {

    right: -10px;

	 background-image:url(../images/right-arrow.png);

	 background-repeat:no-repeat;

}



.jcarousel-control-prev:hover span,

.jcarousel-control-next:hover span {

    display: block;

}



.jcarousel-control-prev.inactive,

.jcarousel-control-next.inactive {

    opacity: .5;

    cursor: default;

	 display:none;

}