html, body {font-family:Arial;}
#mobilenav {display:block}
#nav {display:none}
.nav2 {display:none}

.products {}
.product_item {display:grid; grid-template-rows: min-content; text-align:center; }
.product_item div {border:1px solid #000; border-collapse: collapse; margin:-1px 0 0 -1px; padding:0; font-size:.8em}
.products img {max-width:100%; width:200px }

html{overflow-y: scroll;}
img {border:0}
#wrapper{width:100%; margin-left:auto; margin-right:auto; background-color:#fff}
#footer {text-align:center;  background-color:#0F21FF; color:#fff; padding-top:.5em; padding-bottom:.5em; border:.2em solid #000}
#header {background-color:#fff;  text-align:center; margin-top:0; margin-bottom:.5em}
#content {font-size:1em; float:none; clear:both; width:100%; overflow:auto;  }
#header img{ max-width:100%; vertical-align: bottom; }
#tbComments {width:100%; height:10em}
#content a{text-decoration:none; color:#FF0000; font-size:.8em}
#nav {background-color:#FC3237;  overflow:auto; text-align:center; }
.nav2 {background-color:#FC3237;  overflow:auto; text-align:center; }
#footernav,  #footernavletters {overflow:auto; text-align:center; font-size:.6em; font-weight:bold; text-shadow:1px 1px 2px #000;  }
#footernav a, #footernavletters  a{margin-right:1em;  }
#footernavletters {display:none}
#footernav a:hover, #footernavletters  a:hover{color:#FFFFFF }
#nav a {color:#000000; text-decoration:none;  font-size:.6em;  font-weight:bold;  margin-right:2em; }
.nav2 a {color:#000000; text-decoration:none;  font-size:.55em;  font-weight:bold;  margin-right:1em; }
#nav a:active, #nav a:visited {color:#fff}
.nav2 a:active, .nav2 a:visited {color:#fff}
#footer a {text-decoration:none; color:#F23C3C}
.SearchArea {font-size:100%}
h1 {text-shadow:1px 2px 0px #666666}
#nav a:hover {color:#FFFF66}
.nav2 a:hover {color:#FFFF66}
.centered {text-align:center}
.bolded {font-weight:bold}
.maintext {text-align:justify; font-size:120%}
#content_body{padding:.5em}
#logos {font-size:.9em}
#logos img{border:.1em solid #000}
.sitemap p {line-height:110%; }
#social_media{}
.product_table {display:none}
.product_list {display:inline}
.product_list {text-align:center}
.product_table a {; font-size:.8em}
.product_table td {padding:.3em}
.product_table a:visited {color:#336600; font-size:.8em}
.FrontSearch {display:block}
.FrontSearchLite{display:none}




.items td {border:.1em solid #000}
.product_table {text-align:center; margin-left:auto; margin-right:auto}
.product_table img {max-width:150px; width:100%}
.product_table table {width:100%}
.product_table td {width:20%}

.news_link {font-size:.8em}
.product_table td td{text-align:center; border:.1em solid #000}
.product_table2 td {text-align:center; border:.1em solid #000}
.product_table2 table  {margin-left:auto; margin-right:auto; text-align:center; margin-bottom:.5em}
.product_list td {text-align:center; border:.1em solid #000}
.product_list table  {margin-left:auto; margin-right:auto; text-align:center; margin-bottom:.5em}
.product_table table   { margin-left:auto; margin-right:auto; text-align:center; margin-bottom:.5em}
h1 {text-align:center; font-size:1.4em}
#ad a {text-decoration:none; }
#ad {background-color:#FFFF00; width:100%; text-align:center; border-bottom:.2em solid #000}
.copy {font-size:.8em; text-shadow:1px 1px 2px #000;}


.email_button {
	text-shadow:1px 2px 0px #0d1014;
}


ul.mobmenu li:not(:first-child) {display: none;}
  ul.mobmenu li.icon {
    float: right;
    display: inline-block;
  }

 ul.mobmenu.responsive {position: relative;}
 ul.mobmenu.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  
   ul.mobmenu.responsive li {
    float: none;
    display: inline;
  }
  
.mobnav div {display:block; float:none; border:1px solid #000;}
ul.mobmenu {border:1px solid #000;}
.mobnav a {
display:block; float:none; }
.mobnav div, ul.mobmenu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color:#FF0000;
}

ul.mobmenu li {float: left; }

.mobnav div a, ul.mobmenu li a {
  display: block;
  color: #f2f2f2;
  padding: 6px 8px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 1em;
}

.mobnav div a:hover, ul.mobmenu li a:hover {background-color: #111;}

  ul.mobmenu.responsive li a {
    display: block;
    text-align: left;
  }
  
.videoboxm {display:inherit}
.videobox {display:none}

@media all and (min-width: 350px) {

#nav a {text-decoration:none; color:#000; margin-right:2em; font-size:.9em;  font-weight:bold }
.nav2 a {text-decoration:none; color:#000; margin-right:1em; font-size:.55em;  font-weight:bold }




#content a{ font-size:.9em}
}

@media all and (min-width: 500px) {
.videoboxm {display:none}
.videobox {display:none}

#nav {display:block}
.nav2 {display:block}
#mobilenav {display:none}
#header img{ max-width:100%; vertical-align: bottom; }

#nav a {font-weight:normal; margin-right:0em;padding-left:1em; padding-right:1em; -moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #d83526;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:.7em;
	font-weight:bold;
	font-style:normal;
	height:120%;
	line-height:120%;
	
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #000000; }
.nav2 a {font-weight:normal; margin-right:0em; padding-left:1em; padding-right:1em; -moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #d83526;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:.65em;
	font-weight:bold;
	font-style:normal;
	height:120%;
	line-height:120%;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #000000; }


	#nav a:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color:#ce0100;}
	
	.nav2 a:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color:#ce0100;}
	
}

@media all and (min-width: 650px) {
#nav a {font-size:.85em;  font-weight:bold; padding-top:.1em; padding-bottom:.1em; }
.nav2 a {font-size:.75em;  font-weight:bold; padding-top:.1em; padding-bottom:.1em; }
}


@media all and (min-width: 1000px) {
.products {display:grid; grid-auto-rows: 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; text-align:center; border-collapse: collapse;}
.product_item {display:grid; }
.product_item div {border:1px solid #000}
.products img {max-width:100%; }

#nav {padding-top:.1em; padding-bottom:0em; overflow:hidden}
#nav a {font-size:1.3em;  font-weight:bold; padding-top:.1em; padding-bottom:.1em; }
#footernavletters {display:block}
.nav2 {padding-top:.1em; padding-bottom:0em; overflow:hidden}
.nav2 a {font-size:1em;  font-weight:bold; padding-top:.1em; padding-bottom:.1em; }
#content a{ font-size:1.3em}
#content { font-size:1.0em; }
#footer {font-weight:bold;  }
.FrontSearch {display:block}
.FrontSearchLite{display:none}
.product_table {display:inline}
.product_list {display:none}
#footernav {font-size:.7em; }
#footernavletters {font-size:.6em; }
}

@media all and (min-width: 1200px) {
.SearchArea {font-size:190%}
#nav a {font-size:1.7em;; }
.nav2 a {font-size:1.25em;; }
#content {font-size:1.6em;}
#footernav {font-size:.9em; }
#footernavletters {font-size:.8em; }

}