body    {background-image: url('../images/rededitionlyricscheckout.jpg'); background-size: cover; height: 1620px; margin: 0px; background-repeat:no-repeat; overflow-x: hidden; font-family: 'arial'}

/*Top Nav*/

.backto a {float: left; position: relative; top: 83px; left: 240px; color: black; padding: 14px 12px; text-decoration: none; font-size: 14px;}

.fa fa-shopping-cart, i {padding-left: 9px;}

.topnav a {position: relative; top: 95px; left: 740px; display: inline; color: black; padding: 5px; text-decoration: none; font-size: 14px;}

 /*Middle Nav*/
  
.middlenav a {position: relative; top: 152px; left: 227px; color: white; font-family: 'arial'; font-size: 31px; font-weight: 600; text-decoration: none; padding-left: 50px;}

.middlenav a:hover {color: yellow;}
a:hover span {color: yellow;}
.red {color: red;}

/*Sub Nav*/

.subnav a {position: relative; top: 201px; left: 65px; text-decoration: none; font-size: 14px; color: red; font-weight: bold; font-family: 'arial'; padding: 5px;}
.subnav span {position: relative; top: 202px; left: 64px; text-decoration: none; font-size: 14px; color: red; font-weight: bold;}
.subnav a:hover {color: yellow;}

/*Album Cover Area*/

.no13small {position: relative; top: 281px; left: 645px;}
img:hover {outline: 3px solid red;} 

.lyricsmall {position: relative; top: 280px; left: 651px; outline: 2px solid yellow;}
img:hover {outline: 3px solid red;} 

.thirteensmall {position: relative; top: 281px; left: 657px;}
img:hover {outline: 3px solid red;} 

.werewolfsmall {position: relative; top: 281px; left: 661px;}
img:hover {outline: 3px solid red;} 

/*Selection*/
    
.format {position: relative; top: 310px; left: 634px; color: white;}
select {width: 270px; height: 50px; margin: 10px;}
select:focus {min-width: 100px; width: auto;}

.quantity select {position: relative; top: 305px; left: 634px; color: black; width: 95px; height: 57px;}

.addtocartbutton {
  display: inline-block;
 
  background-color: #fff;
  border: none;
  color: black;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  padding: 18px;
  width: 160px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  position: relative;
 left: 750px;
  top: 233px;
}

.addtocartbutton span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.addtocartbutton span:after {
  content:  '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.addtocartbutton:hover span {
  padding-right: 25px;
}

.addtocartbutton:hover span:after {
  opacity: 1;
  right: 0;
}



/*Footer*/

.shopfooter a {position: relative; top:1005px; left: 100px; text-decoration: none; font-size: 18px; color: white; display: block; padding-bottom: 10px;}
.shopfooter a:hover {color: red;}

.supportfooter a {position: relative; top: 818px; left: 300px; text-decoration: none; font-size: 18px; color: white; display: block; padding-bottom: 10px;}

.supportfooter a p {margin: 0px;}

.supportfooter a:hover span {color: red;}

.supportfooter a:hover {color: red;}

/*Footer Social Buttons*/

.social {position: relative; top: 604px; left: 500px; margin: 0px;}

.social p {font-size: 18px; color: white;}

.social .fa {
  padding: 5px;
  font-size: 24px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%}

.fa:hover {
    opacity: 0.7;}

.fa-facebook {
  background: red;
  color: white;}

.fa-twitter {
  background: red;
  color: white;}
  
  .fa-youtube {
  background: red;
  color: white;}

.fa-instagram {
  background: red;
  color: white;}
  
  .fa-soundcloud {
  background: red;
  color: white;}
  
/*Email Sign Up*/
  
.signup p {position: relative; left: 800px; top: 504px; font-size: 18px; color: white;}
  
#email {position: relative; left: 800px; top: 499px;}

#email  a:hover {text-decoration: underline;}

input:required {box-shadow:none;}
input:invalid {box-shadow:0 0 red;}

input[type=text], input[type=password] {width: 15%; height: 15px; padding: 15px; margin: 5px 0 22px 0; display: inline-block;
  border: none; background: #212f3d; color: white;}

input, text{color:black;}
input[type=text]:focus, input[type=password]:focus {background-color: white; color: black; outline: none;}

/*Submit button*/

button, .registerbtn {position: relative; top: 565px; left: 563px; background-color: red; color: white; border: none; cursor: pointer; margin: 0; font-size: 1.5em; font-family: 'arial'; width: 17.18%; height: 55px; opacity: 0.9}
.registerbtn:hover {opacity: 1;} 
.terms a {position: relative; left: 800px; top: 548px; font-size: 12px; color: white; text-decoration: none;}
.terms a:hover {text-decoration: underline;}