.page, .logo-container-width{
    max-width:1350px;
    margin:0 auto;
}
/*header*/
body,.logo-container{background-image: repeating-linear-gradient(to right,#4b6e9e, #4b6e9e 25%,#6d7077 75%,#6d7077);margin-bottom:5px;}
.logo-container-width {
	background: url(/storefronts/hcppumpsofamerica/images/header.jpg) no-repeat center center; 
	background-size:contain;
	height:200px;
}
@media(max-width:600px){.logo-container-width{height:calc(200px - calc(600px - 100vw) / 4);}}
/*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:0 auto;
}

/* Component containers*/
.ui-widget-header {background-color: #4c80c2; background-image: none; }

/*buttons*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default 
{background: #4c80c2; 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:#81a6d4; 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;}

/*Links*/
.section a, #ti_nav_links a{
	color: #4c80c2;
	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: #81d4af;} /*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:#4c80c2;} /*Printed reports and similar links*/
.fg-menu a:hover{color:#fff;}
/*Products div*/
.product-wrapper{
    display:flex;
    flex-direction:row;
    justify-content:center;
    flex-wrap:wrap;
}
.product-series{
	display:flex;
	justify-content:space-between;
	margin: 1px 2px 4px;
	max-width:calc(50% - 10px);
	border: 1px solid #4c80c2;
}
.product-series-text{
	display:flex;
	flex-direction:column;
	text-align:center;
}
.product-title{
	font-size: 20px;
	color:#4c80c2;
	margin:10px 0 0;
}
.product-info{margin-top:15px;}
.product-info p{
	margin:2px 20%;
	padding:0;
	text-align:left;
}
.product-series-img{
	padding:5px
}

.product-series-img img{
	max-width:100%;
}
@media (max-width:900px){
	.product-series{max-width:initial;width:100%;}
	.product-title{font-size:17px;}
	.product-series-text{
		flex:1;
		min-width:270px;
	}
}
@media (max-width:500px){
	.product-series{flex-direction:column;text-align:center;}
	.product-text{min-width:initial;}
}
/*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%;}