/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;}
.jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0; background:#FFF; margin:0; padding:0;}
.jcarousel-list li,.jcarousel-item {float: left;list-style: none; width: 800px;color:#666;}
    /* We set the width/height explicitly. No width/height causes infinite loops. */
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
 
.jcarousel-next {z-index: 3;}
.jcarousel-prev {z-index: 3;}
.jcarousel-control {z-index: 3;}
/**
 * Additional styles for the controls.
 */
.jcarousel-control {text-align:left;}
.jcarousel-control a {
	font-size: 75%;
	text-decoration: none;
	padding: 0 5px; 
	margin: 0 3px 0 0; 
	color: #A9A7A6; 
	font-weight: bold;
	border: 1px solid #C8C7C6;
}
.jcarousel-control a:focus,
.jcarousel-control a:active {outline: none;}
.jcarousel-scroll {margin-top:0;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;}