/*everywhere*/
body{
	background-image:url('/storefronts/mdm/images/HomeBackgroundRepeat.jpg');
	background-color:#4a667b;
}
.page{max-width:1300px;margin:0 auto;}
.page{background:#fff; padding:5px; border-radius:5px;border:1px solid #808080;margin-bottom:15px;}
/*header*/
/*.logo-container {background-image: url('/storefronts/mdm/images/header background slice.png'); background-repeat: repeat-x;}*/
.marbling {background:url('/storefronts/mdm/images/Banner.png') center top no-repeat;}
.mdm-logo{height:150px; margin-left:calc(50% - 625px); max-width:1300px; padding:0 75px;}
.mdm-logo img{max-height:100%; max-width:100%}
@media(max-width:1300px){.mdm-logo{margin-left:50px;}.page{border:initial;}}
@media(max-width:600px){.mdm-logo{margin-left:initial;text-align:center;}}
/*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:900px; margin:0 auto; font-size:1.2em;padding:0 10px;}

.ui-widget-content{background:#eff2f4}

/* Component containers*/
.ui-widget-header {background-color: #678192; background-image: none; background: linear-gradient(to bottom, #7995aa 0%, #678192 100%); }

/*buttons*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{background: linear-gradient(to bottom, #7995aa 0%, #678192 100%); 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: linear-gradient(to bottom, #aebfcc 0%, #a3b3bd 100%); 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: #0084AE;
	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: #FF9800;} /*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:#0084AE;} /*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%;}

/*products section*/
.products{display:flex;flex-wrap:wrap;justify-content:space-evenly;}
.product-series{max-width:calc(50% - 30px);display:flex;flex-direction:column;text-align:center;padding:5px;background:#e0e5e9;margin:2px 0 4px; border-radius:6px;}
.product-series h1:after{
	content:"";
	display:block;
	margin:0 auto;
	width:70%;
	padding-top:5px;
	border-bottom:1px solid #678192;
}
.descr{display:flex;}
.products-img{border-radius:8px;max-height:180px;}
.products p{text-align:left;}
@media (max-width:1100px){.product-series{max-width:initial;}}
@media (max-width:600px){.descr{flex-direction:column;}.products-img{align-self: center;}}