*{
	padding: 0;
	margin: 0;	
}
body
{
	background:#3b3b3b;
	margin:10px auto;
}
#con
{
	width:100%;	
	margin:0 auto;
	text-align:center;
	background-color:#ffffff;
	width:980px;	
	height: 1900px;
}
#bookshelf
{
	background:url('../images/bookshelfnew.jpg') top center no-repeat;
	height:2000px;
	width:990px;
	margin:0 auto;
	text-align:center;
	padding-top:80px;
}
.leaflet
{
	width:200px;
	height:282px;
	float:left;
	background:url('../images/leaflet.png') no-repeat;
	margin-right:10px;
	margin-left:32px;
	margin-bottom:44px;
	cursor:pointer;
	border:none;
}

.leaflethc
{
	width:200px;
	height:282px;
	float:left;
	background:url('../images/hcommended.png') no-repeat;
	margin-right:10px;
	margin-left:32px;
	margin-bottom:44px;
	cursor:pointer;
	border:none;
}
.leafletblue
{
	width:200px;
	height:282px;
	float:left;
	background:url('../images/covers/blue.png') no-repeat;
	margin-right:10px;
	margin-left:32px;
	margin-bottom:44px;
	cursor:pointer;
	border:none;
}
.leafletblue:focus, .leafletdblue:focus, .leafletgreen:focus, .leafletdgreen:focus, .leafletgrey:focus, .leafletfood:focus, .leafletplum:focus, .leafletpurple:focus, .leafletdlm:focus
{
	border:2px solid #000000;
}
.leafletdblue
{
	width:200px;
	height:282px;
	float:left;
	background:url('../images/covers/darkblue.png') no-repeat;
	margin-right:10px;
	margin-left:32px;
	margin-bottom:44px;
	cursor:pointer;
	border:none;
}
.leafletgreen
{
	width:200px;
	height:282px;
	float:left;
	background:url('../images/covers/green.png') no-repeat;
	margin-right:10px;
	margin-left:32px;
	margin-bottom:44px;
	cursor:pointer;
	border:none;
}
.leafletdgreen
{
	width:200px;
	height:282px;
	float:left;
	background:url('../images/covers/darkgreen.png') no-repeat;
	margin-right:10px;
	margin-left:32px;
	margin-bottom:44px;
	cursor:pointer;
	border:none;
}
.leafletgrey
{
	width:200px;
	height:282px;
	float:left;
	background:url('../images/covers/grey.png') no-repeat;
	margin-right:10px;
	margin-left:32px;
	margin-bottom:44px;
	cursor:pointer;
	border:none;
}
.leafletfood
{
	width:200px;
	height:282px;
	float:left;
	background:url('../images/covers/food.png') no-repeat;
	margin-right:10px;
	margin-left:32px;
	margin-bottom:44px;
	cursor:pointer;
	border:none;
}
.leafletplum
{
	width:200px;
	height:282px;
	float:left;
	background:url('../images/covers/plum.png') no-repeat;
	margin-right:10px;
	margin-left:32px;
	margin-bottom:44px;
	cursor:pointer;
	border:none;
}
.leafletpurple
{
	width:200px;
	height:282px;
	float:left;
	background:url('../images/covers/purple.png') no-repeat;
	margin-right:10px;
	margin-left:32px;
	margin-bottom:44px;
	cursor:pointer;
	border:none;
}
.leafletdlm
{
	width:200px;
	height:282px;
	float:left;
	background:url('../images/covers/dlm.png') no-repeat;
	margin-right:10px;
	margin-left:32px;
	margin-bottom:44px;
	cursor:pointer;
	border:none;
}
.leafletc
{
	width:200px;
	height:282px;
	float:left;
	background:url('../images/commended.png') no-repeat;
	margin-right:10px;
	margin-left:32px;
	margin-bottom:44px;
	cursor:pointer;	
	border:none;
}
.leafletc2014
{
	width:200px;
	height:282px;
	float:left;
	background:url('../images/commended2014.png') no-repeat;
	margin-right:10px;
	margin-left:32px;
	margin-bottom:44px;
	cursor:pointer;	
}
.leafletc2013
{
	width:200px;
	height:282px;
	float:left;
	background:url('../images/commended2013.png') no-repeat;
	margin-right:10px;
	margin-left:32px;
	margin-bottom:44px;
	cursor:pointer;	
}
.leaflethc2011
{
	width:200px;
	height:282px;
	float:left;
	background:url('../images/hcommended2011.png') no-repeat;
	margin-right:10px;
	margin-left:32px;
	margin-bottom:44px;
	cursor:pointer;	
}
.leaflet span, .leaflethc span, .leafletc span, .leaflethc2011 span, .leafletc2013 span, .leafletc2014 span
{
	color:#ffffff;
	font-family:arial;
	font-size:13pt;
	font-weight:bold;
	margin-top:100px;
	text-align:center;
	margin-right:10px;
	display:block;
}

.leafletblue span, .leafletdblue span, .leafletgreen span, .leafletdgreen span, .leafletgrey span, .leafletfood span, .leafletplum span, .leafletpurple span
{
	color:#000000;
	font-family:arial;
	font-size:13pt;
	font-weight:bold;
	margin-top:-90px;
	text-align:left;
	margin-left:10px;
	display:block;
	width:160px;
}
/*
.leafletblue span
{
	color:#35acda;
	font-family:arial;
	font-size:13pt;
	font-weight:bold;
	margin-top:-90px;
	text-align:left;
	margin-left:10px;
	display:block;
	width:160px;
}
.leafletdblue span
{
	color:#003f84;
	font-family:arial;
	font-size:13pt;
	font-weight:bold;
	margin-top:-90px;
	text-align:left;
	margin-left:10px;
	display:block;
	width:160px;
}
.leafletgreen span
{
	color:#74bfb7;
	font-family:arial;
	font-size:13pt;
	font-weight:bold;
	margin-top:-90px;
	text-align:left;
	margin-left:10px;
	display:block;
	width:160px;
}
.leafletdgreen span
{
	color:#89c763;
	font-family:arial;
	font-size:13pt;
	font-weight:bold;
	margin-top:-80px;
	text-align:left;
	margin-left:10px;
	display:block;
	width:160px;
}
.leafletgrey span
{
	color:#afb3b4;
	font-family:arial;
	font-size:13pt;
	font-weight:bold;
	margin-top:-90px;
	text-align:left;
	margin-left:10px;
	display:block;
	width:160px;
}
.leafletfood span
{
	color:#afb3b4;
	font-family:arial;
	font-size:13pt;
	font-weight:bold;
	margin-top:-90px;
	text-align:left;
	margin-left:10px;
	display:block;
	width:160px;
}
.leafletplum span
{
	color:#944a9a;
	font-family:arial;
	font-size:13pt;
	font-weight:bold;
	margin-top:-90px;
	text-align:left;
	margin-left:10px;
	display:block;
	width:160px;
}
.leafletpurple span
{
	color:#5e4f9c;
	font-family:arial;
	font-size:13pt;
	font-weight:bold;
	margin-top:-90px;
	text-align:left;
	margin-left:10px;
	display:block;
	width:160px;
}
*/
.leafletdlm span
{
	color:#000000;
	font-family:arial;
	font-size:11pt;
	font-weight:bold;
	margin-top:-90px;
	text-align:right;
	margin-left:47px;
	display:block;
	width:135px;
}

.category
{
	width:200px;
	height:282px;
	float:left;
	background:url('../images/leaflet.png') no-repeat;
	margin-right:10px;
	margin-left:32px;
	margin-bottom:44px;
	cursor:pointer;
}
.category span
{
	color:#ffffff;
	font-family:arial;
	font-size:13pt;
	font-weight:bold;
	margin-top:100px;
	text-align:center;
	margin-right:10px;
	display:block;
}

.clear
{
	clear:both;
	height:30px;
}
.theme
{
	position: absolute;
    text-align: center; 
    z-index: 9999999; 
    pointer-events: none;
    width: auto;
    /* Start styling here... */
    background:#000;
    width:200px;
    color:#ffffff;
    font-family:Arial, sans-serif;
    font-size:12px;
    text-align:justify;
    padding:10px;
    display:block;
}
.clearRow{
	clear:both;
	height: 1px;
}
#fade
{
	opacity:0.5;
	filter:alpha(opacity=50);
	background:#000000;
	height:100%;
	width:100%;
	position:absolute;
	left:0;
	top:0;
    position:fixed;	
}
#popup
{
	z-index:999;
	text-align:center;
	width:640px;
	height:560px;
	background:#ffffff;
	display:none;
	-moz-border-radius: 15px;
	border-radius: 15px;
	position:fixed;	
	padding:20px;
	font-family:helvetica, arial;
	font-size:9pt;
}
#pTitle
{
	color:#00529b;
	font-family:arial;
	font-size:1.2em;	
	margin-bottom:10px;
}
.loading
{
	margin-top:50px;
}
#close
{
 	display:block;
	position:absolute;
	width:44px;
	height:35px;
	right:0;
	margin-right:-5px;
	background:url('../images/close2.png') no-repeat 0 0;
}
#close span
{
	display:none;
}
#close:hover
{ 
	background-position: 0 -35px;
}
.button
{
	display: block;
	width: 578px;
	height: 77px;
	background: url("../images/button.png") no-repeat 0 0;
	text-align:center;
	font-size:16px;
	margin:0 auto;
	margin-bottom:15px;
	clear:both;
	border:none;
	cursor:pointer;
}

.buttonS
{
	display: block;
	width: 280px;
	height: 77px;
	background: url("../images/buttonS.png") no-repeat 0 0;
	margin-bottom:15px;
	float:left;
	margin:0 auto;
	font-size:16px;
	border:none;
	cursor:pointer;
}
.pc
{
 	display:block;
	width:580px;
	height:77px;
	margin:0 auto;
	margin-bottom:15px;
}
.buttonSR
{
	display: block;
	width: 280px;
	height: 77px;
	background: url("../images/buttonS.png") no-repeat 0 0;
	margin-bottom:15px;
	margin-left:17px;
	float:left;
	font-size:16px;	
	border:none;
	cursor:pointer;
}

.button:hover, .buttonS:hover, .buttonSR:hover
{ 
	background-position: 0 -77px;
	text-decoration:none;
}

.button:hover span, .buttonS:hover span.be, .buttonS:hover span.beb, .buttonSR:hover span.be, .buttonSR:hover span.beb
{
	color:#ffffff;	
	text-decoration:none;

}
.button span, .buttonS span, .buttonSR span
{
	font-family:Helvetica;
	margin-top:25px;
	color:#787878;
	font-weight:bold;
	float:left;
	margin-left:20px;
	width:150px;
	text-align:left;

}
.buttonS span.be, .buttonSR span.be
{
	font-family:Helvetica;
	margin-top:20px;
	color:#787878;
	font-weight:bold;
	float:left;
	margin-left:20px;
	width:150px;
}
.buttonS span.beb, .buttonSR span.beb
{
	font-family:Helvetica;
	margin-top:0px;
	color:#787878;
	font-weight:bold;
	float:left;
	margin-left:20px;
	width:150px;
}
.button .img, .buttonS .img, .buttonSR .img
{
	float:left;
	margin-top:17px;
	margin-left:20px;
}
a
{
	text-decoration:none;	
	border:none;
}
img
{
	border:none;
}
.social
{
	margin-top:10px;
}
.clear
{
	clear:both;
	height:1px;
}

.buttonGeneric {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 10px;
    -webkit-appearance: none;
    background-color: #007f3b;
    border: 2px solid transparent;
    border-radius: 4px;
    box-shadow: 0px 4px 0px #00401e;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    margin-top: 0px;
    padding: 5px 5px;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: auto;
}

.buttonGeneric:hover {
	background-color:#005427;
}
.buttonGeneric:focus {

    background-color: #ffeb3b;
	color:#000000;
}
.buttonSecondary
{
	background-color:#4c6272;
}

/* Fix button span margin in Safari + Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	button.buttonGeneric span {
		margin:-1px 0 0 -1px;
	}
}
.buttonBlue
{
	background-color:#005eb8;
}

.buttonSecondary
{
	background-color:#4c6272;
}

.star-rating
{
	list-style:none;
	margin-left:5px !important;
	padding:0px;
	width: 125px;
	height: 25px;
	position: relative;
	background: url('../images/star.gif') top left repeat-x;	
	margin-top:-5px;	
}
.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:25px;
	height: 25px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.star-rating li a:hover{
	background: url('../images/star.gif') left bottom;
	z-index: 2;
	left: 0px;
}
.star-rating a:focus,
.star-rating a:active{
	border:0;	
	-moz-outline-style: none;
	        outline: none; 
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:25px;
}
.star-rating a.two-stars{
	left:25px;
}
.star-rating a.two-stars:hover{
	width: 50px;
}
.star-rating a.three-stars{
	left: 50px;
}
.star-rating a.three-stars:hover{
	width: 75px;
}
.star-rating a.four-stars{
	left: 75px;
}	
.star-rating a.four-stars:hover{
	width: 100px;
}
.star-rating a.five-stars{
	left: 100px;
}
.star-rating a.five-stars:hover{
	width: 125px;
}
.star-rating li.current-rating{
	background: url('../images/star.gif') left center;
	position: absolute;
	height: 25px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}
.ttstars
{
	width:100%;
	text-align:center;
	margin-top:5px;
}
.line
{
	border-bottom:1px dotted #c6c6c6;
	height:10px;
	width:100%;
	margin-bottom:10px;
}
.lineS
{
	border-bottom:1px dotted #c6c6c6;
	height:10px;
	width:80%;
	margin-bottom:10px;
}
p.about
{
	text-align:left;
	line-height:150%;
}
a
{
	color:#226bad;
}
a:hover
{
	color:orange;
	text-decoration:underline;
}
#menulink
{
	float:right;
	width:200px;
	height:41px;
	margin-top:-69px;
	cursor:pointer;	
}
#toplinks
{
	display:block;
	float:left;
	width:200px;
	height:50px;
	margin-top:-77px;
	position:relative;
}
#titlelinks
{
	display:block;
	float:left;
	width:600px;
	height:50px;
	margin-top:-67px;
	position:relative;
	margin-left:200px;
}
#titlelinks h1
{
	font-family:helvetica, arial;
	color:#545454;
}
#aboutlink
{
	float:left;
	width:60px;
	height:50px;
	margin-left:10px;
	cursor:pointer;	
	display:block;
}
a#basketlink
{
	float:left;
	width:60px;
	height:50px;
	cursor:pointer;	
	display:block;
	margin-top:-3px;
}
a#basketlink:hover
{
	opacity:0.5;
	filter:alpha(opacity=50);
}
a#cartlink
{
	float:left;
	width:65px;
	height:50px;
	cursor:pointer;	
	display:block;
}
a#cartlink:hover
{
	opacity:0.5;
	filter:alpha(opacity=50);	
}
#menucontent
{
	position:absolute;
	background:#000000;
	width:220px;
	height:420px;
	-moz-border-radius:15px;
	border-radius:15px;
    -moz-box-shadow:10px 10px 10px #000000;
    -webkit-box-shadow:10px 10px 10px #000000;
    box-shadow:10px 10px 10px #000000;
   	opacity:0.9;
	filter:alpha(opacity=90);
	margin-left:725px;
	margin-left:680px\9;
	margin-top:-25px;
	display:none;
	padding:10px;
}
#menucontent button
{
	border:none;
	padding:10px;
	font-family:helvetica, arial;
	border-bottom:1px dotted #ffffff;
	color:#ffffff;	
	cursor:pointer;
	background-color:#000000;
	width:100%;
	font-size:1.0em;
}
#menucontent button:hover
{
	background:#f1f1f1;
	color:#000000;
	cursor:pointer;
}
#menucontent button:focus
{

	background:#f1f1f1;
	color:#000000;
	cursor:pointer;
}
ul
{
 	margin:15px;
	list-style-type:square;
	text-align:left;
}
ol
{
 	margin-top:15px;
 	margin-left:30px;
	text-align:left;
}
ol li
{
	font-size:14pt;
	padding:2px;
}

ul li
{
	padding:2px;
}
a.si
{
	font-size:14pt;
}
#Bubble
{
    position: absolute;
    right: 0;
    bottom:0;
    width: 350px;
    height: 350px;
    background:url('../images/popup.png') no-repeat;
    overflow: hidden;  
}

.BubbleInner
{
	text-align:center;
    width: 300px;
    height: 130px;    
    margin-top:75px;
	padding-left:10px;
    padding-right:25px;
    float:right;
}
.BubbleInner p
{
	font: 15px helvetica;
    font-weight: bold;
	color:#a6a6a6;            
    text-align: center;
    padding: 10px 0 0 0;
}
#closeB
{
	display:block;
	margin-top:40px;
	text-align:right;
	padding-bottom:10px;
	margin-right:20px;
	width:20px;
	float:right;
	height:20px;
	font-size:1.5em;
	background-color:#ffffff;
}
#closeB a
{
	color:#000000;
}
#cartpopup
{
	background:url('../images/cartarrow.png');
	position:absolute;
	left:138px;
	height:12px;
	width:50px;
	z-index:100;
	top:50px;
	display:none;	
	text-align:center;
}
#cart
{
	position:relative;
	top:10px;
	height:120px;
	width:220px;
	background:#ffffff;
	z-index:1000;
	border:1px solid #b5afaa;	
}

#star_rating svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
	stroke: currentColor;
}
#star_rating label, #star_rating output {
	display: block;
	float: left;
	font-size: 2em;
	height: 1.2em;
	color: #036;
	cursor: pointer;
	/* Transparent border-bottom avoids jumping
	   when a colored border is applied
		 on :hover/:focus */
	border-bottom: 2px solid transparent;
}
#star_rating output {
	font-size: 1.5em;
	padding: 0 1em;
}
#star_rating input:checked ~ label {
	color: #999;
}
#star_rating input:checked + label {
	color: #036;
	border-bottom-color: #036;
}
#star_rating input:focus + label {
	border-bottom-style: dotted;
}
#star_rating:hover input + label {
	color: #036;
}
#star_rating input:hover ~ label,
#star_rating input:focus ~ label,
#star_rating input[id="star0"] + label {
	color: #999;
}
#star_rating input:hover + label,
#star_rating input:focus + label {
	color: #036;
}
#star_rating input[id="star0"]:checked + label {
	color: #ff2d21;
}
#star_rating [type="submit"] {
	float: none;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}