html, body{height:100%;padding:0;margin:0;}
html{margin:0 auto;position:relative;}
h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, h11, h12, h13, h14, h15, h16, h17, h18, h19{font-family:calibri, "trebuchet ms", verdana, sans-serif;margin:0px;} /* font-size:24px;font-weight:bold;line-height:24px; */
body{font-family:calibri, "trebuchet ms", verdana, sans-serif;font-size:16px;}
td{font-family:calibri, "trebuchet ms", verdana, sans-serif;font-size:16px;}
a:link{text-decoration:none;color:#0060d6;}
a:visited{text-decoration:none;color:#0060d6;}
a:hover{text-decoration:underline;color:#7b00da;}
a:link img{border:0px solid #ffffff;}
a:visited img{border:0px solid #ffffff;}
a:hover img{border:0px solid #ffffff;}
.page-wrap{min-height:100%;margin-bottom:-47px;}
.page-wrap:after{content:"";display:block;height:47px;}
.site-footer{clear:left;height:47px;border:0;margin-left: 238px;}
.black, .black a:link, .black a:visited {text-decoration:none;color:black;}
.black a:hover { text-decoration:underline; color:#6922d4; }
.gray_link a:link, .gray_link a:visited{text-decoration:none;color:#959595;}
.gray_link a:hover{text-decoration:underline;color:#959595;}
.white_link a:link, .white_link a:visited, .white_link a:hover{text-decoration:none;color:#FFFFFF;}
.cols2{-webkit-column-count:2;-moz-column-count:2;column-count:2;}
.cols4{-webkit-column-count:4;-moz-column-count:4;column-count:4;}
.dotted { border:0; height:2px; border-top:2px dotted #cdcdcd; }
.dotted { border-top:2px dotted #cdcdcd; }

.Product_Link{height:60px;width:100%;padding:6px;border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;border-bottom:1px solid #c5c5c5;font-size:14px;}
.Product_Link a:link, .Product_Link a:visited{text-decoration:none;color:#767676;}
.Product_Link a:hover{text-decoration:underline;color:#767676;}
.dhover:hover{background-color:#f4f4f4;}
.blog_product_image { float:right; padding:23px 0 10px 10px; }
.blog_product_image img { width:100%; max-width:300px; }

@media all and (max-width:570px){
.blog_product_image { float:none; width:100%; padding:0px; }
.blog_product_image img { width:100%; max-width:1150px; }
.dhover:hover{background-color:#FFFFFF;}
}

.content-wrap {
padding:10px;
max-width:939px;
}

.show_mob { display:none; }
.sidenav {
  height: 100%;
  width: 238px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #4e7532;
  overflow-x: hidden;
  padding-top: 0px;
}
.button {
  background-color: #737373; /* Green */
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin:0;
  width:100%;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}
.button {
  background-color: #737373; 
  color: white; 
}
.button:hover {
  background-color: #373737;
  color: white;
}
.main {
  margin-left: 238px; /* Same as the width of the sidenav */
  font-size: 18px; /* Increased text to enable scrolling */
  padding: 0px;
}

/* Style the navigation menu */
.topnav{overflow:hidden;background-color:#333;position:-webkit-sticky;position:sticky;top:0;z-index:2;}
/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}
/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 15px;
  display: block;
}
/* Style the hamburger menu */
.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.hide_ads{display:block;}
@media all and (max-width:1395px){
.hide_ads{display:none;}
}

@media all and (max-width:570px){
.cols{-webkit-column-count:1;-moz-column-count:1;column-count:1;}
.cols2{-webkit-column-count:1;-moz-column-count:1;column-count:1;}
.hide_mob{display:none;}
.show_mob { display:block; }
.main, .site-footer { margin-left: 0px; }
}



/* define a fixed width for the entire menu */
.navigation { 
/* width: 200px; */
width:100%;
}
/* reset our lists to remove bullet points and padding */
.mainmenu, .submenu {
list-style: none;
padding: 0;
margin: 0;
}
/* make ALL links (main and submenu) have padding and background color */
.mainmenu a {
  background-color: #737373; /* Green */
  border: none;
  color: white;
  padding: 16px 0 16px 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin:0;
  width:100%;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;s
}
/* add hover behaviour */
.mainmenu a:hover {
background-color: #999;
}
/* when hovering over a .mainmenu item,
display the submenu inside it.
we're changing the submenu's max-height from 0 to 200px;
*/
.mainmenu li:hover .submenu {
display: block;
max-height: 800px;
}
/*
we now overwrite the background-color for .submenu links only.
CSS reads down the page, so code at the bottom will overwrite the code at the top.
*/
.submenu a {
background-color: #4a4a4a;
}
/* hover behaviour for links inside .submenu */
.submenu a:hover {
background-color: #999;
}
/* this is the initial state of all submenus.
we set it to max-height: 0, and hide the overflowed content.
*/
.submenu {
overflow: hidden;
max-height: 0;
-webkit-transition: all 0.5s ease-out;
}