.button-group, .button-group:visited {
	text-transform:uppercase;
	font-family:inherit;
	font-size: 0.40em;
	display: inline-block;
	line-height:1.0;
}

.button-group a.button-solid {
	background:#000;
	color:#fff;
	padding:12px 20px;
	margin-right:15px;
}

.button-group a:hover.button-solid {
	background:#666;
	color:#fff;
}

.button-group a.button-primary {
	background:none;
	color:#d1b371;
	border:1px solid #d1b371;
	padding:12px 20px;
	margin-right:15px;
	transition: all 0.5s ease;
}

.button-group a:hover.button-primary {
	background:#bfa54e;
	border:1px solid #d1b371;
	color:#262520;
}

.button-group a:active.button-primary {
	background:#856a2c;
	border:1px solid #d1b371;
	color:#e3c17b;
}


img.desaturate {
	-webkit-filter: grayscale(70%);
	filter: grayscale(70%);
	filter: gray;
	transition: all 0.5s ease;
}

img.desaturate:hover {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: none;
}

div.bookseries img {
	display: inline-block;
	margin: 0 35px 35px 0;
	width: 200px;
	opacity:1.0; filter:alpha(opacity=100);	
}

div.bookseries img:focus {
	opacity:1.0; filter:alpha(opacity=100);
}

div.bookseries img:hover {
	opacity:1.0; filter:alpha(opacity=100);
}	

div.bookcoverpanel {
	max-width: 600px;
	padding: 0px;
	border: 0px;
	vertical-align: middle;
	text-align: center;
	z-index: 1000;
}

@media only screen and (max-width: 400px) { 
	div.bookseries img {width: 100px;}
	.button-group {font-size: 0.30em;}
} 

@media only screen and (min-width: 401px) and (max-width: 500px) { 
	div.bookseries img {width: 140px;}
} 

@media only screen and (min-width: 501px) and (max-width: 1440px) { 
	div.bookseries img {width: 200px;}
} 

@media only screen and (min-width: 1441px) { 
	div.bookseries img {width: 240px;}
	div.bookcoverpanel {max-width: 800px;}
}