/*Everywhere*/
.clearfix {clear:both;}

.page{
	max-width:1350px;
	margin:0 auto;
}

/*header*/
.logo-container {
	text-align: center;
	background:#fff;
}

.logo-container img {
	text-align: center;
	margin: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 5px;
	box-shadow: 5px 1px 10px #b2b2b2;
}

.ui-widget-content {
    border: 1px solid #0084ae;
    background: #F9F9F9;
}

.xylem-title-storefront{
	margin-left:20px;
}

.section p{
	max-width:900px;
	margin:0 auto;
	font-size:1.2em;
	padding:10px 25px;
}

#storefront-ul{
	max-width:800px;
	margin:0 auto;
	font-size:1.2em;
	padding:0 50px;
}
.catalogs-wrapper{
	max-width:1100px;
	margin:auto;
}

.side-cats-container{
	float:left;
	margin:0;
}

.brand-cats-container{
	float:left;
	width: calc(100% - 251px);
	margin:0;
}

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

/*buttons*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default 
{background: #0084AE; 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:#4ca8c6; color:#FFFFFF;}

.catbutton{
	margin-bottom:4px;
}

.brand-cats{
	margin:0 0 0 30px;
	line-height:130px;
	padding:10px 0;
}

.storefront-left, .brand-title, .brand img{
	float:left;
}
.storefront-right{
	float:right;
	width: 355px;
}

.brand-title, .brand img, .50hz-buttons, .60hz-buttons{
	display:inline-block;
	vertical-align:middle;
}

.brand img{
	max-height:130px;
	max-width:100%;
}

.goulds-cats:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 80%;
    padding-top: 20px;
    border-bottom: 1px solid #0084AE;
}

.brand-title{
	display:none;
}

@media (max-width:1015px){
	.brand img{max-height:100px;}
}

@media (max-width:940px){
	.storefront-left, .brand-title, .brand img{
		float:initial;
	}
	.storefront-right{
		float:initial;
		width:initial;
	}
	.side-cats-container img{max-width:100%}
	.brand-cats{
		line-height:initial;
		text-align:center;
	}
}
@media (max-width: 630px){
	.brand-cats-container{width:100%;}
	.brand-cats{margin:0}
	.side-cats-container{display:none;}
}
/* 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: #32cbfb;} /*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;}