/* HTML 5 Resets */
article, aside, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

/* Main Setting - Repeat on every page */
html { margin: 0 auto; padding:0; border: 0px; font-size: 12px; }
@media screen and ( min-width: 350px) {
		html { font-size: 16px; }
		body { font-size: 100%; }
		}

body { margin: 0 auto; padding:0; border: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%;		width: 100%; overflow-x: hidden; }
			
			
			
.Content-Width { margin: 0 auto; width:100%; max-width: 1360px; }
.Content-Gutter { padding-left: 8px; padding-right: 8px; }
@media screen and ( min-width: 1000px) { 
	.Content-Gutter { padding-left: 8px; padding-right: 40px; }
}


div, p,  ul, ol, li  { margin:0 auto; padding:0; }  /* h1, h2, h3, h4, h5, table,*/
p {	 text-align: justify; text-justify: auto; padding-bottom: .75rem; }


a:link, a:visited { color: #8dc63e; text-decoration:none; }
a:hover { color:#7bccc9; text-decoration:underline; }

/* IE 5-10 FIX remove blue border on Link images */
 a img {border: none;}

/* Generic */
.DoNotCutWord { white-space: nowrap;	}

.FlexFlowBox { display: table-cell; display: -webkit-box;    /* OLD - iOS 6-, Safari 3.1-6 */
							 display: -moz-box; display: -ms-flexbox; /* IE 10 */
							 display: -webkit-flex;   /* Opera 12.1+, Firefox 22+. Chrome 21 */
							 display: flex; -webkit-box-direction: normal;  -moz-box-direction: normal;  -webkit-box-orient: horizontal;  -moz-box-orient: horizontal; -webkit-flex-direction: row;  -ms-flex-direction: row;  flex-direction: row;
							 -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;  flex-wrap: wrap;      
							 -webkit-box-pack: justify; -moz-box-pack: justify; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; 
							 -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start;  -moz-box-align: start;
							 -webkit-align-items: flex-start;  -ms-flex-align: start;  align-items: flex-start;	} 

/* Social Media */
.facebook { margin: 2px 2px; width:32px; height:32px; background: url("/assets/images/social-media/facebook.png") no-repeat; }
.twitter  { margin: 2px 2px; width:32px; height:32px; background: url("/assets/images/social-media/twitter_3.png") no-repeat; }
.youtube  { margin: 2px 2px; width:32px; height:32px; background: url("/assets/images/social-media/youtube_1.png") no-repeat; }
.blog     { margin: 2px 2px; width:32px; height:32px; background: url("/assets/images/social-media/wordpress.png") no-repeat; }
.gmail    { margin: 2px 2px; width:32px; height:32px; background: url("/assets/images/social-media/gmail.png") no-repeat; }
.facebook:hover { width:32px; height:34px; background: url("/assets/images/social-media/facebook-hover.png") no-repeat; }
.twitter:hover  { width:32px; height:34px; background: url("/assets/images/social-media/twitter_3-hover.png") no-repeat; }
.youtube:hover  { width:32px; height:34px; background: url("/assets/images/social-media/youtube_1-hover.png") no-repeat; }
.blog:hover     { width:32px; height:34px; background: url("/assets/images/social-media/wordpress-hover.png") no-repeat;  }
.gmail:hover    { width:32px; height:34px; background: url("/assets/images/social-media/gmail-hover.png") no-repeat; } 


/* Header */
.Header-SubMenu {  background-color: #00703c; width:100%; float: left; font-size: 0.75rem; line-height: 1.75rem;  font-weight: 800; margin: 0 auto;}
a.Header-SubMenu-Link { float: right; margin: 0 1.5%; width: auto; color: #fafafa; }
a.Header-SubMenu-Link:hover { color: #fafafa; } 


.Header-MenuBar  { width:100%; background-color: #F7F7F7;  border-bottom: 2px solid #F2F2F2; }
.Header-Logo { width: 100%; float: right; padding-top: 0.8rem;}
.Header-Menu { width: 100%; text-align: center; line-height: 1.5rem; padding-top: .7rem;}
a.Header-Menu-Link  { margin: 0 2%; font-size: 1rem; color: #00703c /*#5087ca font-weight: 700; */; white-space: nowrap; text-transform: uppercase; }	
a.Header-Menu-Link:hover { color: #00703c; }
	@media screen and ( min-width: 917px) {
		.Header-Logo{ width: 230px; float: left; padding-top: .8rem; padding-bottom: 0px;}
		.Header-Menu { width: 100%; line-height: 65.4833px; padding-top: 0px; }
		.Header-Menu-Link  { }	
		}
.Header-Logo img { width: 230px; display: block; margin: 0 auto; }


.Slideshow { width:100%; background-color: #EEEEEE; }
.Grid-4x4  { width: 50%; float: left; margin: 0 auto; border:0px;  }
.Slideshow img { width:100%; margin: 0 auto; border:0px; height: auto; }

.BreadCrumbs { font-size: .9rem; margin: 0 auto; color: #002413; line-height: 1.5rem; }



/* Side Menu */
.LeftColumn  { width: 0; height: 0; margin: 0 auto; float:left; visibility: hidden; }
@media screen and ( min-width: 760px) {
	.LeftColumn  { width: 21.83% ; margin-bottom: 2rem; margin-right: 3.4%; visibility: visible; height: auto; }
}

.MenuBox { color:#00703c; }
.MenuBox li { list-style:none; text-align:right; padding-bottom: 0.4rem; font-size: 1rem; }
.MenuBox li a:link, .MenuBox li a:visited { color:#00703c; }
.MenuBox ul li span.new { display:inline; font-weight:bold; color:#fff; font-size: 0.6rem; 	background:#FF0004;	padding:2px 3px; margin-right: .25rem;	}

.MenuBox .majorItem { font-size: 1.75rem; padding-top: 1.5rem; color:#89c63e;}
.MenuBox .minorItem { font-size: 1.25rem; padding-top: 1rem; color:#89c63e;} 
.MenuBox li.minorItem a:link, .MenuBox li.minorItem a:visited { color:#89c63e; }  /*  color:#00703c; */
.MenuBox li.majorItem a:link, .MenuBox li.majorItem a:visited { color:#89c63e; }  /*  color:#8dc63e; */


/* Content Body */
.RightColumn { width: 100%;  float:left; margin: 0 auto; ;}
	@media screen and ( min-width: 760px) {
		.RightColumn { width:74.77%; margin: 0 auto; }
		}
.Disclaimer { font-size: .8rem !important; line-height: 1rem !important; color: grey; font-style: italic; }

.MainBody {  margin-bottom: 2rem;}
.MainBody p { padding-bottom: 1.25rem ; font-size:1rem; line-height:1.5rem; color:#666666; }
.MainBody h1 { font-size: 2rem ; color:#00703c;  /*margin-top: .5rem;*/}
.MainBody h2 { color: #000000; font-size: 1.75rem; font-weight: bold;  }
.MainBody h3 { color: #006c70; font-size: 1.35rem; margin: 0.25rem 0; font-weight: normal; }
.MainBody a { color: #666666  }

.MainBody .WarranyDocumentlink { float:right; font-size: 1.125rem; margin-top: .75rem; color: #8dc63e; }

.MainBody .productBox { width: 46.8%; text-align:center; float:left; }
.MainBody .productBox p { font-size: 12px; line-height:14px; font-weight:bold; }

.Product { width: 100%; float:left; display: block;  font-size: .9rem; color: #002413; }

.Product-Column-Left  { width: 100%; margin-right: 0%; float:none; display: block; }
.Product-Column-Right { width: 100%; margin-left:  0%; float:none; display: block; }
.Product-Box { width: 100%; margin-left: 0%; margin-Right: 0%; float: left; margin-bottom: 2rem; }
	@media screen and ( min-width: 500px) {
		.Product-Column-Left  { width: 48%; margin-right: 2%; float:left; display: block; }
		.Product-Column-Right { width: 48%; margin-left:  2%; float:left; display: block; }
		.Product-Box { width: 48%; margin-left: 1%; margin-Right: 1%; float: left; margin-bottom: 2rem; }
		}
.Product-Box-Column { width: 100%; height: auto; float:left; display: block; }

.Product-Image { width: 37%; float: left; margin-right: 2%; }
.Product-Image img { width: 100%; } 
.Product-Info {	 width: 61%; float: left; padding-bottom: 2rem; }

.Promotion { width: 21%; margin: 0 5%; float: right; }

 /* Page Footer */
.Footer  { background-color: #cec; font-size: .875rem; line-height: 1.75rem; width:100%; float: left; padding: 1rem 0;  /* margin-top: 1rem; */ 
border-top: 1px solid #00703c;  border-bottom: 1rem solid #F7F7F7; } 
.Footer-Header { text-align: center; font-size: 1.2rem;  color: #5a6469 ; margin: .5rem 0 ; /*margin-top: 14px; margin-bottom: 7px; padding-top: 0px; #5087ca */}
.Footer-Text { text-align: center; display:block; float: left;  width: 100%; color: #666666;  /* line-height: 1.375em; font-size: .875em; #006c70; #00703c;*/}
.Footer-LogoImage { display: block;  margin: .5rem auto;  width:60%; max-width: 140px !important;  }
		
a.Footer-Menu { text-align: center; display:block; float: left;  width: 100%; color: #3d3935 }  
a.Footer-Menu:hover  { color: #006c70  }		 
a.Footer-Menu2 { color:  #006c70; line-height: 1.5rem; }
a.Footer-Menu2:hover  { color: #366db1; }		

.Footer-Social {  width: 34px; height: 34px; margin: 2% auto; display: block; }

.Footer-Container          { float: left;  margin: 0 0.5%; }
.Footer-Column-Logo        { width: 48%;  }
.Footer-Column-Information { width: 48%; }
/*.Footer-Column-Newsletter  { width: 0; margin: 0 auto; visibility: hidden; } */
.Footer-Column-Contact     { width: 48%; margin-top: 1.5rem; }
.Footer-Column-Social      { width: 48%; margin-top: 1.5rem; }
@media screen and ( min-width: 760px) {
	.Footer-Container          {  }
	.Footer-Column-Logo        { width: 24%;  }
	.Footer-Column-Information { width: 24%; }
/*	.Footer-Column-Newsletter  { width: 19%; margin: 0 0.5%; visibility: visible; } */
	.Footer-Column-Contact     { width: 24%; margin-top: 0; }
	.Footer-Column-Social      { width: 24%; margin-top: 0; }
	} 
	
/* Footer Sub Menu */
/* Footer Sub Menu */
.Footer-SubMenu {  font-weight: 800; font-size: .75rem; background-color: #00703c; width:100%; float: left; margin: 0 auto; margin-bottom: 2.2rem;  line-height: 2rem; }
a.Footer-SubMenu-Link { float: right;  margin: 4px 2% 3px;  width: auto;  color:  #fafafa;}
a.Footer-SubMenu-Link:hover { color: #fafafa; } 

a.Footer-Copyright  { float: left; margin: 4px 2% 3px; width: auto; color:  #fafafa; }
a.Footer-Copyright:hover { color: #fafafa; }

.Footer-SubMenu-Left  { float: left;  width: 100% }
.Footer-SubMenu-Right { float: right; width: 0; height:0; visibility: hidden;  }
@media screen and ( min-width: 500px) {
	.Footer-SubMenu-Left  { width: 43%; }
	.Footer-SubMenu-Right { width: 57%;  visibility: visible;}
	}




/* Contact Forms */
.Form-Layout {}
	.Form-Layout input, textarea, select { font-size: 1rem; font-weight:bold; opacity: 1; padding: 5px; border: 1px solid #c3c3c3; border-radius: 7px; margin-top: 2px; 		margin-bottom: 2px; margin-left: 1%; width: 60%; max-width: 400px; }
.Form-Layout:after {	clear: both; }
.Form-Layout input:focus, textarea:focus, select:focus { border: 1px solid #45bcd2; box-shadow: 0px 0px 8px 2px #98d865; }
.Form-Layout Label { width: 30%; text-align: right; display: block; font-weight: bold; font-size: .9rem; color: #00635f; padding-top: .5rem; float: left; } 
.Form-Instructions {  font: .8rem verdana, arial;  color: grey;  text-align: center; display: block;  margin-bottom: 1rem; }
.Form-RequiredColor { color: #FF0000; font-weight: bold; }
.Input-Form2 { width: auto !important; }

.Form-Buttom{
border:1px solid #6f9d2e; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:14px;font-family:verdana, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #8DC63E; background-image: -webkit-gradient(linear, left top, left bottom, from(#8DC63E), to(#00703C));
 background-image: -webkit-linear-gradient(top, #8DC63E, #00703C);
 background-image: -moz-linear-gradient(top, #8DC63E, #00703C);
 background-image: -ms-linear-gradient(top, #8DC63E, #00703C);
 background-image: -o-linear-gradient(top, #8DC63E, #00703C);
 background-image: linear-gradient(to bottom, #8DC63E, #00703C);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8DC63E, endColorstr=#00703C);
}
.Form-Buttom{
 border:1px solid #567a24;
 background-color: #72a130; background-image: -webkit-gradient(linear, left top, left bottom, from(#72a130), to(#003d21));
 background-image: -webkit-linear-gradient(top, #72a130, #003d21);
 background-image: -moz-linear-gradient(top, #72a130, #003d21);
 background-image: -ms-linear-gradient(top, #72a130, #003d21);
 background-image: -o-linear-gradient(top, #72a130, #003d21);
 background-image: linear-gradient(to bottom, #72a130, #003d21);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#72a130, endColorstr=#003d21);
}