.clearfix{clear:both;}

body{
	background: #f2f2f2;
	background-image: initial;
}

.ui-widget-content{
	opacity: .9;
	color: initial;
	border-radius: initial;
	background: #f2f2f2;
}

.page {
	max-width: 1200px;
	margin:0 auto;
	color: #1a1a1a;
	font-family: 'Open Sans', sans-serif;
	/*font-size: 12px;*/
	background: #f2f2f2;
	background-image: initial;
}

.title {
    font-style: normal;
    font-weight: 300;
	font-size: 1.2em;
}

.title-content {
	font-size: 60px;
    text-align: center;
	background-color: initial !important; 
	border: initial;
	color: #011110;
}

@media (max-width: 670px) {
	.title-content{
		font-size:40px;
	}
}

@media (max-width: 460px) {
	.title-content{
		font-size:20px;
	}
}
	
.no-border {
	border: initial;
}
/*Catalog Selection*/
.brands-flex{
	display:flex;
	justify-content:center;
}
.product-selection{
	border: 1px solid #e8e8e8;
    padding: 20px 15px;
    max-width: calc(25% - 10px);
    margin:5px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    position:relative;
}

.storefront-logo-wrapper{
	height:85px;
	line-height:85px;
}
.storefront-logo-wrapper img{
	max-width:200px;
}

.product-selection p{
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #000;
	margin:0 0 15px;;
}

.catbutton-align{position:absolute; bottom:5px; left:calc(50% - 51px);}
@media(max-width:945px){
	.brands-flex{flex-wrap:wrap;}
	.product-selection{max-width:calc(50% - 100px);}
}
@media(max-width:550px){.product-selection{max-width:100%;}}

/*storefront*/
.store_catbuttons {text-align: center; padding-top: .5em;}
p, .store_contact {padding:.5em; font-size: 1.2em;}
.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;}
table.contacts td {vertical-align:top; padding: .5em;}
table.contacts .right {padding-left: 1.5em;}

/* Component containers*/
.ui-widget-header {background-color: #009481; background-image: none; }

/*buttons*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{background: #009481; border: solid 1px #e8e8e8; 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:#66beb3; 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{
	color: #009481;
	text-decoration: none;
}

.section a:hover{
	color: #66beb3;
}

.catbutton:hover {color:#ffffff !important;}

/*Changes orange selected color*/
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: #005d94;
}

/*header*/
.prodlogo{
	max-width: 100%;
	height: auto;
	display: block;
	margin: auto;
	padding-top: 120px;
}


.logo-container {
	background-image: url(https://intrax.pump-flo.com/storefronts/intrax/images/slurrypro-product-banner2.png);
	height:250px;
	background-size: cover;
}
.scroll-back {
	background-color: rgba(4, 4, 4, 0.5);
	padding: 10px 0;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index:10;
}

.header-container {
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
	width: 1140px;
	max-width:100%;
}

@media (max-width: 800px) {

	.half-header {
		display: none;
	}
}

.half-logo {
	float: left;
	position: relative;
	padding-right: 15px;
	padding-left: 15px;
}

.half-logo img{
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	float: left;
}

.tag-line {
	float: left;
	color: #FFF;
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	line-height: 18px;
	padding:10px 0 0 12px;
}

.half-header {
	text-align: right;
	float: right;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.half-header ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.half-header ul li{
	display: inline-block;
	list-style: outside none none;
	margin: 0;
	padding: 21px 20px;
}

.half-header ul li a{
	color: #ffffff;
	font-size: 14px;
	line-height: 35px;
	font-family: "Open Sans", sans-serif;
	text-decoration: none;
}

/*Product images*/
.product-images {
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	max-height: 180px;
	overflow:hidden;

}

.product-images img{
	max-height: 180px;

}

.clear { clear:both;}

/*Contacts div*/
.intrax-contacts {
	margin: auto;
	height:100%;
	overflow:hidden;
	text-align: center;
}

.intrax-contacts::after {
	content:"";
	display: inline-table;
}

.intrax-contacts-region {
	display: inline-block;
	margin: 10px;	
	text-align: left;
}
/*end contacts div*/