@charset "utf-8";
/* CSS Document */
/*****************************************************************************************************************************************
Colours:
#05589d;	top nav hover
#05589d;	dk blue top band; logo font
#05589d;	red top nav drop down background; links
#05589d;	footer background
#d8d8d8;	body background

General

*******************************************************************************************************************************************/
@media screen, print {

	/* Headings -------------------------------------------------------------- */ 
	h1,h2,h3,h4,h5,h6 {	font-weight: normal; color: #000; } 
	h1 { font-size: 24px; line-height: 1; margin-bottom: 10px;font-weight: bold; color:#000;
		font-family: din-condensed,"Helvetica Neue",sans-serif;} 
	/*h1,h2 {text-transform:uppercase;}*/
	h2 { font-size: 18px; margin-bottom: 5px;font-weight: bold;  } 
	h3 { font-size: 16px; margin-bottom: 10px; font-weight: bold; } 
	h4 { font-size: 15px; line-height: 1; margin-bottom: 10px;} 
	h5 { font-size: 14px; font-weight: bold; margin-bottom: 10px; } 
	h6 { font-size: 13px; font-weight: bold; } 
	h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } 
	/*p {	font: 16px/26px din-2014,"Helvetica Neue",sans-serif ;}*/

	.smfont{font-size:14px;}

/*	ul{list-style:none !important;}	*/
	ul{list-style:none;}
	ol{list-style:disc;}
	ul li{list-style:disc;}
	/*ul li{list-style:none;}*/
	/*ul.product_list {list-style:none;}*/
	fieldset{border:none;}
	table{
		border-collapse:collapse;
		font-style: normal;
		margin-bottom:10px;
		width:100%;
		border:0 !important;
	}
	table thead{
		color:#05589d;
		color:#000;	
	}
	table thead tr th{
		/*padding:5px 10px;*/
		padding:3px 5px;
		font-size:1.0em;
	}
	table tbody tr td{
		padding:5px 10px;
		padding:3px 5px;
		vertical-align:top;
	}
	article, aside, figure, footer, header, hgroup, nav, section { display:block; }
	.header-container{
		background:#050914;
		z-index: 1000;
	}
	.admin-header-container{
		background:#fff;
		background:#000;	
		}
	article a > img, aside a > img, section a > img, section p > img{
		display:inline-block;
		margin: 8px 8px;
	}
	ul.inline_block li{ 
		display:inline-block;
	}
	ul.inline_block_no_pad{
		padding: 0 0;
	}
	ul.inline_block_no_pad li{ 
		display:inline-block;
	}
	#inline_media_buttons ul li form input[type='submit']{
		display:inline;
		}
	.main-container{
/*		padding-top:150px;
		padding-top:177px;
		padding-top:173px;*/
		margin-top:172px;
		background: url(../img/PondshopBG.jpg) no-repeat center top fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;  
	}
	.logo-container{
	/*	max-width:1026px;*/	
		margin: 0 auto;
		text-align: center;
	}
	.logo-container h1, .logo-container h2 {
		text-indent:-9999em;
		font-size:0px;
		line-height:0;
		margin-bottom:0;
	}
	.logo-container img {
		height: auto;
		max-height: 106px;
	}
	#header_contact li{
		display:block;
		text-align:right;
		color:#FFF;
	}
	#header_contact a:link, #header_contact a:visited{
		color:#FFF;
		text-decoration:none;
		padding:10px 16px 0 0;
	}
	q
	{
		color: #05589d;
		padding: 10px 0px;
		margin: 0 0 20px;
	}
	img
	{
		max-width: 98%;
		vertical-align:middle;
		display: inline-block;
		border: 0;
		-ms-interpolation-mode: bicubic;
		image-rendering: optimizeQuality;
		_width: 100%;
		z-index: 1;
	}
	.slider img{
		margin: 0 auto;
	}
	p img.details{ 
		max-width:400px;
	}
	img.smaller{ 
		max-width:200px;
		}
	.fb-page{
/*		display:block !important;*/
		margin: 0 auto;
	}
	a:link, a:visited{
		text-decoration:none;
		color:#488324;
	}
	a:hover,  a:active{ 
		color:#6ba548;
		text-decoration:underline;
	}
	aside a:link, aside a:visited{
		font-weight:bold;
	}
	.admin-container{
		background-color:#fff;
		}
	p.nojs{
		text-align:left;
		font-size:1.0em;
	}
	p img{
		padding-left:5px;
		position:relative;
		float: left;
		clear: left;
		/*margin: 6px 6px;*/
		*margin-top: 12px;
		z-index: 1;
	}	
	.lorne{
		font-family: din-condensed,"Helvetica Neue",sans-serif;
		font-size: 1.4em;
		line-height: 2.0;	
		text-transform: uppercase;
	}
	.no-disc{
		list-style:none;
		}
	.red {color:#c10f1f;}
	.strike{
		text-decoration:line-through;
	}
	.logos-nav{
		background: #cdcdcd;
		background: #f7f7f8;
		}
	#lg-header{
		z-index:1000;
	/*	position: fixed;
		top: 28px;*/
		width: 100% !important;
		}
	.nav-container{
		background:#05589d;
		background:#737272;
		background: #ff0000;
		background: #cdcdcd;
		background: #dcd8d8;
		background: #000;
		background: #5c719e;
		z-index:2000;
	}
	.text_right{
		text-align:right;
	}
	.text_left{
		text-align:left;
	}
	.right{
		float:right;
	}
	.centre{
		text-align:center;	
	}
	ul.dots li{
		list-style:disc;
		margin-left:20px;
		display:block;
	}
	table.pondshop-table td{
		border: 1px solid  #cdcdcd;
		font: 16px/26px din-2014,"Helvetica Neue",sans-serif;		
	}
	.responsive{
		width: 100%;
		height: auto;
		max-width:1026px;
	}
	.home_section{
/*		background: url("../media/home/HomePageBG.jpg") no-repeat center top;
		background-image: url("../media/home/HomePageBG.jpg");
		background-size: auto;
		background-size: cover;*/
		/*text-align: center;*/
		color: #000;
/*		font-size:18px;*/
/*		line-height: 1.2;*/
		}
	/*.home_section img{
		padding-top:30px;
	}*/
	ul.slides{
		padding-left:0px;
		padding-top:20px;		
	}
	ul.slides li{
		list-style: none;
	}
	.home_section h1 {
		color: #000;
		padding-bottom: 20px;
		padding: 10px 0 10px 0;
		font-size:28px;
/*		-webkit-text-stroke-width: 1px;
  		-webkit-text-stroke-color: #fff;*/
	}
	.home_section h2{
		font-size:20px;		
	}
	.box1{
		background: url("../media/home/pondshop-products.jpg") no-repeat center top;
		background-size: auto;
		background-size: cover;
		width: 100%;
		height: auto;
		padding: 20px 0px;
		margin-bottom:20px;
		text-align: left !important;
		color: #000;
/*		-webkit-text-stroke-width: 1px;
  		-webkit-text-stroke-color: #fff;*/
		font-size:30px;
		font-weight: bold;
		line-height: 2.0;
		-moz-box-shadow: 	1px 0 0 #000000, 
		inset -1px 0 0 #000000,
		inset 0 1px 0 #000000, 
		inset 0 -1px 0 #000000;
		-webkit-box-shadow:  1px 0 0 #000000, 
		inset -1px 0 0 #000000,
		inset 0 1px 0 #000000, 
		inset 0 -1px 0 #000000;
		box-shadow:inset 1px 0 0 #000000, 
		inset -1px 0 0 #000000,
		inset 0 1px 0 #000000, 
		inset 0 -1px 0 #000000;
		}
	.interior-box{	
		max-width: 600px;
		margin:0 auto;
		font-size:18px;
	}
	.box2{	
		background: url("../media/home/conference.jpg") no-repeat center top;
		background-size: auto;
		background-size: cover;
		padding: 20px 0px;
		margin-bottom:20px;
		text-align: center;
		color: #ffffff;
		font-size:18px;
		line-height: 2.0;
		-moz-box-shadow: 	1px 0 0 #05589d, 
		inset -1px 0 0 #05589d,
		inset 0 1px 0 #05589d, 
		inset 0 -1px 0 #05589d;
		-webkit-box-shadow:  1px 0 0 #05589d, 
		inset -1px 0 0 #05589d,
		inset 0 1px 0 #05589d, 
		inset 0 -1px 0 #05589d;
		box-shadow:inset 1px 0 0 #05589d, 
		inset -1px 0 0 #05589d,
		inset 0 1px 0 #05589d, 
		inset 0 -1px 0 #05589d;
		}
	.box3{
		background: url("../media/home/contact-us.jpg") no-repeat center top;
		background-size: auto;
		background-size: cover;
		padding: 20px 0px;
		margin-bottom:20px;
		text-align: center;
		color: #ffffff;
		font-size:18px;
		line-height: 2.0;
		-moz-box-shadow: 	1px 0 0 #05589d, 
		inset -1px 0 0 #05589d,
		inset 0 1px 0 #05589d, 
		inset 0 -1px 0 #05589d;
		-webkit-box-shadow:  1px 0 0 #05589d, 
		inset -1px 0 0 #05589d,
		inset 0 1px 0 #05589d, 
		inset 0 -1px 0 #05589d;
		box-shadow:inset 1px 0 0 #05589d, 
		inset -1px 0 0 #05589d,
		inset 0 1px 0 #05589d, 
		inset 0 -1px 0 #05589d;
		}
	.box1 p,.box2 p, .box3 p{
		padding: 20px 20px;
/*		font-size:20px !important;*/
		}
	.box1 h1,.box2 h1, .box3 h1{
		font-size:24px;
		margin:0.2em 0.5em;
		text-transform: uppercase;
		/*text-align: center;*/
		}
	a.learn{
		color: #ffffff !important;
		font-weight:bold;
		padding:10px 10px;
		background-color:#b90000;
		background-color:#488324;
/*		border: 2px solid #fe0000;
		border: 2px solid #bfe4a9;*/
		text-transform: uppercase;
		text-align: center;
		font-size: 16px;
		}
	a.learn:hover{
		background-color:#05589d;
		background-color:#0a76cf;
		background-color:#c60000;
		background-color:#fe0000;
		background-color:#6ba548;
		}
	a.read{
		color: #ffffff !important;
		font-weight:bold;
		padding:8px 10px;
		background-color:#b90000;
		background-color:#488324;
/*		border: 2px solid #fe0000;
		border: 2px solid #6ba548;*/
		text-transform: uppercase;
		text-align: center;
		font-size: 14px;
		}
	a.read:hover{
		background-color:#05589d;
		background-color:#0a76cf;
		background-color:#c60000;
		background-color:#fe0000;
		background-color:#6ba548;
		background-color:#6ba548;
		text-decoration:none;
		}
	.box a.link-box{
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;		
		}
	a.learn:hover{
		text-decoration: none;
		}
	.home_cycle{
/*		padding-top:50px;*/
		margin-top:20px;
	}
	.photocycle-slideshow{
		width:50%
	}
	.photocycle-slideshow img{
		width:100%;
		height:auto;
	}
	.cycle-slideshow div { display: none }
	.cycle-slideshow div.first { display: block }
	/* set border-box so that percents can be used for width, padding, etc (personal preference) */
	.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.cycle-slideshow { 
		margin: 0 auto; 
		padding: 0; 
		position: relative;
		max-width: 100%;
		/*height: 100%;*/
	 }
	/* slideshow images (for most of the demos, these are the actual "slides") */
	.cycle-slideshow img { 
		/* 
		some of these styles will be set by the plugin (by default) but setting them here
		helps avoid flash-of-unstyled-content
		*/
		margin:0 auto;
		padding: 0; 
		display: block; 
		height: auto;
		width:100%;
	}
	.cycle-slideshow div { 
		margin:0 auto;
	}
	/* in case script does not load */
	.cycle-slideshow img:first-child {
		position: static; z-index: 100;
	}
	#cycle-1 > div {
		width: 100%;
		/*min-height:300px;*/
	}
	/* pager */
	.cycle-pager { 
		text-align: center; z-index: 500; overflow: hidden; 
	}
	.cycle-pager span { 
		font-family: arial; font-size: 50px; width: 16px; height: 16px; 
		display: inline-block; color: #272626; cursor: pointer; 
	}
	.cycle-pager span.cycle-pager-active { color: #cc0000;}
	.cycle-pager > * { cursor: pointer;}
	#pause_button{
		float:left;
		padding:18px 0 8px 17px;
		display: inline-block; 
		cursor:pointer; 
		width:20px;
		border:none;
	}
	.photocontrols_wrap{
		margin:0 0 0 0;
		padding-left:0px;
	}
	#controls_wrap{
		margin:0 0 0 40%;
		padding-left:0px;
	}
	#controls_wrap li{
		display:inline;
		vertical-align:middle;
	}
	.cycle-overlay { 
		color: white; background: black; opacity: .6; filter:alpha(opacity=60);
		position: absolute; bottom: 0; width: 100%; padding: 15px;
	}
	.cycle-overlay a, .cycle-overlay a:visited, .cycle-overlay a:hover, .cycle-overlay a:active{
		color:#fff;
		text-decoration:none;
	}
	#pager{
		display:inline-block;
	}
	.play{
		background: transparent url(../img/pause.png) no-repeat left center;
	}
	.pause{
		background: transparent url(../img/play.png) no-repeat left center;
	}
	#custom-pager a{
		color:#000;
	}
	strong.cycle-pager-active a{
		color:#05589d !important;
	}
	a#home-link{
		display:block;
		cursor:pointer;
		position:absolute; 
		top: 0px;
		text-indent: -9999em;
		height:200px;
	/*	width:1026px;*/
		/*background-size: auto;*/
		}
	.logo{
		max-width:100%;
		width:100%;	
		/*text-align: center;*/
	}
	/******************************************************/
	ul.breadcrumbs{ 
	 /* padding: 5px 0;*/  
	 padding: 0 0;
	 margin-bottom: 0em;
	  border: 1px solid #cdcdcd;
	  list-style: none !important;
	}	
	ul.breadcrumbs li{ 
	  list-style: none !important;
	  display: inline-block;
	  font-size: 16px;
	padding-left:5px;
	}	
	ul.gallery li{ 
	  list-style: none !important;
		}
	.navbar {
	  overflow: hidden;
	  background-color: #333;
	  background-color: #000;
		background-color: #5c719e;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 0 0 0;
	  /*font-family: Arial, Helvetica, sans-serif;*/
	}
	.navbar > li > ul{ 
		padding:0 0 0 0;
		z-index:9999;
	}
	.navbar a {
	  float: left;
		position: relative;
	  font-size: 16px;
	  color: #fff;
	  padding: 6px 16px;
	  text-decoration: none;
		font-weight: bold;
	}
	.navbar > li, .navbar > ul > li {
		font-size: 16px;
		color: white;
		display: inline-block;
		display: block;		
		text-decoration: none;
		font-weight: bold;
		list-style:none;
	}
/*	.navbar a:link, .navbar a:visited {
	  color: #fff !important;
	}	
	.navbar a:hover, navbar a:active{
	  color: #fff;
	  text-decoration: none;		
	}*/
	li.search{		
	/*  padding: 10px 16px;*/
	/*	padding: 0 16px;*/
		cursor:pointer;
	}
	li.search:hover{
	  background-color: #c60000;
	  background-color: #395081;
	 /* padding: 10px 16px;*/
	}
	.searchBtn{
		padding: 9px 16px;
	}
	.dropdown {
	  float: left;
	  overflow: hidden;
		z-index:2000;
	}

	.dropdown .dropbtn {
	  cursor: pointer;
	  /*font-size: 16px;  */
	  border: none;
	  outline: none;
	  color: white;
	  padding: 14px 24px 14px 16px;
	  background-color: inherit;
	  font-family: inherit;
	 /* margin: 0 20px 0 0;*/
	/*  padding: 0 20px 0 0;*/
		font-weight: bold;
	}
	.dropdown:hover, .dropbtn{
	  background-color: red;
	  background-color: #c60000;
	  background-color: #395081;
	}
	.navbar h3{ 
		font-weight: bold;
		font-size:18px;
	}
	.navbar p{ 
		font-size:16px;
		color:#000;
		font-weight: normal;
	}
	.dropdown-content {
	  display: none;
	  position: absolute;
	  background-color: #f9f9f9;
      background-color: #fffdfd;
      background-color: #fff;
	/*  min-width: 160px;*/
	-moz-box-shadow: 	0px 8px 16px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow:  0px 8px 16px 0px rgba(0,0,0,0.2);
	  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index:9000;
	}

	.megamenu {
	  width: 100%;
	  min-width: 0px;
		left:0;
	}
	.show {
	  display: block;
	}
	.dropdown {
	  float: left;
	  overflow: hidden;
		z-index:9000;
	}
	.dropdown-content li{
		list-style:none !important;
		z-index:9000;
		position:relative;
	}
	.dropdown-content a{
		color:#000;
	/*	max-width:100%;*/
	}
	.dropdown-content a:hover{
	/*	background:#ddd;*/
	/*	background-color:#f9f9f9;*/
		color:#488324;
	}
/*	.dropdown-content li:hover{
		background:#ddd;
	}*/
/*	.dropdown-content a:link, .dropdown-content a:visited{
		color:#000 !important;
	}
	.dropdown-content a:hover, .dropdown-content a:active{
		background:#f9f9f9;
		color:#488324;
	}*/
	.dropdown .dropbtn {
	  cursor: pointer;
	  /*font-size: 16px;  */
	  border: none;
	  outline: none;
	  color: white;
	  padding: 14px 24px 14px 16px;
	  padding: 12px 24px 12px 16px;
	  padding: 10px 24px 10px 16px;
	  background-color: inherit;
	  font-family: inherit;
	 /* margin: 0 20px 0 0;*/
	/*  padding: 0 20px 0 0;*/
		font-weight: bold;
	}
	.down_white_arrow{
		background: url(../img/down_white_arrow.gif) no-repeat right center;
	}
	.right_white_arrow{
		background: #a2a2a2 url(../img/right_white_arrow.gif) no-repeat right center;
	}
	.mega_down_black_arrow{
		background: url(../img/down_black_arrow.gif) no-repeat left center;
		}
	.mega_left_black_arrow{
		background: url(../img/right_black_arrow.gif) no-repeat left center;
	}
	/******************************************************/

	#home .navbar li.home > a,
	#about .navbar li.about,
	#service .navbar li.service,
	#news_pages .navbar li.news_pages > a,
	#products .navbar li.products,
	#contact .navbar li.contact > a
	{
		color: #000;
		color:#fff;
		text-decoration:none;
		/*font-weight:bold;*/
		background-color: #05589d;
		background-color: #fff;
		background-color: #9b0000;
		background-color: #395081;
		cursor:pointer;
	}
	.top-nav{
		z-index:1000;
		margin: 0 auto !important;
		position:relative;	
		list-style: none;
	 /*	overflow: auto;*/
	}
	.top-nav li{ 
		background:#000;
		white-space: nowrap;
		list-style: none;
		}
	.top-nav li:hover{
		background:#ccc;
	}	
	.top-nav a{ 
		float: left;
		padding: .2em 1em;
		color: white;
		text-decoration: none;
		display:block;
	/*	font-size: 17px;*/
		/*width: 20%; */
		text-align: center; 	
	}	
	.top-nav a:hover{ 
		color:#000;
		}
	.top-nav .search-container{ 
		float:right;
	}

	.top-nav ul > li >a{ 
		text-align:left;
	}	
		/* Style the padding of the nav bar on scrolling*/
	.nav-is-scrolling .nav-container{
		-moz-box-shadow: 	0 6px 0 rgba(205,205,205,.5);
		-webkit-box-shadow:  0 6px 0 rgba(205,205,205,.5);
		box-shadow: 		0 6px 0 rgba(205,205,205,.5);		
		}
	nav {
	/*	width: 1026px;*/ /* 1140px - 10% for margins */
		margin: 0 auto;
	}
	.sticky{
		position:fixed;
		top:0px;
		width:100% !important;
		/*margin: 0 auto;*/
	}
	.sidebar{
		float:right;
		width:23%;
	}
	ul.ul_inline li{
		display:inline;
	}
	.ul_inline img{
		max-height:60px;
	}
	.ul_inline img.hydro{
		max-height:20px;
	}
	.logos-nav .ul_inline img{
		max-height:40px;
	}
	.ul_inline li{
		padding-right:10px; 	
	}
	.ul_inline li:last-child{
		padding-right:0px; 
	}
	ul.product_list li a{
		text-decoration: none;
	}
	.portfolio-box {
		position:relative;
	}
	.portfolio-box:hover .portfolio-caption {
		opacity:1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
		filter: alpha(opacity=95);
	}
	.portfolio-image {
		margin:0;
	}
	.portfolio-image img {
		display: inline-block;
		max-width: 100% !important;
		min-width:200px !important;
		max-height:200px !important;
	}
	.portfolio-caption:before, 
	.portfolio-title {
		display: inline-block;
		vertical-align: middle;
	}
	.portfolio-caption:before {
		content: "";
		height: 100%;
	}
	.portfolio-caption {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		display:block;
		opacity:0;
		text-align:center;
		overflow:hidden;
		-webkit-backface-visibility:hidden;
		-webkit-transform: translateZ(0);
		-webkit-transition:0.2s all linear;
			-moz-transition:0.2s all linear;
				transition:0.2s all linear;
				backface-visibility:hidden;
	}
	.portfolio-title {
		color:#FFFFFF;
		margin:0;
		font-size:15px;
		text-transform:uppercase;
		padding:0 0px;
		font-weight:bold;
		/*line-height:1;*/
	}
	.portfolio-category {
		display:block;
		font-size:12px;
		text-transform:uppercase;
		letter-spacing:1px;
		margin-top:5px;
	}
	.portfolio-caption {
		background:rgba(66, 93, 136, 0.75);
	}
	a.button{
		background-color:#05589d;
		background-color:#488324;
		border: medium none;
		-moz-border-radius: 4px;    /* Firefox */
		-webkit-border-radius: 4px; /* Safari and Chrome */
		-o-border-radius: 4px;
		border-radius: 4px 4px 4px 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
		/*behavior: url(../ie-css3.htc);*/ /* Tell IE to call the script on all elements with class 'box'  */
		color:#fff;
		cursor: pointer;
		font-family: Helvetica,Calibri,Arial,sans-serif;
		font-weight: bold;
		padding:4px 10px 4px 10px;
		position: relative;
		z-index: 10;
		margin-bottom:10px;
		max-width:100px;
	}
	a.button:hover{
		background-color:#0a76cf;
		background-color:#6ba548;
		text-decoration: none;
	}
	a.prod_button{
		cursor: pointer;
	  width: 13px;
	  line-height: 10px;
	  position: relative;
	  float: right;
	  overflow: hidden;
	  padding: 2px 6px;	
	  top: -32px;
		text-transform: uppercase;
		vertical-align:middle;
	  background: transparent;
	  border: 2px solid rgba(0, 0, 0, 0.1);
	  margin-bottom: -20px;
		color:#fff;
		-moz-border-radius: 2px;    /* Firefox */
		-webkit-border-radius: 2px; /* Safari and Chrome */
		-o-border-radius: 2px;
		border-radius: 2px 2px 2px 2px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	}
	a.prod_button::before{
	  content: "+";
	  font-size: 20px;
	  line-height: 10px;
	  position: relative;
	  vertical-align:middle; 
	  top: 5px;
	  left: 1px;
		padding-top:10px;
	  margin-right: 15px;
	  color: rgba(0, 0, 0, 0.12);
	}
	a.prod_button:hover{
	  position: relative;
		font-size: 12px;
		font-weight:bold;
		width:90px;
		line-height: 21px;
		color:#fff;
		padding:2px 6px;
		background: #444545;
		border: 2px solid #444545;
	}
	a.prod_button:hover::before{
		top: 0px;
		color:#fff;
		margin-right:5px;
	}
	.img-header{ 
		padding-bottom:20px;
		}
	#img-header{
		margin: 0 auto;
	}
	a.view_details{
		font-size: 14px;
		font-weight:bold;
		width:90px;
		text-transform: uppercase;
		line-height: 21px;
		color:#fff;
		margin-top:10px;
		padding:6px 6px;
		background: #b90000;
		background: #488324;
		-moz-border-radius: 4px;    /* Firefox */
		-webkit-border-radius: 4px; /* Safari and Chrome */
		-o-border-radius: 4px;
		border-radius: 4px 4px 4px 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
		/*behavior: url(../ie-css3.htc);*/ /* Tell IE to call the script on all elements with class 'box'  */
		/*max-width:50%;*/
	}
	a.view_details:hover{
		background: #fe0000;
		background: #96c978;
		background: #6ba548;	
		}
	.product_list li h4{
		font-size: 15px;
		font-weight: normal;
		padding-top: 5px;
		text-align:center;
		margin:0 0;
		color:#000;
	}
	.product_list li p{
		padding-top:5px;
		}
	.prod_caption{ 
		height:300px;
		border-bottom-color: rgba(0, 0, 0, 0.1);
		border-bottom-style: solid;
		border-bottom-width: 2px;
		border-bottom: 1px solid #000;
		padding-bottom:10px;
		padding-top:10px;
		}
/*	table.prod_details{ 
		overflow-x: auto;
		}*/
	table.prod_details tr{
		border-top: 1px solid #ddd;
		border-top: 1px solid #000;
		}
	table.prod_details tr.no_border_top{
		border-top:none;
	}
	table.prod_details tr:last-child{
		border-bottom: 1px solid #ddd;
		border-bottom: 1px solid #000;
		}
	table.prod_details tbody th td{
		padding:8px;	
	}
	table.prod_details th{
		text-align:left !important;
		}
	.buyBtn{
		background: #b90000;
		background:#488324;
		border:none;
		color:#fff;
		max-width: 80px;
		padding: 6px 10px 6px 10px;
		-moz-border-radius: 4px;    /* Firefox */
		-webkit-border-radius: 4px; /* Safari and Chrome */
		-o-border-radius: 4px;
		border-radius: 4px 4px 4px 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
		/*behavior: url(../ie-css3.htc);*/ /* Tell IE to call the script on all elements with class 'box'  */
	}
	.buyBtn:hover{
		background: #fe0000;
		background: #6ba548;
	}
	.quantity{ 
			max-width: 80px;
		}
	input[type=number]::-webkit-inner-spin-button, 
	input[type=number]::-webkit-outer-spin-button { 
	  -webkit-appearance: none; 
	  margin: 0; 
	}
	input[type=number]:focus::-webkit-inner-spin-button, 
	input[type=number]:focus::-webkit-outer-spin-button,
	input[type=number]:hover::-webkit-inner-spin-button, 
	input[type=number]:hover::-webkit-outer-spin-button  { 
		-webkit-appearance: inner-spin-button; 
		margin: 0 2px 0 0 ; 
	}

	/* Firefox */
	input[type=number] {
	  -moz-appearance: textfield;
	}
	/* Firefox */
	input[type=number]:hover,
	input[type=number]:focus {
	  -moz-appearance: number-input;
	}
	.slideToRight{
		position:fixed;
		float: right;
		right:24px;
		top:244px;
		z-index: 1000;
	}
	.slideToLeft{
		position:fixed;
		float: right;
		right:5px;
		top:10px;
		z-index: 1000;
	}
	#myaddthis{
		top:10px;
	}
	#addthis{
		z-index: 1000;
	}
	.addthis_floating_style a{
		margin-bottom:3px !important;
	}
	.twitter_class{
		padding-top:10px;
	}
	.item, .active, .carousel-inner {
		height: 100%;
	}
	.fill > img{
		width: 100%;
		height: 100%;
		background-position: center;
		background-size: cover;
		  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, .4));
		  background:      -o-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, .4));	
		  background:         linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, .4));
	}
	.video{
		width:100%;
	}
	/******************************************************************************************************************************************

		Sponsors Page

	*******************************************************************************************************************************************/
	#newsButton{
		background-color:#b90000;
		background-color:#488324;
		border: medium none;
		-moz-border-radius: 4px;    /* Firefox */
		-webkit-border-radius: 4px; /* Safari and Chrome */
		-o-border-radius: 4px;
		border-radius: 4px 4px 4px 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
		/*behavior: url(../ie-css3.htc);*/ /* Tell IE to call the script on all elements with class 'box'  */
		color:#fff;
		cursor: pointer;
		font-family: Helvetica,Calibri,Arial,sans-serif;
		font-size: 1em;
		font-weight: bold;
		padding:4px 10px 4px 13px;
		position: relative;
		z-index: 10;
		margin-bottom:10px;
		max-width:100px;
	}
	#newsButton:hover{
		background-color:#0a76cf;
		color:#fff;
	}
	img.news_images{
		margin-right:10px;
		height:100px;
		padding:3px;
		border:1px solid #808080;
	}
	.news_table{
		width:520px;
		font-size:15px;
	}
	.news_table td{
		vertical-align:text-top;
		padding:0;
	}
	.down_arrow{
		background: #9EC6D9 url(../img/down_arrow.gif) no-repeat left center;
	}
	.right_arrow{
		background: #9EC6D9 url(../img/right_arrow.gif) no-repeat left center;
	}
	.down_black_arrow{
		background: url(../img/down_black_arrow.gif) no-repeat right center;
		}
	.right_black_arrow{
		background: url(../img/right_black_arrow.gif) no-repeat right center;
	}
	.expand_down_black_arrow{
		background: url(../img/down_black_arrow.gif) no-repeat left center;
		}
	.expand_right_black_arrow{
		background: url(../img/right_black_arrow.gif) no-repeat left center;
	}
	.parent{
		background: url(../img/right_white_arrow.gif) no-repeat right center;
	}
	.parent-right_black_arrow{
		background: url(../img/right_black_arrow.gif) no-repeat right center;
		color:#000;
	}
	.parent-down_black_arrow{
		background: url(../img/down_black_arrow.gif) no-repeat right center;
	}
	.parent-down_white_arrow{
		background: #2a2a29  url(../img/down_white_arrow.gif) no-repeat right center;
	}
	.parent-right_white_arrow{
		background: #2a2a29  url(../img/right_white_arrow.gif) no-repeat right center;
	}
	.rt_arrow{
		background: #2c2a29 url(../img/right_white_arrow.gif) no-repeat right center;
	}
	#news h3{
	  margin:0;
	  padding:4px 0 4px 18px;
	  background-color:#b90000;
	  background-color:#488324;
	  border-bottom:3px solid #fff;
	/*  color:#fff !important;*/
	  color:#fff;
	  font-size:1em;
	  font-weight:700;
	  cursor:pointer;  
	}
	#news h3:hover{
	  background-color:#0a76cf;
	  color:#fff;
	}
	#news h3 a{
		color: #fff;
	}
	.news h4{
		clear:both;
		font-size: 18px;
		font-weight:bold;
		cursor:pointer; 
		padding:10px 0 0 0;
		border-top:#000 dotted 2px;
		margin: 0 0 0 0;
	}
	a.news:link, a.news:visited{
		text-decoration: none;
		color:#000;
	}
	a.news:hover, a.news:active{
		text-decoration: none;
		color:#000;
	}
	.news_item{
		clear:both;
		padding-bottom: 10px;
	}
	.news_item:last-child{
		border-bottom:#000 dotted 2px;		
	}
	div.news_item h1{
		font-size: 16px;
	}	
	.news_item > p > img{
		display:inline-block;
		padding: 0 8px;
		max-width:180px;
		height:auto;
		image-rendering: optimizeQuality;
	}	
	.news_item > p {
		font: 16px/26px din-2014,"Helvetica Neue",sans-serif !important;
	}
	.expand_item h1, .expand_item h2, .expand_item h3, .expand_item h5, .expand_item h6{
		font-size: 1.0 em !important;
		font-size: 16px !important;
	}
	.sub-menu ul {
		padding: 0 0 0 0;
	}
	.sub-menu ul li{
		list-style: none; 
	}
	.sub-menu h3{
	  margin:0;
	  padding:4px 0 4px 18px;
	  background-color:#b90000;
	  border-bottom:3px solid #fff;
	  color:#fff !important;
	  font-size:1.0em;
	  font-weight:700;
	  cursor:pointer;  
	}
	.sub-menu h3:hover{
	  background-color:#0a76cf;
	  color:#fff;
	}
	.sub-menu h3 a{
		color: #fff;
	}
	.expand h4{
		clear:both;
		margin:0;
		padding:10px 10px 0 18px;
		color:#b90000;
		font-size: 1.1em;
		font-size: 18px;
		font-weight:bold;
		text-decoration:underline;
		cursor:pointer;  
	}
	.expand h4:hover{
	  text-decoration:none;
	}
	.expand h4.p_blue{
		color:#cc0000;
	}
	.expand > ul{
		list-style:disc;
	}
	ul.list-style-type{
		list-style:disc;
	}
	.expandButton{
		border:none;
		background:#b90000;
		color:#fff;  
		cursor:pointer;
		font-weight:bold;
		padding:4px 4px;
		display:inline-block;
		margin-bottom:10px;
		z-index:30;	
		-moz-border-radius: 4px;    /* Firefox */
		-webkit-border-radius: 4px; /* Safari and Chrome */
		-o-border-radius: 4px;
		border-radius: 4px 4px 4px 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
		/*behavior: url(../ie-css3.htc);*/ /* Tell IE to call the script on all elements with class 'box'  */
		max-width:90px;
	}
	.expandButton:hover {
		background:#0a76cf;
	}
	.expand_item{
		padding:0 0 10px 18px;
	}
	.expand_item > p > img{
		display:inline-block;
		padding: 0 8px;
		max-width:200px;
		max-height:200px;
	}
	.postdate{
		font-style:italic;
		font-size:0.7em;
		padding:3px 10px 0 0;
		float:right;
		vertical-align:middle;
	}
	.p_red{
		color:#B90000 !important;
		}
	.p_blue{
		color:#395081 !important;
		color:#488324 !important;
		}
	.crossout{ 
		text-decoration:line-through;
		}
	#news li{
		list-style:none;
		line-height:1.6;
	}
	#news ul.indent_news li{
		margin-left:18px;
	}
	.news_item .row{
		border-bottom:1px solid #fff;
	}
	.news_item .news_item_lastrow {
		border:none;	
	}
	.indent-menu{ 	
		/*margin-left:20px;*/
		margin:0 0 0 0;
		list-style: none !important;
		line-height: 1.5;
		}
	.side-menu a:link, .side-menu a:visited{
		color:#000;
	}
	.side-menu a:hover,  a:active{ 
		color:#0a76cf;
		color:#fe0000 !important;
		color:#6ba548 !important;
		text-decoration:underline;
		}
	.side-menu{
		padding: 10px 10px;
		border:1px solid #ddd;
		border:1px solid #000;
		background: #f7f7f8;
		background: #fffdfd;
		background: #fff;
		margin-bottom:20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.side-menu ul{ 
		padding:0 0 0 0;
	}
	.side-menu ul li{ 
		padding: 0 0 0 0;
		list-style: none;
	}
	.side-menu ul li.h-topcat:last-child{ 
		/*border-top:1px solid #ddd;*/
		border-bottom:none;
		}
	.side-menu ul.brands li:last-child{ 
		border-bottom:none;
		}
	.side-menu ul.brands li.h-topcat{ 
		border-top:none;
		}
	.brands input{
		padding: 0;
		margin: 0;		
		border:1px solid #000;
		width: 15px;
		margin-right: 4px;
	}
	.side-menu ul li.h-topcat{ 
		list-style: none;
		padding: 0 0 0 0;
		margin:0 0 0 0;
		}
	.side-menu h2{
		/*text-transform: uppercase;*/
	/*	padding: 0 0 0 18px;*/
		padding:10px 20px 10px 0;
		font-size:16px;
		line-height: 1.2;
		margin:0 0;	
		font-weight:700;
		border-bottom:2px solid #ddd;
		border-bottom:1px solid #000;
		cursor:pointer;
		}
	.side-menu h2:last-child{
		border-bottom:none;
		}
	.side-menu h3{
		/*text-transform: uppercase;*/
	/*	padding: 0 0 0 18px;*/
		line-height: 1.2;
		margin:10px 0;	
		font-weight:500;
		cursor:pointer;
		}
	.side-menu ul.indent-menu{
		padding: 0 0 0 0;	
		}
	.side-menu ul.indent-menu li{
		margin-left:10px;
		list-style: none !important;
		line-height: 1.5;
		}
	.side-menu ul.indent-menu li > h3{ 	
		font-weight:600;
		}
	.side-menu > ul > li ul > li > a, .side-menu > ul > li ul > li h3 > a{ 
		display:block;
		}	
	.primary-nav a{
		color:#000;
	}
	.primary-nav a:hover,  a:active{ 
		color:#0a76cf;
		color:#fe0000;
		color:#6ba548;
		text-decoration:underline;	
		}
	.primary-nav > ul > li ul > li > a, .primary-nav > ul > li > ul > li h3 > a, .primary-nav > ul > li > a{ 
		display:block;
		}
	.display_block{display:block;}
	.display_inline_block{display:inline-block;}
	.display_none{display:none;}
	.side-menu div.indent-menu{
		margin-left:20px;
		list-style: none;
		line-height: 1.2;
		}
	.sponsors_list img{	
		/*max-width:400px;*/
		max-height:200px;
	}
	.vendors_list .row{
		border-bottom:1px solid #fff;	
	}
	.vendors_list .lastrow {
		border:none;	
	}
	.google-maps {
		position: relative;
		padding-bottom: 75%;  /*This is the aspect ratio: height / width*/
		height: 0;
		overflow: hidden;
	}
	.google-maps iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
		frameborder: 0;
		border: 0;
	}
	/******************************************************************************************************************************************

		Contact

	*******************************************************************************************************************************************/
	#contact-us form {
		border-top-color: #272626;
		border-top-style: dotted;
		border-top-width: 1px;
		margin-top: 10px;
		padding-top: 10px;
	}
	#contact-us ul{
		padding-left:0px !important;
		list-style:none !important;
	}
	#contact-us ul li{
		list-style:none;
		margin-left:0;
	}
	textarea{
		max-height:500px;	
	}
	textarea, input[type="text"], input[type="password"], input[type="number"], input[type="email"], select{
		box-sizing: border-box;
		background: #fff !important;
		border: 1px solid #CCCCCC;
		font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
		transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
		border-radius: 4px 4px 4px 4px;
  		padding: 10px 12px;
		margin-bottom:0.75em;
		vertical-align: middle;
		width:100%;
	}
	textarea:focus, input[type="text"]:focus, input[type="password"]:focus,  input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {  
		background: #fff !important;
		outline: 0 none;
		cursor:pointer;
		border:1px solid #ccc;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #ccc;
	}
	input[type="radio"]{
		-webkit-appearance: radio;
	}
	input[type="text"].promo-input{
		max-width:140px;	
		margin-top:8px;
		padding:10px 5px 10px 5px;
		}
	input[type="submit"].promo-input{
		width:140px;	
		margin-top:8px;
		padding:10px 5px 10px 5px;
		}
	.sendBtn{
		border:none;
		color:#fff;  
		cursor:pointer;
		font-weight:bold;
		padding:12px 8px;
		display:inline-block;
		margin:10px 0px;
		background:#b90000;
		background:#488324;
		z-index:30;	
		-moz-border-radius: 4px;    /* Firefox */
		-webkit-border-radius: 4px; /* Safari and Chrome */
		-o-border-radius: 4px;
		border-radius: 4px 4px 4px 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
		/*behavior: url(../ie-css3.htc);*/ /* Tell IE to call the script on all elements with class 'box'  */
		/*max-width:50%;*/
		text-decoration:none;
	}
	.sendBtn:hover, a.sendBtn:hover {
		background:#606060;	
		background:#0a76cf;
		background:#c60000;
		background:#fe0000;
		background:#6ba548;
	}
	a.sendBtn{
		border:none;
		color:#fff;  
		cursor:pointer;
		font-weight:bold;
		padding:8px 8px;
		display:inline-block;
		margin:10px 0px;
		background:#b90000;
		background:#488324;
		z-index:30;	
		-moz-border-radius: 4px;    /* Firefox */
		-webkit-border-radius: 4px; /* Safari and Chrome */
		-o-border-radius: 4px;
		border-radius: 4px 4px 4px 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
		/*behavior: url(../ie-css3.htc);*/ /* Tell IE to call the script on all elements with class 'box'  */
		/*max-width:50%;*/
		text-decoration:none;
	}
	span.error{
		clear:both;
		float:left;	
		background: url(../img/exclamation.png) no-repeat 5px 3px;
		color:#a12321;
		padding:3px 3px 3px 25px;
		font:bold 12px Verdana, Geneva, sans-serif;
		margin-bottom:0.75em;
	}
	.cartbox{
		position:relative;
		z-index:100;
	}
	/******************************************************************************************************************************************

		Footer

	*******************************************************************************************************************************************/
	.block_content{
		width:100%;
	}
	.footer_list ul{
		display:inline;
	}
	.address{
		float:left;
		width:50%
	}
	ul.logo_row_list {
		font-size: 0;
		margin: 0;
		margin-bottom: 0px;
		padding: 0;
		list-style: none;
		text-align: center;
		}
	li.logo_row_item {
		font-size: 14px;
		margin: 20px 15px 20px 15px;
		display: inline-block;
		vertical-align: middle;
	}
	.logo_row_item img { 
		max-width:240px;
		max-height:60px;
		}
	.flex-container {
	  padding: 0;
	  margin: 0;
	  list-style: none;
	  -ms-box-orient: horizontal;
	  display: -webkit-box;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -moz-flex;
	  display: -webkit-flex;
	  display: flex;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.wrap    { 
	  -webkit-flex-wrap: wrap;
	  flex-wrap: wrap;
	} 
	.wrap li {
	  background: #f7f7f8;
		background: #fffdfd;
		background: #fff;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
	.flex-item {
		list-style: none;
		line-height: 1.2;
		border: 1px solid #cdcdcd;
		border: 1px solid #000;
		text-align: center;
		padding: 5px;
		max-width: 280px;
		margin: 10px;
		font-weight: bold;
	}
	.flex-item img{ 
		min-width:150px;
		max-width:200px;
		max-height: 260px;
		}
	.wrap img{
		margin: auto auto;
		vertical-align: middle;	
		}
	.megamenu-flex-container{ 
	  padding: 0;
	  margin: 0;
	  list-style: none;
	  -ms-box-orient: horizontal;
	  display: -webkit-box;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -moz-flex;
	  display: -webkit-flex;
	  display: flex;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		justify-content: space-around;
		padding-bottom:20px !important;
		z-index:9000;
	}
	.megamenu-flex-item{ 
		max-width: 33.333%;
		}
	ul.flexbox {
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
		justify-content: center;
		align-items: center;
	}	

	/* Create two equal columns that floats next to each other */
	.column {
	  float: left;
	  width: 32%;
	  max-width: 33.3%;
	/*  padding: 10px;*/
		padding-bottom:10px;
	  background-color: #ccc;
	  background-color: #f9f9f9;
      background-color: #fffdfd;
		background-color: #fff;
	  height: 250px;
	  height: 100%;
	/*  border-right: 2px solid #ccc;*/
	}
	.column:last-child { 
		border:none;
	}
	.megamenu-flex-item a {
	  float: none;
	  color: black;
	 /* padding: 16px;*/
		padding:5px 5px;
		padding:3px 0 0 5px;
		padding:3px 5px;
		padding:3px 0 0 5px;
		padding: 0 0;
	  text-decoration: none;
	  display: block;
	  text-align: left;
		font-weight:500;
	}

	.megamenu-flex-item a:hover {
	  background-color: #ddd;
	  background-color: #fff;
		color:#488324;
	}
	.megamenu-flex-item h3{ 
		color:#000;
		font-weight:500;
		padding: 3px 5px;
		padding: 3px 5px 3px 20px;
		margin: 0 0;
		font-size:16px;
		cursor:pointer;
		}
	.megamenu-flex-item h2{ 
		color:#000;
		font-weight:700;
		padding: 3px 5px 3px 20px;
		margin: 0 0;
		font-size:16px;
		cursor:pointer;
		}
	.megamenu-flex-item h3:hover{ 
	  background-color: #ddd;
	  background-color: #fff;
		}
	.column h2{ 
		font-size:16px;
		font-weight:600;
		cursor:default;
		}
	ul.megamenu > li > ul{ 
		padding-left:10px;	
		}
	.mega-indent-menu{ 
		padding-left:30px;
		list-style: none !important;
		line-height: 1.5;
		}
	.mega-indent-menu > li > a{ 
		padding: 3px 5px 3px 10px;
		}
	/* Clear floats after the columns */
	.menu-row:after {
	  content: "";
	  display: table;
	  clear: both;
	}

	.khm{
		float:right;
	}
	.khm h4, .address h4{
		font-size:12px;
	}
	#top_arrow a:link, #top_arrow a:visited{
		background: url(../img/Top_Arrow.png) no-repeat scroll left top transparent;
		bottom: 15px;
		display: block;
		height: 75px;
		position: fixed;
		right: 15px;
		width: 18px;
		z-index: 1000;
		text-decoration:none;
	}
	#top_arrow a:hover{
		background: url(../img/Top_Arrow.png) no-repeat right top transparent;
		text-decoration:none;
	}
	#top_arrow a:active{
		background: url(../img/Top_Arrow.png) no-repeat scroll left top transparent;
	}
	div#footer{clear:both;}
	div#footer p.right{float:right;}
	#footer table tbody tr td{
		padding:0px 0px 0px 0px;
	}
	.p_menu{
		margin:0 0;
	}
	#footer{	
		text-align:left;
		padding:10px 10px 30px 10px;
		margin:0px auto;
		clear:both;
		width:940px;
		position:relative;
		font-size:0.9em;
	}
	#footer li{list-style:none;display:inline;}
	#footer li.left{
		float: left;
		margin-right: 85px;
	}
	#footer a:link, #footer a:visited{
		/* Do Not change or else nav will be wrecked */
		color:#000;
		text-decoration:none;
		font-weight:500;	
	}
	#footer a:hover, #footer a:active{
		text-decoration:underline;
		font-weight:500;	
	}
	#footer ul li{
		display:inline;
	}
	.printed-article {
		display:none;
	}
	.page-break	{ display: none;  } 
	/******************************************************************************************************************************************

		Login Page

	*******************************************************************************************************************************************/
/*	#login_message{
		color: #c60000;
		font-weight:bold;
	}*/
	.change_fm label, .loginform input,
	.loginform form label, .loginform form input {
		padding:4px 4px;;
	}
	.change_fm label,
	.loginform form label{
		font-weight:500;	
	}
	.customer label{
		width:160px;
	}
	change_fm input,
	.loginform form input{
		color:#00243B;
	}
	.change_fm fieldset,
	.loginform form fieldset{
		display:inline;	
	}
	form.change_fm #recaptcha_widget_div,
	.change_fm ul li.first{
		padding-left:312px;
	}
	.customer ul li.first{
		padding-left:180px;
	}
	.change_fm p.first,
	.loginform ul li.first{
		margin-left:168px;
	}
	.change_fm ul li,
	.loginform ul li{
		display:inline;
	}
	.change_fm  input[type="text"], .change_fm input[type="password"],
	.loginform input[type="text"], .loginform input[type="password"]{
		width:100%;
		max-width:100%;
	}
	.change_fm span.error{
		margin:5px 0px 10px 0px;
	}	 
	form.customer table{
		margin:0 0 20px 0;
	}
	.open-button{ 
		background:#fff;
		padding:0px 10px !important;
		border:none;
		}
	.open-button:hover, .open-button:focus{
		color:#c60000;
		background: #f7f7f8;
		background: #fffdfd;
		background: #fff;
		border:none;
		}
	.open-button::-moz-focus-inner{	
		border:none;
		background: #f7f7f8;
		background: #fffdfd;
		background: #000;
		padding:0px 10px !important;
		}
	#open-login-button{ 
		background:#000;
		padding:0px 10px !important;
		border:none;
		color:#bfe4a9;
		}
	#open-login-button:hover, .open-button:focus{
		color:#ddf1d1;
		background: #000;
		border:none;
		text-decoration: none !important;
		}
	#open-login-button::-moz-focus-inner{	
		border:none;
		background: #000;
		/*padding:0px 10px !important;*/
		}
	.popup-button{ 
		background: #f7f7f8;
		background: #fffdfd;
		background: #fff;
		color:#b90000;
		color:#488324;
		padding:0px 10px !important;
		border:none;
		}
	.popup-button:hover, .open-button:focus{
		color:#fe0000;
		color:#6ba548;
		border:none;
		text-decoration: underline;
		}
	.popup-button::-moz-focus-inner{	
		border:none;
		background: #f7f7f8;
		background: #fffdfd;
		background: #fff;
		padding:0px 10px !important;
		}
	.overlay{
		position:fixed;
		z-index:889;
		width:100%;
		height:100%;
		display: none;
	}
	.mask-body{
		background-color: black;
		background-color:rgba(0,0,0,.7)
		}
	.spinner-body{
		background-color: white;
		background-color:rgba(255,255,255,.7)
		}
	.loading-gif{
	/*	background: rgba(0,0,0) url(../img/giphy) no-repeat center center;*/
		background: rgba(0,0,0,0.5) url(../img/giphy) no-repeat center center;		
	}
	.spinner{
		background: #fff url(../img/grey.gif) no-repeat center center;
	}
	.card-icons{
		background: url(../img/CreditCards.png) no-repeat center right;		
	}
	/* The popup form - hidden by default */
	.spinner-modal {
	  box-sizing: border-box;
	  display: none;
	  position: fixed;
	  z-index: 9999;	
	  left: 0;
	  top: 0;
	  right: 0;
	  width: 100%; 
	  height: 100%; 
	  background: rgba(255,255,255) url("../img/ajax-b90000-loader.gif") 50% 50% no-repeat; /* Fallback color */
	  background: rgba(255,255,255,0.9) url("../img/ajax-b90000-loader.gif") 50% 50% no-repeat;
	  background: rgba(255,255,255,0.9) url("../img/ajax-488324-loader.gif") 50% 50% no-repeat;
	  -webkit-animation-name: fadeIn; /* Fade in the background */
	  -webkit-animation-duration: 0.4s;
	  animation-name: fadeIn;
	  animation-duration: 0.4s;
	}
	/* When the body has the loading class, we turn
	   the scrollbar off with overflow:hidden */
	body.loading {
		overflow: hidden;   
	}

	/* Anytime the body has the loading class, our
	   modal element will be visible */
	body.loading .spinner-modal {
		display: block;
	}
	.spinner-modal p{
		margin-top:200px;
		font-weight:bold;
		font-size:18px;
	}
	/* The popup form - hidden by default */
	.invoice-form-popup {
	  box-sizing: border-box;
	  display: none;
	  position: fixed;
	  border: 3px solid #f1f1f1;
	  z-index: 3000;	
	  left: 0;
	  top: 0;
	  right: 0;
	  width: 100%; 
	  height: 100%; 
	  background-color: rgb(0,0,0); /* Fallback color */
	  background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
	  -webkit-animation-name: fadeIn; /* Fade in the background */
	  -webkit-animation-duration: 0.4s;
	  animation-name: fadeIn;
	  animation-duration: 0.4s;
	}
	/* The popup form - hidden by default */
	.quote-form-popup {
	  box-sizing: border-box;
	  display: none;
	  position: fixed;
	  border: 3px solid #f1f1f1;
	  z-index: 3000;	
	  left: 0;
	  top: 0;
	  right: 0;
	  width: 100%; 
	  height: 100%; 
	  background-color: rgb(0,0,0); /* Fallback color */
	  background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
	  -webkit-animation-name: fadeIn; /* Fade in the background */
	  -webkit-animation-duration: 0.4s;
	  animation-name: fadeIn;
	  animation-duration: 0.4s;
	}
	/* The popup form - hidden by default */
	.form-popup {
	  box-sizing: border-box;
	  display: none;
	  position: fixed;
	  border: 3px solid #f1f1f1;
	  z-index: 3000;	
	  left: 0;
	  top: 0;
	  right: 0;
	  width: 100%; 
	  height: 100%; 
	  background-color: rgb(0,0,0); /* Fallback color */
	  background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
	  -webkit-animation-name: fadeIn; /* Fade in the background */
	  -webkit-animation-duration: 0.4s;
	  animation-name: fadeIn;
	  animation-duration: 0.4s;
	}

	/* Modal Content */
	.order_spinner-modal-content {
		position: relative;
		margin: 0 auto;
		padding: 20px 20px 30px 20px;
		top: 20px;
	  overflow: auto; 
		max-width:100%;
		max-height:100%;
	  background: #fff url("../img/ajax-488324-loader.gif");
	  -webkit-animation-name: slideIn;
	  -webkit-animation-duration: 0.4s;
	  animation-name: slideIn;
	  animation-duration: 0.4s;
	-moz-box-shadow: 	0px 8px 16px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow:  0px 8px 16px 0px rgba(0,0,0,0.2);
	  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	}

	/* Modal Content */
	.invoice-modal-content {
		position: relative;
		margin: 0 auto;
		padding: 20px 20px 30px 20px;
		top: 200px;
	  overflow: auto; 
		max-width:80%;
		max-height:60%;
	  background-color: #fff;
	  -webkit-animation-name: slideIn;
	  -webkit-animation-duration: 0.4s;
	  animation-name: slideIn;
	  animation-duration: 0.4s;
	-moz-box-shadow: 	0px 8px 16px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow:  0px 8px 16px 0px rgba(0,0,0,0.2);
	  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	}

	/* Modal Content */
	.quote-modal-content {
		position: relative;
		margin: 0 auto;
		padding: 20px 20px 30px 20px;
		top: 200px;
	  overflow: auto; 
		max-width:50%;
		max-height:60%;
	  background-color: #fff;
	  -webkit-animation-name: slideIn;
	  -webkit-animation-duration: 0.4s;
	  animation-name: slideIn;
	  animation-duration: 0.4s;
	-moz-box-shadow: 	0px 8px 16px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow:  0px 8px 16px 0px rgba(0,0,0,0.2);
	  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	}
	.modal-content {
		position: relative;
		margin: 0 auto;
		top: 20%;
	  overflow: auto; /* Enable scroll if needed */
		max-width:320px;
		max-height:100%;
	  background-color: #f7f7f8;
		background-color: #fffdfd;
		background-color: #fff;
	  -webkit-animation-name: slideIn;
	  -webkit-animation-duration: 0.4s;
	  animation-name: slideIn;
	/*  animation-duration: 0.4s;*/
	  animation-duration: 1s;
	-moz-box-shadow: 	0px 8px 16px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow:  0px 8px 16px 0px rgba(0,0,0,0.2);
	  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	}
	/* Add Animation */
	@-webkit-keyframes slideIn {
	/*	0%   {top: 0px;}
		100% {top: 172px;}	*/	
	  from {top: -300px; opacity: 0} 
	}

	@keyframes slideIn {
/*		0%   {top: 0px;}
		100% {top: 172px;}	*/
	  from {top: -300px; opacity: 0} 	
	}

	@-webkit-keyframes fadeIn {
	  from {opacity: 0} 
	  to {opacity: 1}
	}

	@keyframes fadeIn {
	  from {opacity: 0} 
	  to {opacity: 1}
	}
	#invoice img{
		max-width:200px;
	}
	.resetpwd_fm
	{ 
	  max-width: 300px;
		margin: 0 auto;
	}
	.change_fm{ 
	  max-width: 300px;
	  padding: 10px;
	  background-color: #f7f7f8;	
		background-color: #fffdfd;	
		background-color: #fff;
	}
	.cancel{ 	
		border:none;
		top:0;
		right:5px;
		width:30px;
		font-weight:bold;
		float:right;
	}	
	.cancel:hover{
		color:#fff;
		background:#c60000;
		background:#488324;
		}

	.cancel::-moz-focus-inner{	
		border:none;
		background: #f7f7f8;
		background: #fffdfd;
		background: #fff;
		padding:0px 10px !important;
		}
	.change_fm .sendBtn{ 
		box-sizing: border-box;
		width:100%;	
		}
	.change_fm input[type=text], .form-container input[type=password] {
	  width: 100%;
		}
	.email_fm .sendBtn{ 
		box-sizing: border-box;
		max-width:200px;	
		}
	.email_fm td:first-child{
			max-width: 40%;
		}
	.email_fm td:last-child{
			max-width: 65%;
		}
	.login_nav{ 
		background:#050914;
		background:#000;
		display:block;
	}
	.login_nav ul li{
		display:inline;
		border-left:1px solid #000;
		border-left:1px solid #bfe4a9;
/*		padding-top:5px;
		padding-left:5px;*/
	}
	#popupLogin{ 
		dispay:none;
		visibility: hidden;
		top:100px;
		left:40px;
		}
/*	.login_nav ul li:first-child, .login_nav ul li ul li{*/
	.login_nav ul li ul li{
		border-left:none;
	}
	.login_nav ul li ul li a{
		padding: 5px 5px 5px 16px;
	}
	.login_nav ul li ul li a:last-child{
		padding-bottom:10px;
	}	
	.login_fm input[type="text"], .login_fm input[type="password"]{
		background-color:#eff1f3;
		padding:5px;
		max-width:300px;
		margin-bottom:1em;
	}
	.login_fm input[type="text"]:focus, .login_fm input[type="password"]:focus{
		background-color:#fff;
		color:#4f5358;
		border-style:solid;
		border-width:2px;
		border-color:#4f5358 #eff1f3 #eff1f3 #4f5358;
	}

	.newloginform input[type="checkbox"]{
		background-color:#fff;
		color:#00243B;
		font-size:0.9em;
		height:30px;
		border-color: #488324 #00243B #00243B #488324;
	}
	.newloginform input[type="text"], .newloginform input[type="password"]{
		width:240px;
	}
	.newloginform select{
		width:240px;
		color:#00385B;
		margin-bottom: 5px;
		vertical-align: middle;
		font-size:1.0em;
		line-height:1.5;
		padding:5px 5px;
	}
	.newloginform .sendBtn{
		max-width: 240px;
	}
	.ship_pay input[type="text"], .ship_pay input[type="password"]{
		float:left;
		width:240px;
		font-size:0.9em;
		text-align:left;
	}
	.ship_pay select{
		font-size:0.9em;
		text-align:left;
	}
	table.newlogin_t, table.ship_pay {
		margin:0 auto 10px;
	}
	table.credit{
		text-align:left;
	}
	.label_col{
		min-width:20%;
	}
	.ship_pay span.error {
		margin:5px 0px 10px 0px;
		clear:both;
	}
	.newlogin_t td{
		padding:5px 5px;
		font-size:1.0em;
		vertical-align: middle;
	}
	#navigation-header{
		position:fixed;
		top:0;
		right:0;	
		width:100%;
		background:#fff;
		background:#050914;
		background:#000;;
		display:inline-block;
		z-index: 1000;
		}
	.top_login{
		float:right;
		position:relative;
		top:0;
		display:inline-block;
		z-index:3000;
	}
	/*****************************Flags**************************************/
	.flags{
		float:right;
		position:relative;
		padding:0px 10px 0px 0px;
		margin-top:2px;
	}
	.flags > li{
		list-style:none;
		padding: 0px 0px !important;
		border-left:none !important;
	}
	#flagSubmit{
		text-align:left;
		text-indent:-9999px;
	}
	img.cad_flag{
		top: -2px;
		position: relative;
	}
	.cdn_flag{
		background: url(../img/canada-flag-icon-32.png) no-repeat right center;
		border:none;
		padding-left:26px;
	}
	.cdn_gray_flag{
		background: url(../img/canada-gray-flag-icon-32.png) no-repeat right center;
		border:none;
		padding-left:26px;
	}
	.usa_flag{
		background: url(../img/United-States-Flag-1-icon-32x16.png) no-repeat right center;
		border:none;
		padding-left:26px;
	}
	.usa_gray_flag{
		background: url(../img/United-States-Flag-gray-1-icon-32x16.png) no-repeat right center;
		border:none;
		padding-left:26px;
	}
	/**************************************************************************/
	.tright {
		text-align: right;
		}
	.mobile-logo-container .top_login{
		float:left;
		z-index: 3000;
	}
	.mobile-logo-container .login_nav .top_login.sf-menu a.cart_link:link, 
	.mobile-logo-container .login_nav .top_login.sf-menu a.cart_link:visited{
		background:url(../img/TopCartV4brightRed.png) no-repeat 10px 0px;
		height:18px;
		padding-left:36px;
		margin:0px 0px 0px 0px;
		color:#000;
		font-weight:normal;
		padding-bottom:8px;
	}
	.mobile-logo-container .login_nav .top_login.sf-menu li.sfHover a.cart_link:focus,
	.mobile-logo-container .login_nav .top_login.sf-menu a.cart_link:focus,   
	.mobile-logo-container .login_nav .top_login.sf-menu a.cart_link:hover,  
	.mobile-logo-container .login_nav .top_login.sf-menu a.cart_link:active, 
	.mobile-logo-container .login_nav .top_login.sf-menu li.sfHover a.cart_link:active{
		background: url(../img/TopCartV4brightRed.png) no-repeat 10px -30px;
		color:#fe0000;
		color:#b90000;
		color:#c60000;
		color:#6ba548;
	}
	.header-container .login_nav .login_nav ul li{
		display:inline;
		border-left:1px solid #000;
		padding-bottom: .5em;
	}
	.header-container .login_nav ul li:first-child, 
	.header-container .login_nav ul li ul li{
		border-left:none;
	}
	.header-container .login_nav .top_login.sf-menu a,
	.header-container .login_nav .top_login.sf-menu a:visited
	{
		color:#000;
	}
	.header-container .login_nav .top_login.sf-menu a:hover,
	.header-container .login_nav .top_login.sf-menu a:active
	{
		color:#c60000;
	}
	.login_nav .top_login.sf-menu a.cart_link:link, 
	.login_nav .top_login.sf-menu a.cart_link:visited{
		background:url(../img/TopCartV4.png) no-repeat 10px -2px;
/*		height:18px;*/
		padding-left:36px;
		margin:0px 0px 0px 0px;
		color:#bfe489;
		font-weight:normal;
	/*	padding: 0em 0 0 36px;*/
	}
	.login_nav .top_login.sf-menu a.cart_link:focus,
	.login_nav .top_login.sf-menu a.cart_link:hover, 
	.login_nav .top_login.sf-menu a.cart_link:active{
		background:url(../img/TopCartV4.png) no-repeat 10px -32px;
		color:#488324;
		font-weight:normal;
	}
	.header-container .login_nav .top_login.sf-menu a.checkout_link:link, 
	.header-container .login_nav .top_login.sf-menu a.checkout_link:visited{
		height:18px;
		margin:0px 0px 0px 0px;
		color:#000;
		font-weight:normal;	
	}
	.header-container .login_nav .top_login.sf-menu a.checkout_link:hover, 
	.header-container .login_nav .top_login.sf-menu a.checkout_link:active{
		color:#fe0000;
		color:#b90000;	
		color:#6ba548;
	}
	/************************************************************
	/*
	/* CMS
	/*
	/************************************************************/
	table.mapping{ 
		border: 1px solid #000 !important;
	}
		table.mapping th{ 
		text-align:left;
	}
	.top-cat{
		border-top: 1px solid #000;	
	}
	.cat-1{
		border-bottom: 1px solid #000;	
	}
		.labelfileupload{
		vertical-align:text-top !important;
	}
	table.admin_summary_table th{
		border: 1px solid #000 !important;
		padding: 0px 5px;
	}
	table.admin_summary_table td{
		border: 1px solid #000 !important;
		padding: 0px 5px;
	}
	.form_table{
		width: 940px;
		margin:10px 0px;
		margin: 0 auto;
		padding:5px 5px;
		vertical-align:top;
		font-size:1.1em;	
	}
	.form_table tbody tr td, .form_table tbody tr th{
		padding:5px 5px;
		vertical-align:middle;		
	}
	.form_table input[type="submit"]{
		text-align:center;	
	}
	.form_table p{
		font-weight:normal;
		line-height:1.5;	
	}
	td#form_date{
		padding-left:20px;	
	}
	td.form_label{
		text-align: right;
		/*width:300px;*/
		/*font-size:1.1em;*/
		font-size:18px;
		color:#000;
	}
	td.form_input input, td.form_input textarea, td.form_input select{
		text-align:left;
		margin-left:10px;
		margin-bottom:10px;
		padding:3px;	
		background-color: #FFFFFF !important;
		border: 1px solid #CCCCCC;
		border-radius: 4px 4px 4px 4px;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
		color: #000;
		display: inline-block;
		font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
		font-size: 14px;
		line-height: 20px;
		transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
		vertical-align: middle;
	}
	td.form_input p{
		padding-left: 10px;
		color:#000;
	}
	td.form_input input, td.form_input textarea{
		width:500px;
		background:#FFf;
	}
	
	td.tax_input input{
		width:100px;
	}
	.delete{
		padding:10px 20px 5px 0px;
		border:none;
		text-indent:-9999px;
		background: url(../img/delete.png) no-repeat; 
		margin:4px 0px 0px 20px;		
	}
	table.cart_table{
		font-size:1.0em;
		margin: 0 auto;
		padding:20px 0px;
		border:none !important;
		margin-bottom:20px;
	}
	.cart-overflow{
		overflow:auto;
		-webkit-overflow-scrolling: touch;
		touch-action: pan-x pan-y;
		}
	table.cart_table thead{
		color:#000;  
	}
	table.cart_table th{
		font-weight:normal;
		font-weight:bold;
		text-align:left;
		padding:10px 5px 5px 5px;
		border-bottom:2px solid #cdcdcd;	
	}
	.list-style-none{
		padding-left:0px;		
		}
	.list-style-none li{
		list-style: none !important;
	}
	.sticky-col{
	  position: -webkit-sticky; /* for Safari */
	  position: sticky;
	  left: 0;
		z-index:100;
	}
	.expiry{
		max-width:70px;
	}
	.expiry-mth{
		max-width:52px;
	}
	.cost-style{
		float:right;
	}
	.qty-middle{
		text-align:center;
	}
	.qty-right{
		text-align:right;
	}
	table.cart_table td{
		font-size:1.0em;
		font-weight:normal;
		padding:5px 5px 5px 5px;
		border-bottom:2px solid #cdcdcd;	
	}
/*	table.cart_table tr.sub-total td{
		border-bottom:none;
	}*/
	table.cart_table td.border_left{
		border-left:none;
	}
	table.cart_table td.border_right{
		border-right:none;
	}
	table.cart_table td.no_border_top{
		border-top:none;
	}
	table.cart_table td.no_border{
		border:none;
	}
	.table-scroll {
		position:relative;
		max-width:600px;
		max-width:100%;
		margin:auto;
		overflow:hidden;
	/*	border:1px solid #000;*/
	}
	#newLoginForm #table-scroll{ 
		border:none;
	}
	.table-wrap {
		width:100%;
		overflow:auto;
		-webkit-overflow-scrolling: touch;
		touch-action: pan-x pan-y;
	}
	.table-scroll table {
		width:100%;
		margin:auto;
		border-collapse:separate;
		border-spacing:0;
	}
	.table-scroll th, .table-scroll td {
		padding:5px 10px;
		border:1px solid #000;
		background:#fff;
		vertical-align:top;
	}
	#newLoginForm #table-scroll th, #newLoginForm #table-scroll td { 
		border:none;
		}
	.table-scroll thead, .table-scroll tfoot {
		background:#f9f9f9;
    	background: #fffdfd;
		background: #fff;
	}
	.cart-scroll {
		position:relative;
		max-width:600px;
		max-width:100%;
		margin:auto;
		overflow:hidden;
		border:none;
	}
	.cart-scroll table {
		width:100%;
		margin:auto;
		border-collapse:separate;
		border-spacing:0;
		border:none;
	}
	.cart-scroll th, .cart-scroll td {
		padding:5px 10px;
		border:none;
		background:#fff;
		vertical-align:top;
	}
	.cart-scroll .clone .fixed-side {
		border-top: none;
		border-right: none;
	/*	border-right: 2px solid #cdcdcd;*/
		border-bottom:2px solid #cdcdcd;
		border-left: none;
		background:#f7f7f8;
		background: #fffdfd;
		background:#fff;
		visibility:visible;
		font-weight:600;
		/*font-weight:600;*/
	}
	.clone {
		position:absolute;
		top:0;
		left:0;
		pointer-events:none;
	}
	.clone th, .clone td {
		visibility:hidden
	}
	.clone td, .clone th {
		border-color:transparent
	}
	.clone tbody th {
		visibility:visible;
		color:#003366;
	}
	.clone .fixed-side {
		border:1px solid #000;
		background:#f7f7f8;
		background: #fffdfd;
		visibility:visible;
		/*font-weight:600;*/
	}
	.clone thead, .clone tfoot{background:transparent;}
	.table-col-1{
		width:20%;
		text-align:right;
	}
	.table-col-2{
		width:80%;
		text-align:left;
	}
	ul.form_submit_buttons{
		list-style:none;
		margin: 0 auto;
		/*margin-left:380px;*/
	}
	ul.form_submit_buttons a{
		text-decoration:none;
	}
	.form_submit_buttons li{
		display:inline-block;
		margin-right:5px;	
		margin-left:0;
		list-style:none;
	}
	.adminDiv{
		margin-top:12px;
	}
	#logoutBtn{
		margin:10px 0 0 0px;;
		max-width:100px;
	}
	form.search_input{
	/*	width:100%;*/
		margin:auto;
	}
	form.search_input input[type="text"] {
		 width: 300px;
	/*	max-width:70%;*/
		  box-sizing: border-box;
	/*	  border: 2px solid #ccc;*/
		  border-radius: 4px 0px 0px 4px;
			border-right:none;
		  font-size: 16px;
		  background-color: white;
		  background-color: #f1f1f1;
		  padding: 5px 10px 5px 10px;
/*		  -webkit-transition: width 0.4s ease-in-out;
		  transition: width 0.4s ease-in-out;*/
		/*  float: left;*/
		 /* max-width: 90%;*/
		margin:auto;
	}
	form.search_input ul li{
		display:inline-block;
	}
	form.search_input input[type=text]:focus {
/*	  width: 100%;
		 width: 400px;
		max-width:70%;*/
	}
	form.search_input button {
	  /*float: left;*/
	  max-width: 20%;
	  min-width:60px;
	  padding: 10px;
		padding:8px 10px 8px 8px;
	  background: #ddd;
/*	  background: #ddd url(../img/search-icon-black-md.png) no-repeat 10px 10px;*/
/*	  background-position: 10px 10px; 
	  background-repeat: no-repeat;*/
	  color: black;
/*		height:60px;*/
	/*	margin-bottom:10px;*/
	  font-size: 17px;
		font-weight:bold;
/*	border: 2px solid #ccc;*/
	 border-radius: 4px 4px 4px 4px;
	  border-left: 3px solid #ccc;
	  cursor: pointer;
	}
	form.search_input button:hover {
		background:#ccc;
	/*	background: #ccc url(../img/search-icon-black-md.png) no-repeat 10px 10px;*/
	}
	/* Clear floats */
	form.search_input::after {
	  content: "";
	  clear: both;
	  display: table;
	}
	.searchbar{
		position:relative;
		/*  max-width: 90%;*/
		background:#5c719e;
	}
	li.search a{
		cursor:default;
	}
	img.ui-datepicker-trigger{
		cursor:pointer;
		float:left;
		margin-top:8px;
	}
	.admin_photo {
		border: 1px solid #808080;
		margin-right: 5px;
		margin-top: 10px;
		padding: 3px;
		text-align: center;
	}
	.dotted{ 	
		border-top:dotted #00385b 1px;			
	}
	ul.form_body {
		list-style:none;	
		border-bottom:dotted #00385b 1px;	
	}
	ul.form_body li{
		list-style:none;
	}
	.form_body li{
		float:left;
		padding:5px 0 5px 0;
		line-height:1.8;
	}
	.form_body li p{
		font-size:1.0em;
		line-height:1.0;
		padding:3px 0;
	}
	.form_body li input.inputbg{
		margin:10px 20px 5px 0;
	}
	.form_body img{
		max-width:120px;
		max-height:120px;
		margin: 0 auto;
	}
	.printed-article {
		display:none;
	}
	.page-break	{ display: none;  }
	.adminBtn, a.adminBtn:link, a.adminBtn:visited{
		background-color:#3d506b;
		background-color:#488324;
		border: medium none;
		-moz-border-radius: 4px;    /* Firefox */
		-webkit-border-radius: 4px; /* Safari and Chrome */
		-o-border-radius: 4px;
		border-radius: 4px 4px 4px 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
		/*behavior: url(../ie-css3.htc);*/ /* Tell IE to call the script on all elements with class 'box'  */
		color: #fff;
		cursor: pointer;
		font-family: Helvetica,Calibri,Arial,sans-serif;
		font-size: 1em;
		font-weight: bold;
		margin: 10px 5px 10px 3px;
		margin: 10px 3px 10px 0px;
		padding:5px 8px;
		text-decoration:none;
		max-width:240px;
	}
	.adminBtn:hover, a.adminBtn:hover{
		background-color:#c60000;
		background-color:#fe0000;
		background-color:#6ba548;
	}
	.actionBtn, a.actionBtn:link, a.actionBtn:visited{
		text-decoration:none;
		color:#3c6b2d;;
	}
	.actionBtn:hover, a.actionBtn:hover{
		text-decoration:underline;
	}
	.admin_table{
		width:100%;
	}
	.admin_table td{
		padding-left:10px;
		padding-bottom:10px;
	}
	.admin_table td:first-child{
		padding-left:0;
	}
	.admin_table th:first-child{
		width:30%;
		text-align:left;
	}
	.admin_table td{
		vertical-align:middle;
	}
	table.admin_table a:link, table.admin_table a:visited{
		text-decoration:none;
	}
	.inline_list{
		display:inline-block;
		padding-left:0px;
		list-style: none;
	}
	ul.inline_list li{
		display:inline;
		/*float:left;*/
		list-style: none;
		margin-left:0px;
		/*margin-right:5px;*/
	}
	ul.inline_list li:last-child{
		margin-right:0px;
	}
	.routine td{
		vertical-align:top;
	}
	.routine td:first-child{
		width:100px;
	}
	.inline_list table td{
		max-width:115px;
		text-align:center;
	}
	.inline_list table td img{
		padding: 0px 0px;
	}
	.inline_list td > a:link, .inline_list td > a:visited{
		text-decoration:none;
	}
	a.myButton:link, a.myButton:visited{
		background:#b90000;
		background:#488324;
		color:#fff;	
		border:none; 
		cursor:pointer;
		font-weight:bold;
		padding:2px 8px;
		display:inline-block;
		margin:10px 0px 10px 0;
		z-index:30;	
		-moz-border-radius: 4px;    /* Firefox */
		-webkit-border-radius: 4px; /* Safari and Chrome */
		-o-border-radius: 4px;
		border-radius: 4px 4px 4px 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
		/*behavior: url(../ie-css3.htc);*/ /* Tell IE to call the script on all elements with class 'box'  */
		max-width:90px;
		text-decoration:none;
	}
	a.myButton:hover, a.myButton:active {
		background:#0a76cf;
		background:#c60000;
		background:#fe0000;
		background:#6ba548;
	}
	#info_feedback, #info{
		border: 1px solid #00385b;
		background: #f7f7f8 url(../img/information.png) no-repeat 5px 8px;
		padding:5px 10px 5px 30px !important;
		color:#00243B;  
		font-size:1.0em;
		font-weight:500;
		min-width:200px;
		max-width: 430px;
		/*margin-bottom:10px;*/
		margin: 0 auto;
		-moz-border-radius: 4px;    /* Firefox */
		-webkit-border-radius: 4px; /* Safari and Chrome */
		-o-border-radius: 4px;
		border-radius: 4px 4px 4px 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
		/*behavior: url(../ie-css3.htc);*/ /* Tell IE to call the script on all elements with class 'box'  */
	}
	div.failure{ 
		max-width: 430px;
		margin: 0 auto;
		}
	.resetpwd_success{
	/*	background: #e1fbd2;
		color:#00243B;  
		font-size:1.0em;
		font-weight:500;
		margin-bottom:10px;*/
		margin: 0 auto;
		max-width:600px;
	}
	.success p, .resetpwd_success p{
		background: #e1fbd2 url(../img/green_check.png) no-repeat 5px 8px;
		border: 1px solid #96C978;
		padding:5px 10px 5px 30px !important;
		color:#00243B;  
		font-size:1.0em;
		font-weight:500;
		-moz-border-radius: 4px;    /* Firefox */
		-webkit-border-radius: 4px; /* Safari and Chrome */
		-o-border-radius: 4px;
		border-radius: 4px 4px 4px 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
		/*behavior: url(../ie-css3.htc);*/ /* Tell IE to call the script on all elements with class 'box'  */
	}
	.failure p, p.failure{
		background: #ff6363 url(../img/exclamation.png) no-repeat 5px 8px;
		padding:5px 10px 5px 30px !important;
	/*	border:1px solid #800000;*/  
		margin-bottom:10px;
		font-size:1.0em;
		font-weight:500;
		color:#000;
	}
	div.stripe_failure{
		background: #ff6363 url(../img/exclamation.png) no-repeat 5px 8px;
		padding:5px 10px 5px 30px !important;
	/*	border:1px solid #800000;*/  
		margin-bottom:10px;	
		font-weight:500;
		color:#000;	
	}
	div.stripe_card_failure{
/*		background: #ff6363 url(../img/exclamation.png) no-repeat 5px 8px;*/
		background: url(../img/exclamation.png) no-repeat 5px 8px;
		padding:5px 10px 5px 30px !important;
	/*	border:1px solid #800000;*/ 
		font-weight:500;
		color:#b90000;	
	}
	.stripe_failure ol{
		list-style:decimal;
	}
	.show-hide-pwdBtn{
		position: absolute !important;
		right: 14px;
		top: 161px;
		padding-top:2px;
		height:25px;
		max-width: 60px;
		color:#000;
		border: medium none;
		background:#e3e1e1;
		-moz-border-radius: 4px;    /* Firefox */
		-webkit-border-radius: 4px; /* Safari and Chrome */
		-o-border-radius: 4px;
		border-radius: 4px 4px 4px 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
		/*behavior: url(../ie-css3.htc);*/ /* Tell IE to call the script on all elements with class 'box'  */
		}
	.login-input{ 
		height:40px;
	}
	.show-pwd{
		background: url(../img/show_password.png) no-repeat 5px 5px;
		}
	.hide-pwd{
		background: url(../img/hide_password.png) no-repeat 5px 5px;
		}
	#info_feedback li, #success li, .failure li{ 
		list-style:none;
	}
	#info_feedback p, #success p, .failure p{  
		font-size:1.0em;
		line-height:1.5;
		margin:0 0;
	}
	input#date[type="text"] {
		margin-right: 5px;
		width: 200px;
		float:left;
	}
	input#fromdate[type="text"] {
		margin-right: 5px;
		width: 200px;
		float:left;
	}
	input#todate[type="text"] {
		margin-right: 5px;
		width: 200px;
		float:left;
	}
	input[type="text"].admin_input{
		max-width:480px;
		margin-right:0px;
	}
	input[type="password"], select{
		/*max-width:480px;*/
	}
	textarea.admin_input{
		max-width:480px;
		margin-right:0px;
		}
	.phone-width{
		max-width:30px;
		}
	.sf-menu li.phone{
		float:right;
	}
	.sf-menu a.phone_icon, .sf-menu li.sfHover > a.phone_icon{
		background:#c7dacb url(../img/Phone.png) no-repeat 10px 8px;
		padding-left:30px;
	}
	.sf-menu a.phone_icon:hover{
		background:#c7dacb url(../img/Phone.png) no-repeat 10px 8px;
	}
	/********************************************************/
	/*         The following is for the CMS navigation      */
	/*														*/
	/********************************************************/

	/* Indicate active page */
	#pages .top-nav .pages > a,
	#catalog .top-nav .catalog > a,
	#files .top-nav .files > a,
	#customers .top-nav .customers > a,
	#photos .top-nav .photos > a,
	#orders .top-nav .orders > a,
	#inventory .top-nav .inventory > a,
	#errors .top-nav .errors > a,
	#admin_access .top-nav .admin_access > a
	{
		color:		#000;	
		text-decoration:none;
		font-weight:bold;
		cursor:pointer;
		background:#b90000;	
		background:#ddf1d1;
		background:#BFE4A9;
/*		-moz-box-shadow: 	inset 5px 0 0 #488324, 
		inset -5px 0 0 #488324,
		inset 8px 0 0 #000, 
		inset -8px 0 0 #000;
		-webkit-box-shadow:  inset 5px 0 0 #488324, 
		inset -5px 0 0 #488324,
		inset 8px 0 0 #000, 
		inset -8px 0 0 #000;
		box-shadow:inset 5px 0 0 #488324, 
		inset -5px 0 0 #488324,
		inset 8px 0 0 #000, 
		inset -8px 0 0 #000;*/
		z-index:2010;
	}
	#printSection{		
		display:none;
	}
}
 /*End of media screen, print*/
@media print
{
	body, h1, h2, h3, ol, ul, div {     width: auto;     border: 0;     margin: 0 5%;     padding: 0;     float: none;     position: static;     overflow: visible; }
	html, body, a{
		font-family: Segoe UI, Segoe, Georgia, serif;
		font-family: din-2014,"Helvetica Neue",sans-serif;
		background: #fff;
		color: #000;
	}
	#home-wrapper {
		width: 100%;
		margin: 0; padding: 0;
		background: none;
	}
	.page_header, .header-container, .nav-container, .rt_sidebar, .social_buttons_left, .twitter_class, .g-facebook, .g-plusone, .fb-page, #contact-us, #newsButton {
		display: none;
		height:0px;
	}
	#news h3{
		font-weight:bold;
		font-size:1.5em;
		text-decoration:underline;
	}
	.page-break	{ display: block; page-break-after: always; }
	.entry a:after {
		content: " [" attr(href) "] ";
	}
	.sendBtn{
		background: #fff;
	}
	.no-printme  {
		display: none;
	}
	.printme  {
		display: block;
		border:none;
	}
	.invoice-modal-content {
		overflow:visible;
		font-size:12px;
		border:none;
  	}
	#invoice img{
		max-width: 200px;
		display: block;
	}
}
@media only screen and (max-width: 768px) {
/*	ul.product_list li{
		width:44.5%;
		padding:1%;
		clear:both;
		margin:0 1% 2.992em;
		float:none;
		display:inline-block;
	}*/
	.sidebar{
		float:none;
		margin:10px 3% 0 3%;
		width:98%;
		clear:both;
	}
}
/*@media only screen and (max-width: 364px) {
	ul.product_list li{
		margin:0 0 2.992em;
		font-size:12px;
	}
}*/