.carouselOuter {
	margin-left: 2px;
	margin-right: 2px;
}

.carouselOuter .carouselInner {
	width: 800px;		
	overflow: hidden;
	margin-left: 2px;
	margin-right: 2px;
}

.carouselOuter .carouselInner ul {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 10000px;
	list-style: none;
}

.carouselOuter .carouselInner ul li {
	display: block;
	float: left;
}

.carouselOuter .carouselInner ul li a img {
	border: none;
	margin-right: 14px;
	margin-left: 13px;	
}

.carouselOuter div {
	display: inline-block
}

.carouselOuter .nextButton {
	cursor: pointer;	
	width:28px;
	height: 98px;
	background-image: url('images/next-button.png');
}

.carouselOuter .previousButton {
	cursor: pointer;	
	width:28px;
	height: 98px;
	background-image: url('images/prev-button.png');	
}

/**
 * CSS Hack to get inline-block / inline working in all browsers (Cough, IE)
 */

.carouselOuter div {
	display:inline
}

.carouselOuter>div {
	display:inline-block
}