/***************************************************
SITE SETUP:
Mobile display:  max-width: 749px;
Desktop display: min-width: 750px; max-width:899px;
Wide display:    min-width: 1200px;
***************************************************/

/*****GLOBAL RESET:*****/
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*****FONTS:*****/

/*****DEFAULT ELEMENT STYLES:*****/
h2, h3, h4, p, #content ol, #content ul, table, form {
	margin-bottom:1em;
}

/*****DESKTOP/MOBILE SPECIFIC STYLES:*****/
@media (min-width: 750px) {
	.mobile-only {
		display:none !important;
	}
}
@media (max-width: 749px) {
	.desktop-only {
		display:none !important;
	}
}
input, textarea, select {
	-webkit-appearance:none;
	font-size:16px; /* stops zooming on iOS devices */
}

/*****LINK STYLES:*****/
a.pdf {
	padding:5px 0 0 25px;
	background:url('/images/pdf.svg') no-repeat left bottom;
}
a.add {
	padding:5px 0 0 25px;
	background:url('/images/add.svg') no-repeat left bottom;
}
a.view {
	padding:5px 0 0 20px;
	background:url('/images/view.svg') no-repeat left bottom;
}
a.edit {
	padding:5px 0 0 20px;
	background:url('/images/edit.svg') no-repeat left bottom;
}
a.cancel {
	padding:5px 0 0 20px;
	background:url('/images/cancel.svg') no-repeat left bottom;
}
a.delete {
	padding:5px 0 0 20px;
	background:url('/images/delete.svg') no-repeat left bottom;
}
a.book {
	padding:5px 0 0 25px;
	background:url('/images/add.svg') no-repeat left bottom;
}
a.expire {
	padding:5px 0 0 25px;
	background:url('/images/expire.svg') no-repeat left bottom;
}
a.info {
	padding:5px 0 0 30px;
	background:url('/images/info.svg') no-repeat left bottom;
}

/*****BODY STYLES:*****/

body {
	margin:0;
	font-family:"Museo Sans", "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	background:#dadada;
}
	@media (max-width: 749px) {
		body {
			font-family:"HelveticaNeue-Light", "Trebuchet MS", verdana, geneva, sans-serif;
			font-size:1em; /* 16px */
			-webkit-text-size-adjust:none;
			position:relative;
		}
	}
	@media (min-width: 750px) {
		body {
		}
	}
	@media (min-width: 1200px) {
		body {
		}
	}

/*****HEADERWRAP STYLES:*****/
#headerwrap {
	width:100%;
	margin:0;
	background:#fff;
	border-bottom:2px solid #777;
	z-index:10;
	-webkit-box-shadow: 0 5px 10px -5px #777;
	-moz-box-shadow: 0 5px 10px -5px #777;
	box-shadow: 0 5px 10px -5px #777;
}
	@media (max-width: 749px) {
		#headerwrap {
			padding:0;
			height:70px;
		}
	}
	@media (min-width: 750px) {
		#headerwrap {
			padding:35px 0 0 0; /* 35px padding to allow navbar viewing */
			height:150px;
		}
	}

/*****HEADER STYLES:*****/
#header {
	position:relative;
	margin:0 auto;
	max-width:1200px;
}
	@media (max-width: 749px) {
		#header {
			padding:10px;
			height:50px;
		}
	}
	@media (min-width: 750px) {
		#header {
			padding:10px;
			height:130px;
		}
		#header .biowash {
			position:absolute;
			top:60px;
			right:15px;
		}
			#header .biowash img {
				height:60px;
			}
	}
	@media (min-width: 1200px) {
		#header {
			padding:10px 0;
			height:130px;
		}
		#header .biowash {
			top:45px;
			right:0;
		}
			#header .biowash img {
				height:80px;
			}
	}
	#header h1 {
		display:none;
	}
	
/*****LOGO STYLES:*****/
#logo {
	z-index:11;
}
	@media (max-width: 749px) {
		#logo {
		}
		#logo img {
			height:50px;
		}
	}
	@media (min-width: 750px) {
		#logo {
			height:130px;
		}
		#logo img {
			padding:15px 0;
			height:100px;
		}
	}
	@media (min-width: 900px) {
		#logo {
		}
		#logo img {
		}
	}
	@media (min-width: 1200px) {
		#logo {
		}
		#logo img {
		}
	}

/*****MENU TOGGLE ICON STYLES:*****/
@media (min-width: 750px) {
	#toggleIcons {
		display:none;
	}
}
@media (max-width: 749px) {
	#toggleIcons {
		position:absolute;
		display:block;
		top:0;
		right:0;
		height:70px;
		width:100px;
		z-index:15;
	}
	a#toggleMenu {
		position:absolute;
		text-align:center;
		top:0;
		right:0;
		height:40px;
		width:40px;
		padding:5px;
		background:url('/images/menu.svg') no-repeat center center;
		cursor:pointer;
		color:white;
		text-indent:-9999px;
	}
}

/*****MENU STYLES:*****/
#menuwrap {
	position:absolute;
	top:0;
	background:#1a5730;
	z-index:12;	
	text-align:right;
	-webkit-box-shadow: 0 5px 10px -5px #777;
	-moz-box-shadow: 0 5px 10px -5px #777;
	box-shadow: 0 5px 10px -5px #777;
}
	@media (max-width: 749px) {
		#menuwrap {
			right:0;
			margin:0 0 10px 0;
			width:250px;
			border-radius:0 0 0 15px;
		}
	}
	@media (min-width: 750px) {
		#menuwrap {
			width:100%;
		}
	}


#menu {
	margin:0;
	padding:0;
}
	@media (min-width: 750px) {
		#menu {
			margin:0 auto;
			padding-right:15px;
			max-width:1199px;
		}
	}
	@media (min-width: 1200px) {
		#menu {
			padding-right:0;
			max-width:1200px;
		}
	}
#menu ul {
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
	z-index:13;
}
	@media (min-width: 750px) {
		#menu ul {
			padding:0;
		}
	}
	@media (max-width: 749px) {
		#menu ul {
			padding:50px 0 15px 0;
		}
	}
#menu ul li, #menu ul li ul li {
	display:inline-block;
}
#menu ul li {
	position:relative;
}
#menu ul li:hover, #menu ul li ul li:hover {
	text-decoration:none;
}
#menu ul li a, #menu ul li ul li a {
	display:block;
	text-decoration:none;
	color:#fff;
}
	@media (min-width: 750px) {
		#menu ul li a {
			text-align:left;
			padding:10px 10px 8px 10px;
			margin:0 0 0 10px;
			height:18px;
			border-bottom:2px solid #1a5730;
		}
			#menu ul li a#nav-home {
				background:url('/images/home.svg') no-repeat center center;
				width:30px;
				margin:0;
				text-indent:-9999px;
			}
			#menu ul li a#nav-home:hover {
				background:url('/images/home.svg') no-repeat center center #333;
				width:30px;
			}
		#menu ul li a.current {
			color:#fff;
			background-color:#333 !important;
			border-bottom:2px solid #fff;
		}
	}
	@media (max-width: 749px) {
		#menu ul li a {
			width:230px;
			text-align:right;
			padding:10px;
			margin:0;
			border-left:2px solid #1a5730;
		}
		#menu ul li a.current {
			color:#fff;
			background-color:#333 !important;
			border-left:2px solid #fff;
		}
	}
#menu ul li ul {
	position:absolute;
	display:none;
	visibility:hidden;
	background:#444;
	padding:0;
	margin:0;
	z-index:14;
}
	@media (min-width: 750px) {
		#menu ul li ul {
			top:38px;
			left:10px;
			-webkit-box-shadow: 0 5px 10px -5px #777;
			-moz-box-shadow: 0 5px 10px -5px #777;
			box-shadow: 0 5px 10px -5px #777;
		}
		#menu ul li ul#admin-nav-submenu {
			left:auto; /* reset keft setting above */
			right:0; /* change to right positioning */
		}
	}
	@media (max-width: 749px) {
		#menu ul li ul {
			top:0;
			left:-120px;
		}
	}
	@media (max-width: 320px) {
		#menu ul li ul {
			top:0;
			left:-70px;
		}
	}
#menu ul li ul li {
	display:block;
}
	#menu ul li ul li a {
		margin:0;
		text-align:left;
	}
	@media (min-width: 750px) {
		#menu ul li ul li a {
			width:300px;
		}
		#menu ul li:hover a, #menu ul li:hover ul li:hover a {
			background:#333;
			color:white;
			border-bottom:2px solid #333;
		}
		#menu ul li:hover ul li a {
			border-bottom:2px solid #444;
		}
		#menu ul li:hover a.current {
			border-bottom:2px solid #fff;
			cursor:default;
		}
	}
	@media (max-width: 749px) {
		#menu ul li ul li a {
			width:300px;
		}
		#menu ul li:hover a, #menu ul li:hover ul li:hover a {
			background:#333;
			color:white;
			border-left:2px solid #333;
		}
		#menu ul li:hover ul li a {
			border-left:2px solid #444;
		}
		#menu ul li:hover a.current {
			border-left:2px solid #fff;
			cursor:default;
		}
	}
	@media (max-width: 320px) {
		#menu ul li ul li a {
			width:250px;
		}
	}
	#menu ul li:hover ul li a {
		background:#444;
	}
	#menu ul li:hover ul li:first-of-type a {
		box-shadow: 0 10px 10px -10px #333 inset; /* Adds a little "depth" to the dropdown submenus */
	}
#menu ul li:hover ul {
	display:block;
	opacity:1;
	visibility:visible;
}

/*****CONTENT DIV STYLES:*****/
#content {
	line-height:1.5em;
	z-index:1;
	padding:15px;
	margin:0 auto;
	max-width:1200px;
	position:relative;
	background:white;
	overflow:auto;
	-webkit-box-shadow: 0 0 10px 0 #777;
	-moz-box-shadow: 0 0 10px 0 #777;
	box-shadow: 0 0 10px 0 #777;
}
	@media (max-width: 749px) {
		#content {
			padding:35px 15px 15px 15px;
		}
	}
	@media (min-width: 750px) {
		#content {
			padding:35px 15px 15px 15px;
		}
	}
	@media (min-width: 1200px) {
		#content {
			padding:15px;
		}
	}
#content ul {
	display:inline-block;
	list-style:disc;
}
#content ol {
	list-style:decimal;
}
#content ol, #content ul {
	padding-left:40px;
}
#content ol li, #content ul li {
	margin-bottom:0.8em;
}
#content ul ul {
	list-style:circle;
	margin-top:0.8em;
}
#content h3 {
	margin:60px 0 30px 0;
	padding:0;
	font-size:1.6em;
	font-weight:normal;
	text-align:left;
	color:#1a5730;
}
#content h4.area {
	clear:both;
	margin:0;
	padding:0;
	font-size:1.2em;
	font-weight:normal;
	text-align:center;
	text-transform:uppercase;
	color:#5e9850;
}
#content h4.call {
	clear:both;
	margin:15px 0 0 0;
	padding:0;
	font-size:1.4em;
	font-weight:normal;
	text-align:center;
	text-transform:uppercase;
	color:#1a5730;
}

.comparisons {

}
	@media (max-width: 749px) {
		.comparisons {
		}
	}
	@media (min-width: 750px) {
		.comparisons {
		}
	}
	@media (min-width: 800px) {
		.comparisons {
			margin:0;
			width:60%;
			float:right;
		}
	}
	@media (min-width: 1200px) {
		.comparisons {
		}
	}
.comparisons .caption {
	position:relative;
	float:left;
	margin:0 2% 15px 2%;
	width:46%;
	overflow:hidden;
	border-radius:15px;
	-moz-box-shadow:0 0 3px #777;
	-webkit-box-shadow:0 0 3px #777;
	box-shadow:0 0 3px #777;
}
	.comparisons .caption img {
		width:100%;
		margin:0 0 -10px 0;
	}
	.comparisons .caption h4 {
		position:absolute;
		bottom:0;
		right:0;
		margin:0;
		padding:10px;
		width:100%;
		font-size:1.4em;
		font-weight:normal;
		text-align:right;
		color:white;
		background:rgba(0,0,0,0.5);
		-moz-text-shadow:0 0 3px #000;
		-webkit-text-shadow:0 0 3px #000;
		text-shadow:0 0 3px #000;
		z-index:3;
	}


/*****BANNER STYLES:*****/
#banner, #hookline_banner {
	position:relative;
	padding:0;
	z-index:2;
}
#hookline_banner {
	margin:15px -15px;
}
@media (max-width: 749px) {
		#banner {
			margin:-35px -15px 15px -15px;
		}
		#banner .biowash {
			position:absolute;
			top:0;
			right:0;
			padding:5px;
			background:white;
			border-radius:0 0 0 5px;
		}
			#banner .biowash img {
				height:50px;
				width:auto;
			}
	}
	@media (min-width: 750px) {
		#banner {
			margin:-35px -15px 15px -15px;
		}
	}
	@media (min-width: 1200px) {
		#banner {
			margin:-15px -15px 15px -15px;
		}
	}
	#banner img, #hookline_banner img {
		display:block;
		width:100%;
		z-index:2;
	}
	#banner h2, #hookline_banner h2 {
		position:absolute;
		bottom:0;
		right:0;
		width:96%;
		margin:0;
		padding:2%;
		font-size:1.8em;
		font-weight:normal;
		text-align:right;
		color:white;
		background:rgba(0,0,0,0.5);
		-moz-text-shadow:0 0 3px #000;
		-webkit-text-shadow:0 0 3px #000;
		text-shadow:0 0 3px #000;
		z-index:3;
	}
@media (max-width: 749px) {
	#banner h2, #hookline_banner h2 {
		font-size:1em;
		padding:1% 2%;
	}
}
@media (max-width: 900px) {
	#banner h2, #hookline_banner h2 {
		font-size:1.5em;
		padding:1.5% 2%;
	}
}
#banner h2.top, #hookline_banner h2.top {
		top:0;
		bottom:initial;
	}
	#banner h2.after, #hookline_banner h2.after {
		position:relative;
	}

/*****FOOTER STYLES:*****/
#footer {
	clear:both;
	position:relative;
	background:#1a5730;
	color:#fff;
	border-top:2px solid #fff;
	text-align:center;
	padding:1em 15px;
	z-index:1;
	line-height:1.5em;
	margin:0;
}
#footer a {
	color:white;
}
@media (min-width: 750px) {
	#footer_content {
		position:relative;
		max-width:1200px;
		margin:0 auto;
	}
	#footer_terms {
		position:absolute;
		top:0;
		left:0;
		text-align:left;
	}
	#footer_admin_links {
		margin:0 0 1em 0;
	}
	#footer p {
		margin:0;
	}
	#footer .social_icons {
		margin:0 0 1em 0;
	}
		#footer .social_icons a {
			margin:0 5px;
		}
		#footer .social_icons img {
			width:32px;
			height:32px;
		}
}
@media (max-width: 749px) {
	#footer_terms {
		display:inline;
	}
	#footer_admin_links {
		display:block;
		padding-top:1em;
	}
	#footer p {
		padding-top:1em;
		margin:0;
	}
	#footer .social_icons {
		margin:1em 0 0 0;
	}
		#footer .social_icons a {
			margin:0 5px;
		}
		#footer .social_icons img {
			width:32px;
			height:32px;
		}
}

/*****FORM STYLES:*****/
form {
	max-width:750px;
	margin:0 auto;
	padding:15px;
	border-radius:15px;
	background:#eee;
}
form label { 
	display:block;
	padding:0; 
	width:250px; 
	margin:5px 0 0; /* set top margin same as form input - textarea etc. elements */
}
	@media (min-width: 750px) {
		form label { 
			float:left;  /* block float the labels to left column, set a width */
			text-align:right;
		}
	}
	@media (max-width: 749px) {
		form label { 
		}
	}
form label.notrequired {
	width:230px; 
	padding-left:20px; 
}
@media (min-width: 750px) {
	form input, form textarea, form select {
		width:290px;
		margin:5px 0 0 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
		padding:5px;
		background:white;
		border:1px solid #aaa;
	}
	form textarea {
		min-height:150px;
	}
	form select {
		width:302px;
	}
}
@media (max-width: 749px) {
	form input, form textarea, form select {
		width:95%;
		margin:5px 0 0 0; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
		padding:5px 2.5%;
		background:white;
		border:1px solid #aaa;
	}
	form textarea {
		width:95%;
		min-height:150px;
	}
	form select {
		width:100%;
	}
}
.termsagreement {
	float:left;
	width:20px !important;
	height:20px;
	margin:0 !important;
	padding:5px !important;
	-webkit-appearance:auto !important;
}
.termsagreement:checked {
	background:green;
}
form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}
textarea {
	overflow:auto;
}
form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
form .formIcon {
	display:block;
	float:left;
	width:20px;
	padding:4px 0;
}
form input.error, form textarea.error {
	border:1px solid red;
	color:#000;
}
/* CENTER ALIGN THE RECAPTCHA */
.g-recaptcha > div > div {
	margin:10px auto !important;
	text-align:center;
	width:auto !important;
	height:auto !important;
}
@media (max-width: 749px) {
	.recaptcha_wrap {
		margin:0 -20px;
	}
}
form #formButtons {
	clear:both;
	margin:15px auto;
}
@media (min-width: 750px) {
	form #formButtons {
		width:300px;
	}
}
@media (max-width: 749px) {
	form #formButtons {
		width:100%;
		margin:15px auto;
	}
}

form input#btn_clear {
	float:left;
	margin:5px 5% 5px 0;
	width:40%;
	padding:5px 2%;
	border:1px solid red;
	background:#fdd;
}
	form input#btn_clear:hover {
		background:#fee;
		cursor:pointer;
	}
form input#btn_submit, form input.btn_submit {
	margin:5px 0 5px 5%;
	width:50%;
	padding:5px 2%;
	border:1px solid green;
	background:#dfd;
}
	form input#btn_submit:hover, form input.btn_submit:hover {
		background:#efe;
		cursor:pointer;
	}

/*****************************************************************************************/
/*
#nav {
	border-top:1px solid white;
	border-bottom:1px solid white;
	letter-spacing:0.1em;
	height:40px;
	padding:0;
	position:relative;
	background:#ddd;
	font-size:15px;
}
	#nav ul {
		margin:0 0 0 -15px;
		padding:0;
		list-style:none;
	}
	#nav ul li {
		float:left;
		position:relative;
		list-style-type:none;
		margin:0;
		padding:0;
	}
	#nav ul li a {
		height:20px;
		display:block;
		padding:10px;
		margin:0;
		color:#1c324e;
		text-decoration:none;
		text-transform:uppercase;
	}
		#nav ul li a:hover {
			color:#777;
			background:#fff;
		}
		#nav ul li a.current {
			position:relative;
			top:-1px;
			padding:11px 10px 11px 10px;
			cursor:default;
		}
	#nav #searchbox {
		float:right;
		padding:7px 7px 0 10px;
		font-size:0.8em;
		max-height:25px; /* Stops box overlapping */
/*
	}
		#nav #searchbox * {
			margin:0;!important
		}
	#nav #searchbox form input#searchbar {
		width:150px;
		height:15px;
		padding:5px 5px 5px 23px;
		background:url('/images/search.png') no-repeat 4px 4px white;
		border:none;
		border-radius:5px;
		color:#777;
	}

#banner {
	width:100%;
	overflow:hidden;
}
	#banner img {
		width:100%;
	}

#main {
	overflow:auto;
	padding:10px;
	background:white;
	ffont-size:1.2em;
}

#footer {
	clear:both;
	padding:8px 10px;
	height:16px;
	overflow:hidden;
	position:relative;
	background:#1c324e;
	color:white;
	border-radius:0 0 5px 5px;
}

h1 {
	display:none;
}
h2 {
	font-size:1.8em;
	text-align:right;
	font-weight:normal;
	color:#1c324e;
	line-height:1em;
}
h3 {
	font-size:1.5em;
	text-align:center;
	font-weight:normal;
	color:#1c324e;
	line-height:1em;
}

/* Allows for lists to flow around floated elements */
/*
ul {
	display:inline-block;
	list-style:outside square;
	margin-left:20px;
}
	ul li {
		position:relative;
		left:20px;
		padding-right:20px;
	}

.withheld {
	display:none;
}
.centered {
	text-align:center;
}
.right {
	float:right;
	margin:0 0 1em 1em;
}
.left {
	float:left;
	margin:0 1em 1em 0;
}
.clear {
	clear: both;
}
.indent {
	margin-left:20px;
}
.loseMargin {
	margin-left:-10px;
	margin-top:-10px;
}
.areaImg {
	float:left;
	margin:0 10px 10px 0;
	position:relative;
}
img.areaImg {
	border:1px solid #777;
}
.areaImg iframe {
	border:1px solid #777;
}
.areaImgText {
	margin:5px;
}
noscript {
	color:#600;
	font-style:oblique;
}
img.noscriptmap {
	position:absolute;
	top:1px;
	left:1px;
}
a#designer {
	position:absolute;
	top:0;
	right:0;
}

/* Fonts Styles */
/*
#header, #nav, #footer, h2, h3 {
	font-family:"Caviar Dreams", "Century Gothic", "Trebuchet MS", verdana, arial, helvetica, sans-serif;
}


h1, h2, h3, h4, h5, p, ul, ol, form, table {
	margin:0 0 15px 0;
}