:root{
    --mepco-red:#D12027;
    --mepco-blue:#0057A2;
    --mepco-blue-opaque:#0057a291;
}
/*header*/
.logo-container {background-image: url(/storefronts/mepco/images/header_bg.jpg); background-position: center; background-repeat: no-repeat; text-align: center; background-color: #898989;max-height:150px;}
.logo-container img{max-height:100%;}
body{background:#fff;}
.page {background: linear-gradient(var(--mepco-red) 250px, #fff 250px);}
.main, #navHolder{margin:auto;max-width:1100px;}
#navHolder{margin-top: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;}

.ui-widget-content{background:#fff;border:1px solid var(--mepco-red);box-shadow: 4px 4px 4px 0px var(--mepco-blue-opaque);}

.pf-nav .LinkItem a {color: var(--mepco-red);}
.pf-nav .LinkItem a:hover {text-decoration: underline;}
.pf-nav .TopLevelItem {color: var(--mepco-red);}

/* Component containers*/
.ui-widget-header {background-color: #e5eef5; background-image: none; color: var(--mepco-blue);}

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

.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:#f5d2d3; color:var(--mepco-blue);}

/* 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_454545_256x240.png) !important;}

.ui-state-default a {color: black !important;}

/*Links*/
.section a, #ti_nav_links a{
	color: var(--mepco-blue);
	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: #99cdde;} /*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(--mepco-blue);} /*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%;}