/*header*/
.logo-container {background-image: none; background-color: #ffffff;}

/*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{font-size:1.2em;max-width:960px;margin:4px auto;}

/*Products section*/
.producttable{display:flex;flex-wrap:wrap;padding:0 15px;}
.product-item{display:flex;flex-direction:column;flex:1;max-width: 700px;}
.product-title{font-size:18px;font-weight:700;color:#10529f;margin: 10px 0 10px 15px;}
.product-content{display:flex;justify-content:space-between;}
.product-content ul{margin-right:10px;min-width:200px;}
.product-content li{font-size:14px;margin-bottom:5px;}



/* Component containers*/
.ui-widget-header {background: #5A5A5A url(/storefronts/summitpump/images/BGmenu.png); background-size: auto 100%;}

/*buttons*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default 
{background: #565149; 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: #9F9A91; color:#000;}

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

a.catbutton {margin-bottom: 8px;}

/*Links*/
.section a, #ti_nav_links a{
	color: #10529f;
	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:#10529f} /*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%;}