.jcarousel-prev, .jcarousel-next {
	z-index: 3;
    display: none;
    position: absolute;
	width: 37px;
    height: 38px;
    cursor: pointer;
}
.jcarousel-next {
	top: 200px;
	right: 10px;
	_right:80px;
	background-image: url(../images/next-horizontal.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.jcarousel-prev {
	top: 200px;
	left: 10px;
	background-image: url(../images/prev-horizontal.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.jcarousel-prev-disabled, .jcarousel-next-disabled {background:none;}


.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
	left:0px; /* Positioning of the list in the middle */
	width:  800px;
	height: 350px;
}

.jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
	color: #FFFFFF;
}

.jcarousel-item {
	float: left;
	list-style: none;
	/* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 800px;
	height: 350px;
	/* margin-right: 5px; */
	text-align:center;
	overflow:hidden; /* This is to prevent the wierd padding-bottom ie6 gives to the images inside*/
}

.jcarousel-item img {
	margin:0;
	padding:0;
}

.jcarousel-item span {
	display:block;
	color:#333;
	text-align:left;
	width:800px;
	margin:0 auto;
	text-align: center;
}

	.jcarousel-item span a {
		color:#FF3300;
		font-weight:bold;
	}