#carousel-wrapper {
	position: relative;
}
#carousel, #chapters {
	overflow: hidden;
}
 
#carousel span, #carousel img,
#chapters div {
	display: block;
	float: left;
}
#carousel span, #carousel a,
#chapters span, #chapters div {
	position: relative;
}
#carousel img,
#chapters img {
	border: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
 
#carousel span {
	width: 100%;
	height: 420px;
}
 
#chapters-wrapper {
	margin-top: 10px;
	padding: 0px 25px;
	position: relative;
}
#chapters div {
	width: 224px;
	height: 105px;
	margin: 0 5px;
	overflow: hidden;
}
#chapters a:hover {
	text-decoration:none;
}
#chapters a:hover img, #chapters a.selected img {
	opacity: 0.6;
    filter: alpha(opacity=60);
}
 
#prev, #next {
	background: transparent url(../../images/icones/sprite-carousel.png) no-repeat 0 0;
	display: block;
	width: 20px;
	height: 84px;
	position: absolute;
	top: 0;
}
#prev {
	background-position: 0 0;
	left: 0;
}
#next {
	background-position: -20px 0;
	right: 0;
}
#prev:hover {
	background-position: 0 -84px;	
}
#next:hover {
	background-position: -20px -84px;	
}
#prev.disabled {
	background-position: 0 -168px; cursor: default;
}
#next.disabled {
	background-position: -20px -168px; cursor: default;
}



#prevChapter, #nextChapter {
	background: transparent url(../../images/icones/sprite-carousel.png) no-repeat 0 0;
	display: block;
	width: 20px;
	height: 84px;
	position: absolute;
	top: 0;
}
#prevChapter {
	background-position: 0 0;
	left: 0;
}
#nextChapter {
	background-position: -20px 0;
	right: 0;
}
#prevChapter:hover {
	background-position: 0 -84px;	
}
#nextChapter:hover {
	background-position: -20px -84px;	
}
#prevChapter.disabled {
	background-position: 0 -168px; cursor: default;
}
#nextChapter.disabled {
	background-position: -20px -168px; cursor: default;
}