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

body{
	background:initial;
}

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

.header{
	margin:0 0 10px;
}
/*header*/
.logo-container-wrapper{
	display:flex;
	text-align:center;
	justify-content:space-between;
	max-width:1200px;
	margin:0 auto;
}
.integrity-logo{
	width:385px;
}

.integrity-logo img{
	max-height:90px;
	max-width:100%;
}
/*nav section*/	
.integrity-nav-wrapper{
	flex:1;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.integrity-nav wrapper ul{
	padding:0;
	margin:0;
}
#mobile-menu{
	display:none;
	text-align:center;
	height:32px;
	color:#999;
	font-size:32px;
	width: 32px;
	margin:0 15px 8px;
}
/*first ul*/
#menu{position:relative;}
#menu li{
	display:inline-block;
	padding:6px
}

#menu li a{
	text-decoration:none;
	color:#999;
	font-family: proxima-nova;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: .12em;
    text-transform: uppercase;
}

#menu li a:hover{
	color:#666;
	transition:170ms;
}
/*second ul*/
.suckerfish{
	display:none;
	position:absolute;
	left: 105px;
	border:1px solid #e8e8e8;
	padding: 6px;
	width:100%;
	z-index:10;
	background:#fff;
	text-align:left;
}

#menu li li{
	display:block;
}
/*activate suckerfish*/
#menu li:hover ul{
	display:block;
	transition:170ms;
}
/*social media icons*/
.social-media a{
	text-decoration:none;
	color:#bfbfbf;
	font-size:18px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
}

.social-media a:hover{
	color:#e5e5e5;
	transition:170ms;
}

/*width corrections*/
@media (max-width:930px) {
	.logo-container-wrapper{display:block;}
	.integrity-logo{width:initial;}
}

@media (max-width:535px) {
	.social-media{display:none;}
	#menu{display:none;}
	#mobile-menu{display:block;}
	#menu li{
		display:block;
		text-align:left;
		}
	.suckerfish{
		position:inherit;
		border:initial;
		background:#f7f7f7;
		width:initial
	}
}
/*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;}

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

/*buttons*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default 
{background: #36616f; 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:#00a69d; 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;}
*/

.section{
	margin:0 4px 8px;
}

.section p{
	font-size:1.2em;
	max-width:960px;
	margin:0 auto;
}

.ui-widget-content{
	background: #f8f8f8;
	color: #333;
	box-shadow: 4px 5px 5px #d6dfe2;
	border:initial;
}

.ui-corner-all{
	border-radius:initial;
}

/*Links*/
.section a, #ti_nav_links a{
	color: #00a69d;
	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: #4cc0ba;} /*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:#00a69d;} /*Printed reports and similar links*/
.fg-menu a:hover{color:#fff;}

/*Contacts div*/
.ESI-contacts {
	margin: auto;
	height:100%;
	overflow:hidden;
	text-align: center;
}

.ESI-contacts::after {
	content:"";
	display: inline-table;
}

.ESI-contacts-region {
	max-width: 50%;
	display: inline-block;
	padding: 10px;	
	text-align: left;
}
/*End Contacts*/