/*------------------------ Global -----------------------*/

#bookSlider{
	width:100%;
	overflow:hidden;
	position:relative;
}

#bookSlider .left-page,
#bookSlider .right-page {
	width:50%;
	float:left;
	position:relative;
	overflow:hidden;
}

#bookSlider > ul {
	display:block;
	height:300px;
	overflow:hidden;
	margin:0;
	padding:0;
}

#bookSlider > ul li{
	display:none;
}

/*------------------------ Arrows -----------------------*/

#bookSlider .arrow {
	width:30px;
	height:30px;
	background-image:url(../images/slider_arrows.png);
	background-color:#000;
	position:absolute;
	z-index:100;
	cursor:pointer;
	display:none;
}

#bookSlider .arrow-left {
	left:30px;
	background-position:0 0;
}

#bookSlider .arrow-right {
	right:30px;
	background-position:-30px 0;
}

/*------------------------ Caption -----------------------*/

#bookSlider .caption {
	display:none;
	position:absolute;
	width:50%;
	left:22%;
	background:url(../images/bg_opacity_70.png);
	z-index:100;
	color:#fff;
	padding:3%;
}

#bookSlider .caption > p {
	margin-bottom:0;
}

/*------------------------- Slide ------------------------*/

#bookSlider .slide {	
	width:100%;
	position:absolute;
	top:0;
	overflow:hidden;
}

#bookSlider .slide img {
	width:200%;
	position:relative;
	height:auto;
	display:block;
}

#bookSlider .slide img.overlay{
	position:absolute;
	bottom:0;
	left:0;
	height:36px;
}

/*--------------------- Left Page Slide --------------------*/

#bookSlider .left-page .slide {
	right:0;
	width:0;
}

#bookSlider .right-page .slide img {
	right:-100%;
}

/*--------------------- Right Page Slide --------------------*/

#bookSlider .right-page .slide {
	left:0;
	width:100%;
}

#bookSlider .right-page .slide img {
	left:-100%;
}