div.catWrapper {
	height:240px;
	margin:0 auto;
	padding:33px 0 33px 0;
	position:relative;
	vertical-align:top;
	width:100%;
}

div.firstCat {
	padding-top:20px;
}


div.catWrapper + hr {
	display:block;
	border:none;
	background-color:rgba(237,237,237,1);
	margin:0 auto;
	padding:0;
	width:100%;
}

img.bookNav {
	cursor:pointer;
	margin-top:-18px;
	opacity:0.4;
	position:absolute;
	top:50%;
	z-index:5000;
}

img.bookLeft {
	left:0;
	margin-left:-40px;
}

img.bookRight {
	right:0;
	margin-right:-40px;
}


div.catTitle {
	background:#D8D8D8;
	color:#666666;
	display:inline-block;
	font-family: 'EB Garamond', serif;
	font-size:16px;
	font-weight:400;
	height:237px;
	margin-right:0%;
	position:relative;
	text-align:center;
	text-transform:uppercase;
	vertical-align:top;
	width:18%;
	word-wrap:break-word;
	z-index:100;
}

div.catTitle span {
	letter-spacing:3px;
	line-height:22px;
	position:absolute;
	margin-top:-10px;
	min-height:40px;
	top:50%;
	left:10px;
	text-align:center;
	width:92%;
}


div.bookContentFrame {
	display:inline-block;
	height:237px;
	overflow:hidden;
	position:relative;
	max-width:960px;
	white-space:nowrap;
	width:81%;
}

div.bookContentWrapper {
	position:absolute;
	width:100%;
}

div.bookContent {
	cursor:pointer;
	background:#F4F4F4;
	display:inline-block;
	height:237px;
	line-height:237px;
	margin:0 0.6%;
	position:relative;
	text-align:center;
	vertical-align:top;
	width:18.3%;
	white-space:normal;
}

div.firstBook {
	margin-left:1.6%;	
}

div.bookContent img {
	-webkit-box-shadow: 0px 0px 1px 1px rgba(204, 204, 204, 0.9);
	-moz-box-shadow:    0px 0px 1px 1px rgba(204, 204, 204, 0.9);
	box-shadow:         0px 0px 1px 1px rgba(204, 204, 204, 0.9);
	vertical-align:middle;
	max-width:100%;	
}


div.bookPlaceholder {
	cursor:default;
	background:#FAFAFA;
}


@media screen and (max-width:1240px){
	img.bookLeft {
		margin-left:0px;
	}
	
	img.bookRight {
		margin-right:0px;
	}
}


@media screen and (max-width:1160px){
	div.catTitle {
		height:237px;
		width:14%;
		margin-right:0.7%;
	}
	
	div.bookContentFrame {
		height:237px;
		width:84%;
	}
	
	div.bookContent {
		height:237px;
		width:17.9%;
		margin:0 0.9%;
	}
}


@media screen and (max-width:700px){
	div.catWrapper {
		height:auto;
		width:100%;
	}


	div.catTitle {
		display:block;
		height:40px;
		width:80%;
		margin:0 auto;
	}
	
	div.catTitle span {
		line-height:40px;
		position:relative;
		margin:0;
		min-height:40px;
		top:0;
		text-align:center;
		width:100%;
	}
	
		div.bookContentFrame {
		display:block;
		height:237px;
		margin:20px auto;
		width:92%;
	}
	
	div.bookContent {
		height:237px;
		width:23%;
		margin:0 0.9%;
	}
	
	div.bookContent:first-child {
		margin-left:0;
	}

}


@media screen and (max-width:450px){
	div.bookContent {
		height:237px;
		width:47%;
		margin:0 1.5%;
	}
}