/*Everywhere*/
:root{
	--pentair-main:#21386E;
	--pentair-alt:#61A544;
	--pentair-link:#006e96;
	--pentair-text:#464747;
}
body{background:#fff;}
.page, .pentair-width{max-width:1440px;margin:0 auto;box-shadow:0 0 10px 0 rgba(0,0,0,0.2);}
/*Re-calculating .page height for box shadow effect*/
.footer{height:39px;}
.logo-container{height:70px;}
.page{min-height:calc(100vh - 109px);}
/*header*/
@media(max-width:700px){#pentair-img{display:block !important;}}
@media(min-width:700px){#brand-img{display:block !important;}}
.pentair-width img{margin:0 10px;}

/*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}
.pentair-item p, .pentair-item ul{margin:0 auto;max-width:960px;font-size:1.2em;color:var(--pentair-text);}
.pentair-item h3{max-width:960px; margin:20px auto 0;}
/* Component containers*/
.ui-widget-header {background-color: var(--pentair-main); background-image: none; }

/*buttons*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default 
{background: var(--pentair-main); 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:var(--pentair-alt); 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: var(--pentair-link);
	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: #b0d2a1;} /*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:var(--pentair-link)} /*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%;}