/*Everywhere*/
.clearfix {clear:both;}
.page{max-width:1100px; margin:0 auto;}
body{background:#a9b8d0;}
/*header*/
.logo-container{background:#fff; padding:0 0 4px;}
.top-nav{
	display:flex;
	justify-content:center;
}
#mobile-nav-image{display:none;}
#mobile-nav-image img{max-width:100%;}
@media (max-width:750px){
	#wide-nav-image{display:none;}
	#mobile-nav-image{display:inherit;max-width:100%;}
}
.nav-width{
	max-width:750px;
	margin:0 auto;
}

.megga-nav{
	display:flex;
	justify-content:space-around;
	background-image:linear-gradient(#fefefe,#d5d8dd);
	border-bottom:1px solid #A1ACBA;
	flex-direction:column;
}
.menu-item a{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:center;
	padding:12px 20px;
	cursor: pointer;
	display: block;
	background-color:#EBEBEB;
	
	border: #A1ACBA 0px solid;
	border-width: 1px 1px 0px 1px;
	text-decoration:none;
	color:#000;
}
.menu-item a:hover{
	background-color: #D5DFEF;	
	color: #006699;
}

#mobile-menu{
	display:flex;
	align-items:center;
	justify-content:center;
}
.menu-text{
	color:#00923f;
	font-size:18px;
	font-weight:700;
	text-transform:uppercase;
}
.mobile-bars{
	text-align: center;
	width:50px;
}
.icon-bar{
	display:block;
	height: 5px;
	border-radius:1px;
	background-color:#00923f;
	margin: 7px;
}

@media (min-width:675px) {
	.megga-nav{display:flex !important;flex-direction:initial;}
	#mobile-menu{display:none;}
	.menu-item a{background-image: linear-gradient(#ffffff 20%, #bec2c7, #ffffff 80%);} 
	.menu-item a:hover{background-image: linear-gradient(#f0f5fe 20%, #a9b8d0, #f0f5fe 80%);}	
}

/*storefront*/
.store_catbuttons {text-align: center; padding-top: .5em;}
p, .store_contact {padding:.5em;}
.store_contact div {margin-bottom: 2px;}
ul.frq-radios {list-style: none; padding: 0; margin: 0 0 8px 0;}
ul.frq-radios li {display: inline; margin-right: 8px;}

.section{margin:0 2px 4px;}
.section p{
	max-width:960px;
	font-size:1.2em;
	margin:0 auto;
}
/* Component containers*/
.ui-widget-header {background-color: #00923f; background-image: none; }

/*buttons*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default 
{background: #00923f; border: solid 1px #595959; color:#FFFFFF; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus 
{background:#00c555; color:#FFFFFF;}

/* icon defaults - arrow on acct menu and symbol on search button */
.ui-icon 
{background-image: url(/_static/scripts/jquery-ui/themes/pumpflo/images/ui-icons_ffffff_256x240.png) !important;}

/* icon override for hover/selected when we need to have two color-states */
/*
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon
{background-image: url(/_static/scripts/jquery-ui/themes/pumpflo/images/ui-icons_ffffff_256x240.png) !important;}
*/

/*Links*/
.section a, #ti_nav_links a{
	color: #00923f;
	text-decoration: none;
}

.section a:hover, #ti_nav_links a:hover{
	text-decoration: underline;
}

.ui-state-hover a, .ui-state-hover a:hover {
    color: #fafafa;
}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color: #00dfcf;} /*The "Orange" active links*/
.ui-state-active:hover a, .ui-state-active:hover a:link,.ui-state-active:hover a:visited{color: #fff;}

.fg-menu a:link,.fg-menu a:visited,.fg-menu a:active{color:#00923f;} /*Printed reports and similar links*/
.fg-menu a:hover{color:#fff;}

/*Contacts div*/
.ESI-contacts {
	margin: auto;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}

.ESI-contacts-region {
	padding: 10px;	
	text-align: left;
}
/*End Contacts*/
/*Criteria Mobile*/
	@media (max-width: 750px) {
	.criteria_columns{
		width:100%;
		float:initial;
	}
}
/*End Criteria*/
/*Pump display overrides*/
#graph_image_container{width:initial !important;}
#graph_image_container img{max-width:100%;}