body{background:#fff;}
.page {
	background: #ffffff;
	color: #3c3c3c;
	max-width:1240px;
	min-width:375px;
	margin:0 auto;
}
/*storefront*/
.store_catbuttons {text-align: center; padding-top: .5em;}
p, .store_contact {padding:.5em;}
p, .store_contact, .ui-widget {
	font-family: Verdana,sans-serif;
	color: #3c3c3c;
	font-size: 1em;
}
.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;}

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



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

/*buttons*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: #fb7133; border: solid 1px #db3737; 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:#db3737; color:#FFFFFF;}
.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;}

button.ui-state-disabled, button.ui-button-disabled, button.ui-state-disabled.ui-button { background-color:#909090; color: #E1E1E1 !important; }

.ui-state-hover a{background:#db3737 !important; color:#FFFFFF !important;}

.pf-nav .content a{
	color: #fb7133;
}

.pf-nav .content a:hover{
	color: #db3737
}


/*Links*/
.section a, #ti_nav_links a{
	color: #fb7133;
	text-decoration: none;
	text-align: center;
}

/*.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:#fb7133;} /*Printed reports and similar links*/
.fg-menu a:hover{color:#fff;}
/*header bar*/
.logo-container{
	background: #ffffff;
}
.iron-logo{
	max-width: 1240px;
	margin: 0 auto;
	padding: 25px;
}
.iron-logo img{
	max-width: 250px;
}
.iron-nav{
	background: #dcdcdc;
	height: 40px;
}
.iron-subnav{
	max-width: 1240px;
	margin: 0 auto;
	padding: 5px 0;
}
.iron-subnav ul{
	list-style:none;
	color: #616060;
	float: right;
}
.iron-subnav ul li {
	margin-right: 20px;
	display: inline;
	padding: 0;
	float: left;
}
.iron-subnav ul li a{
	color: #555;
	font-family: Verdana,sans-serif;
    text-decoration: none;
	font-size: small;
}
.iron-subnav ul li a:hover{
	color: #db3737;
}
.iron-clearfix{
	clear: both;
	line-height: 0;
}
/*
#search-fix {
	padding-right: 189px;
}
@media (max-width: 832px) {
	#search-fix{ padding-right: initial;}
	.iron-subnav{ margin: auto;}
}
*/
/*End header bar*/

.CatTop{
    margin: auto;
    max-width: 1114px;
    display: grid;
    grid-template-columns:60% 40%;
}

.CatTop img{
	max-height: 291px;
}

.BeginSel {
	color: #000;
    font-weight: bold;
	border-bottom: 5px solid #fb7133;
	background-color: none;
}
.SelectionRight{
	padding: 1px;
	text-align: center;
    display: grid;
	grid-template-columns:50% 50%;
	height: 130px;
}

.SelectionRight .ui-helper-hidden{
	display:grid;
	grid-template-columns: 1fr;
	justify-self: center;
}

.SelectionRight a {
	margin: 10px 32px;
    max-width: 168px;
    text-align: center;
    padding: 2px;
}

.SelectionLeft{
	padding: 1px;
    background-image: url("/storefronts/iron/images/ECO Trio.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	height: 405.58px;
}

.row1{
	grid-area:1/1/1/span 2;
}

.row2{
	grid-area:2/1/2/span 2;
}

.row3{
	grid-area:3/auto/3/auto;
}

.row4{
	grid-area:4/auto/4/auto;
	height: fit-content
}

.images div{
	flex:0 0 22%;
}

.images2 div{
	flex: 0 0 13%;
    margin: 10px;
}

/*storefront products div*/
.iron-products {
	margin: auto;
	height:100%;
	overflow:hidden;
	padding-top: 10px;
}

.iron-products::after {
	content:"";
	display: inline-table;
}

#background-fix {background: #ffffff;}

.iron-products .images, .images2 .a {
		padding-bottom: 1px
}

.images, .images2 {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
}
.images img {
	max-height: 180px;
}
.images2 img{
	height: 180px;
    width: 146px;
    object-fit: cover;
}

.pump_image img{
	height: 180px;
    width: 146px;
    object-fit: cover;
}

.margin-fix{
	display: grid;
    justify-items: center;
	margin-bottom: 18px;
}
@media (max-width: 800px) {
	.CatTop{
		grid-template-columns:50% 50%;
	}
	.company1{
		grid-template-columns:1fr !important;
	}
}

@media (max-width: 600px) {
	.SelectionLeft{
		display: none;
	}
	.CatTop{
		grid-template-columns:1fr;
	}
	.ContactFooter img{
		display: none;
	}
}

@media (max-width: 670px) {
	.iron-products {
		display: flex;
		flex-direction: column;
	}
	.iron-products-text{
		max-width:100% !important;
	}
}

.iron_store_catbuttons {
	max-width:5%;
	float: left;
	margin-top: 40px;
}
#product-headers{
	color: #fb7133;
	margin-left:40px;
}
.iron-products-text{
	max-width: 25%;
	float: left;
	min-width: 230px;
}
.iron-products-text p {
	margin:10px;
	font-size: 1.2em;
	word-wrap: break-word;
}
/*End storefront products div*/
/*Company*/
.company1{
	margin: auto;
	height: 100%;
	overflow:hidden;
	padding-top: 10px;
}
.company1::after{
	content:"";
	display: inline-table;
}

.company1 {
	margin:10px;
	font-size: 1.2em;
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.company-left, .company-right {
	min-width: 230px;
}
.company-right {
	margin-left:15px;
}

.VidWrapper {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.VidWrapper iframe, .VidWrapper object, .VidWrapper embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*End Company*/
/* Contacts div*/
.al-contacts{
	margin: auto;
	height:100%;
	overflow:hidden;
	justify-content: center;
    display: flex;
}
.al-contacts a{
	color: #fb7133;
	text-decoration: none;
}

.al-contacts a:hover{
	color: #db3737;
	text-decoration: underline;
}

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

.al-contacts-block {
	max-width: 24%;
	display: inline-block;
	margin: 10px;	
	text-align: left;
	vertical-align: top;
}
@media (max-width: 820px) {
	.al-contacts-block {
		max-width: initial;
		display: block;
		padding:10px;
		text-align: center;
		margin: auto;
	}
}
.ContactImg img{
	margin:10px;
    height: 117.6px;
}
/*end contacts div*/

.ContactFooter {
	max-width: initial;
	color: rgba(0, 63, 73, 1);
    display: flex;
	align-items: center;
    justify-content: center;
}

.ContactFooter img{
	height:90px;
	margin: 0px 20px;
}

.ContactFooter p{
	color: rgba(0, 63, 73, 1);
	text-decoration: none;
}

.ContactFooter a{
	color: #fff;
	text-decoration: none;
}

.ContactFooter a:hover{
	color: #db3737;
	text-decoration: underline;
}