body{
   	padding:0px;
   	margin:0px;
   	height:100%;
   	background-color:#d6d6d6;
}
#wrap{
	margin:0 auto;
	width:980px;
}
#content{
	width:100%;
	height:100%;
	margin-left:-20px;
}
.white{
	background-color:white;
	width:980px;
	padding:10px 20px 10px 20px;
}
.invisible{
	display:none;
}
figure{
	padding:0px;
	margin:0px;
}
.figcaption{
    padding:0px;
    margin:0px;
}
h1, h2, h3, h4, h5, h6{
	font-family:verdana, helvetica, sans-serif;
	color:#3e3e3e;
	line-height:100%;
}
dt{
	font-family:verdana, helvetica, sans-serif;
	color:#3e3e3e;
	line-height:100%;
	font-weight:bold;
	font-size:16px;
	margin-bottom:5px;
	margin-top:30px;
}
img{
	border-style:none;
}
.Shadow{
	transition:box-shadow .3s;
}
.Shadow:hover{
	box-shadow:0px 0px 12px #282828;
}
ul{
	list-style-type:none;
}
/* container for the logo and cart*/
.banner{
	width:980px;
	margin:0px auto 0px 0px;
	position:relative;
}
.logo{
	max-height:100px;
	width:auto;
}
/*This is attached to the cart form*/
.cart{
	max-height:35px;
	width:auto;
	position:absolute;
	top:66px;
	left:862px;
}
.footer{
	text-align:center;
	width:985px;
	border-top:2px solid #3e3e3e;
	margin-top:10px;
}
.pageBreak{
	width:980px;
	border-bottom:2px solid #3e3e3e;
	margin:35px 0px 15px 0px;
	text-align:left;
}
.cardsButton{
	width:250px;
	margin-top:10px;
}
/*////////////////////////////////////////    TEXT   ///////////////////////////////////////////*/
/*///////////////////////////////////////           ///////////////////////////////////////////*/
.text{
	font-family:verdana, helvetica, sans-serif;
	color:#3e3e3e;
	font-size:11px;
	line-height:1.2;
}
.largeText{
	font-family:verdana, helvetica, sans-serif;
	color:#3e3e3e;
	font-size:13px;
	line-height:100%;
}
.boldText{
	font-family:verdana, helvetica, sans-serif;
	color:#3e3e3e;
	font-weight:bold;
	font-size:11px;
	line-height:100%;
}
.smallBold{
	font-family:verdana, helvetica, sans-serif;
	color:#3e3e3e;
	font-weight:bold;
	font-size:13px;
	line-height:100%;
}
.mediumBold{
	font-family:verdana, helvetica, sans-serif;
	font-weight:bold;
	color:#3e3e3e;
	font-size:16px;
	line-height:100%;
	margin: 0px;
}
.bigBold{
	font-family:verdana, helvetica, sans-serif;
	font-weight:bold;
	color:#3e3e3e;
	font-size:22px;
	line-height:100%;
}
.biggerBold{
	font-family:verdana, helvetica, sans-serif;
	font-weight:bold;
	color:#3e3e3e;
	font-size:28px;
	line-height:100%;
}
.underlinedText{
	font-family:verdana, helvetica, sans-serif;
	text-decoration:underline;
	color:#3e3e3e;
	font-size:12px;
	font-weight:bold;
	line-height:100%;
}
.center{
	text-align:center;
}
.red{
	font-family:verdana, helvetica, sans-serif;
	color:#d20214;
	font-size:11px;
	line-height:1.2;
}
.largeRed{
	font-family:verdana, helvetica, sans-serif;
	color:#d20214;
	font-size:13px;
	line-height:1.2;
}
/*////////////////////////////////////////       END OF TEXT     ///////////////////////////////////////////*/
/*///////////////////////////////////////                       ///////////////////////////////////////////*/


/*/////////////////////////////////////////        BROWSE PAGES       /////////////////////////////////////*/
/*////////////////////////////////////////                           /////////////////////////////////////*/
.square{
	width:176px;
	height:235px;
	margin:20px 10px;
	background-color:#d6d6d6;
	text-align:center;
	box-shadow:3px 3px 4px #979292;
	display:inline-block;
	float:left;
}
.browseimage{
	max-height:170px;
	width:auto;
	margin:10px 0px 5px 0px;
}
.publisherlogo{
	max-height:190px;
	margin:30px 10px 10px 10px;
	text-align:left;
	display:inline-block;
	float:left;
}
.browselogo{
	max-height:70px;
	width:auto;
	margin-left:0px;
}
hr.logo{
	border-width:3px;
	border-style:solid;
	width:955px;
}
/*/////////////////////////////////          END OF BROWSE PAGES         /////////////////////////////*/
/*////////////////////////////////                                      /////////////////////////////*/


/*/////////////////////////////////////////        BROWSE PAGES       /////////////////////////////////////*/
/*////////////////////////////////////////        YOUNG READERS      /////////////////////////////////////*/

.squareY{
	width:225px;
	height:290px;
	margin:20px 10px;
	background-color:#d6d6d6;
	text-align:center;
	box-shadow:3px 3px 4px #979292;
	display:inline-block;
	float:left;
}
.browseimageY{
	max-height:230px;
	width:auto;
	margin:10px 0px 5px 0px;
}




/*///////////////////////////////////    HOME PAGE       ///////////////////////////////////////////*/
/*//////////////////////////////////                    ///////////////////////////////////////////*/
.homeSquare{
	width:310px;
	height:185px;
	margin:7px 4px;
	padding:4px 2px 4px 4px;
	display:inline-block;
	background-color:#d6d6d6;
	box-shadow:4px 4px 9px #979292;
}
.cover{
	width:40%;
	float:left;
}
.homeImage{
	max-height:170px;
	max-width:115px;
	margin:4px 4px 4px 4px;
	float:left;
	display:inline-block;
}
.summary{
	width:60%;
	float:left;
}
.upper{
	text-transform:uppercase;
	padding-top:4px;
}
.homeDetails{
	float:left;
	width:186px;
	height:97px;
	margin:0px 4px 0px 0px;
}
.links{
	float:left;
	width:183px;
	margin:2px 0px 4px 0px;
}
.homeRetail{
	width:183px;
	float:left;
	margin-bottom:4px;
}
.special{
	float:left;
	width:183px;
	font-family:verdana, helvetica, sans-serif;
	color:#B40404;
	font-size:12px;
	font-weight:bold;
	line-height:1.1;
	margin-top: 5px;
}
.discount{
	float:left;
	width:183px;
	font-family:verdana, helvetica, sans-serif;
	color:#B40404;
	font-size:12px;
	font-weight:bold;
	line-height:1.1;
	margin-left:80px;
}
/*/////////////////////////////         TEST HOME PAGE       ///////////////////////////////////////////*/
/*////////////////////////////                                ///////////////////////////////////////////*/
.homeBox{
	display:inline-block;
	float:left;
	width:312px;
	height:auto;
	margin:25px 10px 0px 0px;
	padding:4px;
}
.columnTop{
	width:300px;
	height:30px;
	margin:10px 4px;
	padding:5px 3px 4px 3px;
	display:inline-block;
	float:left;
	text-align:center;
}
.center{
	display:flex;
	justify-content:center;
	align-items:center;
	height:30px;
}
.homesquare{
	width:304px;
	height:185px;
	margin:7px 0px;
	padding:4px 2px 4px 4px;
	background-color:#d6d6d6;
	box-shadow:4px 4px 9px #979292;
}
/*/////////////////////////////         END OF HOME PAGE       ///////////////////////////////////////////*/
/*////////////////////////////                                ///////////////////////////////////////////*/


/*///////////////////////////////////         DETAILS PAGES      ///////////////////////////////////////////*/
/*//////////////////////////////////                            ///////////////////////////////////////////*/


/*///////////////////////////////         PRODUCTS LIST       ///////////////////////////////////*/
.detailBox{
	margin:20px 0px;
	padding:10px;
	background-color:#d6d6d6;
	width:960px;
	overflow:hidden;
	box-shadow:4px 4px 5px #979292;
}
.colImage{
	width:16%;
	float:left;
}
.detailImage{
	max-height:210px;
	max-width:142px;
}

.mastImage{
	border:2px solid #ffffff;
}

.mastImage:hover{
	transition:box-shadow .3s;
	box-shadow:0px 0px 9px #282828;
}
.colDescription{
	width:84%;
	float:left;
}
.detailDescription{
	margin-top:5px;
	margin-bottom:7px;
}
.specialOrder{
	padding-top:5px;
}
.retail{
	font-family:verdana, helvetica, sans-serif;
	color:#3e3e3e;
	font-weight:bold;
	font-size:12px;
	line-height:100%;
	padding-top:15px;
	padding-bottom:2px;
}
.ourPrice{
	font-family:verdana, helvetica, sans-serif;
	color:#bb1212;
	font-size:14px;
	font-weight:bold;
	line-height:100%;
}
.paypalButton{
	max-width:90px;
	padding-top:10px;
}
/*////////////////////////////               MODAL             ///////////////////////////////////////////*/
/*////////////////////////////                                ///////////////////////////////////////////*/
.modal{
	z-index:3;
	display:none;
	padding-top:70px;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
	background-color:rgb(0,0,0);
	background-color:rgba(0,0,0,0.8);
}
.button{
	border:none;
	display:inline-block;
	padding:8px 16px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	color:#fff;
	background-color:inherit;
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
}
.hover-red:hover{
	color:#fff!important;
	background-color:#f44336!important;
}
.xlarge{
	font-size:24px!important;
}
.display-topright{
	position:absolute;
	right:0;
	top:0;
}
.modal-content{
	margin:auto;
	position:relative;
	padding:0;
	outline:0;
	text-align:center;
	width:400px;
}
.animate-zoom{
	animation:animatezoom 0.6s
}
	@keyframes animatezoom{
		from{
			transform:scale(0)
			}
		to{
			transform:scale(1)
			}
		}

.expanded-image{
	max-height:600px;
	max-width:auto;
}
/*/////////////////////////////  			HEADER  	       ///////////////////////////////////////////*/
/*////////////////////////////                                ///////////////////////////////////////////*/
.pageTitle{
	text-align:center;
}
.subheader{
	width:980px;
	height:22px;
	margin:0px auto;
}
.subheader ul{
	margin-left: -40px;
	list-style-type:none;
	display:flex;
}
.subheader ul li{
	width:100%;
	background-color:#d6d6d6;
	border-top:1px solid #ffffff;
	box-shadow:4px 4px 5px #979292
}
.subheader ul li a{
	border-right:2px solid #ffffff;
	padding:2px;
	display:block;
	text-align:center;
	color:#3e3e3e;
	text-decoration:none;
}
.subpage{
	width:980px;
	height:22px;
	margin:0px auto;
	box-shadow:4px 4px 5px #979292
}
.subpage ul{
	margin-left: -40px;
	list-style-type:none;
	display:flex;
}
.subpage ul li{
	width:100%;
	background-color:#d6d6d6;
	border-top:1px solid #ffffff;
}
.subpage ul li a{
	padding:2px;
	display:block;
	text-align:center;
	color:#3e3e3e;
	text-decoration:none;
}
.subpage ul li div{
	padding:2px;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#5f5f5f;
	font-family:verdana, helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
}
#upperpagenumber{
  width:980px;
  height:0px;
  display:flex;
  justify-content:flex-end;
  padding-top:20px;
}
#upperpagenumber div{
	width:16px;
	text-align:center;
	font-family:verdana, helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#5f5f5f;
}
#upperpagenumber a{
	width:16px;
}
.pagenumber{
	height:18px;
}
.pagenumber ul{
	list-style-type:none;
	display:flex;
}
.pagenumber ul li{
	width:100%;
}
.pagenumber ul li a{
	padding:2px;
	display:block;
	color:#3e3e3e;
	text-decoration:none;
}
.pagenumber ul li div{
	padding:2px;
	display:block;
	text-decoration:none;
	color:#5f5f5f;
	font-family:verdana, helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
}
/*/////////////////////////////  		NEW RELEASES  	       ///////////////////////////////////////////*/
/*////////////////////////////                                ///////////////////////////////////////////*/
.month{
	height:22px;
	width:1020px;
	margin-left:-30px;
	margin-top:20px;
}
.month ul{
	list-style-type:none;
}
.month ul li{
	float:left;
	display:block;
}
.month ul li a{
	padding:2px 20px 2px;
	width:200px;
	color:#3e3e3e;
	text-decoration:none;
}
.subtitle{
	width:980px;
	height:20px;
}
.subtitle ul{
	margin-left: -40px;
	list-style-type:none;
	display:flex;
}
.subtitle ul li{
	width:100%;
}
.subtitle ul li a{
	padding:2px 20px 2px;
	display:block;
	text-align:center;
	color:#3e3e3e;
	text-decoration:none;
}
/*///////////////////////////////////       END OF DETAILS PAGES            ///////////////////////////////////////////*/
/*//////////////////////////////////                                       ///////////////////////////////////////////*/


/*//////////////////////////////////          COMING SOON PAGE         ///////////////////////////////////////////*/
/*/////////////////////////////////                                    ///////////////////////////////////////////*/
.postcard{
	 max-height:550px;
	 width:auto;
	 margin-left:10px;
	 margin-top:25px;
}