.text-label {
    color: #cdcdcd;
    font-weight: bold;
}


/* This displays the main background */
body {
margin:auto;
background-image: url(images/fireworksbackground.jpg);
background-repeat: y-repeat;
background-position: upper left;
height: 760px; 

}
/* main background END*/

/* This displays the body background */
#middle{
overflow-x: hidden;
opacity: 100%;
margin: auto; text-align: center;
background-color : transparent;
width:auto; /* 1923px; */
/*height:1923px;*/
padding-right: 0px;
border: 0px solid #000000;
-webkit-border-radius:0px;
border-radius: 0px;
margin-top: 0px;
padding-top: 0px;
font-family: 'Myriad Pro', serif;
max-height: 1000000px; /* --fixes google chrome issue with blowing up text */
}
/* white body background END*/

h1{
 
  font-family: "Garamond", Garamond, serif;

}

/* Inline will remove the break line that is caused*/
h1{display:inline;}

/* p{ display:inline;
} */

ul{text-align:left;}

li{text-align:left;}

#spaces{

margin-top:95px;
}

table{color:#E6E6E6; padding:5px;
}

tr{color:#E6E6E6;

}
td{BORDER:px solid #E6E6E6; padding-left:5px;

}
.b1 {border-style:none;}


/* This displays the background for the copyright info */
#footer {
opacity:0.9;
overflow-x: hidden;
margin: auto;
background-color: #5882FA; 
background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#000000));
background: -moz-linear-gradient(top,  #000000,  #000000);
background-image: -ms-linear-gradient(top, #000000 0%, #000000 );
height: auto;
text-align: center;
/* -webkit-box-shadow: 5px 5px 5px #1e1e1e;
-moz-box-shadow: 5px 5px 5px #1e1e1e;
box-shadow: 5px 5px 5px #1e1e1e; */
width: auto;/* 1905px; */


}
#footer a:link{color:white; text-decoration: none;}
#footer a:visited{color:white; text-decoration: none;}
#footer a:hover{text-decoration: underline;}
/* the copyright info END*/

/* This displays the background for the navigation*/
#nav { 
opacity:0.9;
z-index: 1;
background-color: #5882FA; 
background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#000000));
background: -moz-linear-gradient(top,  #000000,  #000000);
background-image: -ms-linear-gradient(top, #000000 0%, #000000 );
border-bottom: solid 1px gray;
text-align: right; 
margin: 0 auto; left:0px; right:0px;
margin-top: 0px;
width:auto;
height: 100px;	
line-height: 105px;
position: fixed;
box-shadow: 0px 3px 7px 3px #333;
/* border: 1px solid white; */
/* font-family: "Times New Roman", Times, serif; font-size: ; */
font-family: "Trebuchet MS", Trebuchet MS Bold, serif;
}
/* displays the background for the navigation END*/
	 
#nav a {text-decoration: none;
border-top:solid 1px gray;
border-right:solid 1px gray;
padding: 7px 20px 6px 21px;}
#nav a:link{color: #FF1B03;}
#nav a:visited{color: #FF1B03;}
#nav a:hover 
{ 
border: 0px solid white; 
color:white;
border-top:solid 1px gray;
border-right:solid 1px gray;
/* background-color:white; */
}

a, a:active, a:visited {color: #FFFFFF;
border: 0px solid #CCC; 
border-radius: 0px;  
/* padding: 4px 62px 4px 62px; */
	
}
a:hover 
{ 
border: 0px solid blue; 
/* background-color:white; */

}

h3{font-size: 80%; color:#29220A;
}

h6{color:#E6E6E6;
}

#sitelines4{height:0px;box-shadow: 0px 0px 1px 258px #333; padding:0px;
}

/* This is for the fireworks categories */
#additionlinks{text-align:center; padding-left:220px;background-image: url(images/headerbackground.jpg); opacity:0.9; height:1828px;
}
#additionlinks a:link{color:#0080FF; text-decoration: none;}
#additionlinks a:visited{color:#0080FF; text-decoration: none;}
#additionlinks a:hover{text-decoration: underline;}

/* This is for the fireworks categories */
#additionlinks2{text-align:left; padding-left:250px;background-image: url(images/headerbackground.jpg); opacity:0.9; height:1828px;
}
#additionlinks2 a:link{color:#0080FF; text-decoration: none;}
#additionlinks2 a:visited{color:#0080FF; text-decoration: none;}
#additionlinks2 a:hover{text-decoration: underline;}

/* This is for the multishot arials page because the page is longer */
#additionlinks3{text-align:left; padding-left:250px;background-image: url(images/headerbackground.jpg); opacity:0.9; height:3183px;
}
#additionlinks3 a:link{color:#0080FF; text-decoration: none;}
#additionlinks3 a:visited{color:#0080FF; text-decoration: none;}
#additionlinks3 a:hover{text-decoration: underline;}

/* This is for the home page because the page is longer */
#additionlinkshome{text-align:left; padding-left:250px;background-image: url(images/headerbackground.jpg); opacity:0.9; height:auto;
}
#additionlinkshome a:link{color:#0080FF; text-decoration: none;}
#additionlinkshome a:visited{color:#0080FF; text-decoration: none;}
#additionlinkshome a:hover{text-decoration: underline;}


/* This is for the side navigation */
#homeboards{
background-color: url(images/gray.jpg);
}
#homeboards a:link{color:#E50F0F; text-decoration: none;}
#homeboards a:visited{color:#E50F0F; text-decoration: none;}
#homeboards a:hover{text-decoration: underline;}
 #homeboards td { padding: 15px;text-align:center;
 /* border: 1px solid rgba(0, 0, 0, .0);  */
        border: 0px solid rgba(129, 190, 247, .5); 
    }
	



/* This is for the fireworks table */
#upcomingreleases{padding-left:0px; text-align:left;letter-spacing:0px; padding-top:25px; padding-right:0px; font-family: "Garamond", Garamond, serif;position: absolute;
	width:250px;
    z-index: 1;


}

#upcomingreleases a:link{color:#ffffff; text-decoration: none;}
#upcomingreleases a:visited{color:#ffffff; text-decoration: none;}
#upcomingreleases a:hover{text-decoration: underline;}
#upcomingreleases td{background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#302A28));
background: -moz-linear-gradient(top,  #000000,  #302A28);
background-image: -ms-linear-gradient(top, #000000 0%, #302A28 );
}

#location{text-align:center;letter-spacing:0px;padding-top:25px;padding-left:55px; font-family: "Garamond", Garamond, serif;	

float: left;

}

#location2{	

float: right;

}

/* This is for The headers on the home page */
#backtotopi{padding-left:0px; text-align:left;letter-spacing:0px; padding-top:25px; padding-right:10px; font-family: "Garamond", Garamond, serif; max-height: 1000000px; /* --fixes google chrome issue with blowing up text */
}

#backtotopi a:link{color:#FE2E2E; text-decoration: none;}
#backtotopi a:visited{color:#FE2E2E; text-decoration: none;}
#backtotopi a:hover{text-decoration: underline;}

/* This is for back to top page for back to top button */
#backtotopi2{padding-left:5px; text-align:right;letter-spacing:2px; padding-right:10px; font-family: "Garamond", Garamond, serif; background-color:black;
}

#backtotopi2 a:link{color:#FE2E2E; text-decoration: none;}
#backtotopi2 a:visited{color:#FE2E2E; text-decoration: none;}
#backtotopi2 a:hover{text-decoration: underline;}

#indexinglogo{
	position:fixed;
	left: 0px;
    top: 0px;
    z-index: 2;
}

/*scroll menu code to allow scrolling products in mobile */
div.scrollmenu {
    /* background-color: #333; */
    overflow: auto;
    white-space: nowrap;
}

div.scrollmenu a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
}

div.scrollmenu a:hover {
    /* background-color: #777; */
}
	


/*  Mozilla Firefox code specific for browser, this changes the navigation  */
@-moz-document url-prefix() {
/* This displays the white body background */
#middle{


			 height:auto;

			


}

#nav a {

padding: 7px 20.5px 4px 20.5px;

}

td{BORDER:1px solid #E6E6E6; 
}
/* Style used to hide table borders for top sp games/multiplayer games on steam*/
.b1 {border-style:none;}


}

/*  Internet Explorer 10+ code specific for browser, this changes the navigation  */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
#nav a {
padding: 7px 20.5px 5px 20.5px;

}

/* This displays the white body background */
#middle{

height:auto;

}


/* This displays the white body background END*/
td{BORDER:1px solid #E6E6E6; 
}
/* Style used to hide table borders for top sp games/multiplayer games on steam*/
.b1 {border-style:none;}





}
/* Internet Explorer Specific code end */