/* stylesheet for thirdmill/clarktanks theme */

@font-face {
    font-family: Lato-black;
    src: url(../fonts/Lato-Black.ttf);
	font-weight:400;
	font-style:normal;
}
@font-face {
    font-family: Lato-light;
    src: url(../fonts/Lato-Light.ttf);
	font-weight:400;
	font-style:normal;
}


body
{
	text-align: left;
	font:14px Lato-light, Arial, Helvetica, sans-serif; 
}

h1, h2, h3, h4, strong
{
	font-family: Lato-black, Lato-light, Arial, Helvetica, sans-serif !important;
	font-weight: normal !important;
}

a,
div
{
	font-family: Lato-light, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.breadcrumbs a
{
	font-size: 1.2rem;
}

/* General */
.full-width
{
	width:100%;
	display:block;
}

.container-fluid 
{
    max-width: 1400px;
}
.container-fluid 
{
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/* contact us - state branches */
/* using bootrap type grid - we are not including the bootstrap css since that would screw up the look of the site */
/*
	.col-xs-$	Extra Small	Phones 
	.col-sm-$	Small Devices	Less than 768px
	.col-md-$	Medium Devices	Tablets 768px and Up
	.col-lg-$	Large Devices	Desktops 992px and Up 
	.col-xl-$	Large Desktops px and Up
*/
/* default values */
/*
.col-lg-4	{ width: 33.33333333%; }
.col-lg-6 	{ width: 50%; 	}
.col-lg-12	{ width: 100%;	}

@media screen and (max-width:576px)
{
	.col-xm-12	{ width: 100%; }
}
@media screen and (min-width:576px) and (max-width:768px)
{
	.col-sm-12	{ width: 100%; }
}
@media screen and (min-width:768px) and (max-width:992px)
{
	.col-md-6 	{ width: 50%; }
	.col-md-4	{ width: 33.33333333%; }
}
@media screen and (min-width:992px) and (max-width:1200px)
{
	.col-lg-4	{ width: 33.33333333%; }
	.col-lg-6 	{ width: 50%; 	}
	.col-lg-12	{ width: 100%;	}
}
@media screen and (min-width:1200px)
{
}

.row
{
	clear:both;
	margin-left: -15px;
	margin-right: -15px;
}
*/
div[class*='col-']
{
	float: left;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;	
}

.label
{
	color: #000 !important;
}

/* header */

.watertanks-top-icon-links
{
	height: 40px; 
	width:100%; 
	text-align: center;	
}

.watertanks-top-icon-links ul > li
{
	display: inline-block;
	width: fit-content;
}

.watertanks-top-icon-links ul > li a 
{
    margin: 0 10px;
}


@media screen and (max-width:992px)
{
	.watertanks-top-icon-links 
	{
		display:none;
	}
} /* @media */


header,
nav.navigation,
.nav-sections-item-content
{
	background-color: #777; /*#304c33;*/
	color: #fff;
}

#store\.menu.section-item-content.nav-sections-item-content
{
	border-top: 1px solid #666;
}
/*
.section-item-content.nav-sections-item-content:last-of-type
{
	border:none;
}
*/

header.page-header
{
	margin: 0;
}

header.page-header .panel.wrapper
{
	display:none;
}

/*-------------------------*/
/* compress visual display */

header.page-header
{
	padding-bottom: 5px;
}

header.page-header > .header.content
{
	padding: 20px 20px 0;
}

.header.content > .logo
{
	margin-bottom: 0;
}

/* /compress visual display */

/*-------------------------*/
#try-out-tank-chooser-img
{
	margin-top: -15px;
	float: right;
}

nav.navigation .active
{
	background-color: #000 !important; 
}

nav.navigation form#search_mini_form.form.minisearch.active
{
	background-color: transparent !important;
}

nav.navigation .top-menu-wrapper,
nav.navigation ul
{
	display:inline-block;
}
nav.navigation li a,
nav.navigation li.active a,
nav.navigation .level0.active > .level-top
{
	color: #fff !important;
	border: none;
}
nav.navigation .level0
{
	margin:0;
}
/*
nav.navigation li+li:before
{
	margin:0;
	padding:0;
	color: #666;
	content: "|";
}
*/

nav.navigation .search-wrapper
{
	float: right;
}
nav.navigation .block-search
{
	/*margin-top:-45px;*/
	margin-right:15px;
}
nav.navigation .block-search .block-content
{
	line-height: 47px;
}
nav.navigation .block-search input
{
	background-color: #000;
	border: none;
	color:#eee;
	position: relative;
	left: 0;
}

nav.navigation .block-search input[type='text']::-webkit-input-placeholder 
{
	color: #aaa;
}
nav.navigation .block-search input[type='text']:-moz-placeholder 
{
	color: #aaa;
}
nav.navigation .block-search input[type='text']::-moz-placeholder 
{
	color: #aaa;
}
nav.navigation .block-search input[type='text']:-ms-input-placeholder 
{  
	color: #aaa;
}

.banner-bar 
{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
	width: 100%;
	min-height: 430px; /* ticket #35045 *//*560px;*/
}

.banner-bar .container-fluid .title-1-with-margin
{
	margin-top: 30px; /* ticket #35045 */
}
.banner-bar .container-fluid .title-1-translucent-box,
.banner-bar .container-fluid .title-1-with-margin,
.banner-bar .container-fluid .title-1
{
	color: #fff;
	font-size: 26px;
	font-weight: bold;
}
.banner-bar .container-fluid .title-2-translucent-box,
.banner-bar .container-fluid .title-2
{
	color: #f4ca1c;
	font-size: 40px;
	font-weight: bold;
}

.banner-bar .container-fluid .title-1-with-margin,
.banner-bar .container-fluid .title-1,
.banner-bar .container-fluid .title-2
{
	font-family: Lato-black, Lato-light, Arial, Helvetica, sans-serif;
	text-shadow: 0 0 60px rgba(0,0,0,0.8);
}

.banner-bar .container-fluid .satisfaction-guarantee img
{
	float: left;
	margin-right: 30px;
}

.banner-bar .container-fluid .satisfaction-guarantee > div
{
	display:block;
}

.banner-bar .container-fluid .satisfaction-guarantee ul
{
	list-style: none;
	color: #fff;
	font-size: 22px;
	text-align: left;
	padding-top: 20px;
	padding-left: 2em;
}

.banner-bar .container-fluid .satisfaction-guarantee ul li 
{
	line-height: 1em;
	text-shadow: 0 0 60px rgba(0,0,0,0.8);
}

.banner-bar .container-fluid .satisfaction-guarantee ul li:before 
{
  	/*content: '✓ '; */
	/* content: '\2713\0020'; */
	/*display: none; */
	/*font-family: "Font Awesome 5 Solid";*/
	font-family: FontAwesome;
    content: "\f00c"; 
	padding-right: 5px;
	font-size: 1.2em;
}
.banner-bar .container-fluid .satisfaction-guarantee ul li svg
{
	margin-left: -1.6em;
	margin-right: 10px;
	height:.9em;
}


@media screen and (max-width:992px)
{
	.banner-bar
	{
		background-position: left; /*center 30%; */
	}
	
	.banner-bar .container-fluid .satisfaction-guarantee img
	{
		float:none;
	}

	.banner-bar .container-fluid .satisfaction-guarantee ul	
	{
		padding-left: 0;
	}
	
} /* media */


@media screen and (max-width:880px)
{
	nav.navigation .search-wrapper
	{
		width: 100%;
		display: block;
		text-align: center;
	}
	nav.navigation .search-wrapper,
	nav.navigation .block-search
	{
		float: none;
		text-align: center;
		display: inline-block;
		margin: auto; 
	}
	
	nav.navigation .top-menu-wrapper
	{
		width: 100%; 
		text-align: center;
	}
	
	nav.navigation .top-menu-wrapper > ul
	{
		border-radius: 0;
		border-bottom: 1px solid #666 !important;
	}
	
} /* @media */

@media screen and (max-width: 768px) 
{
	.banner-bar .container-fluid .satisfaction-guarantee img
	{
		float: none;
	}
	
} /* @media */

.page-wrapper .sections.nav-sections
{
	margin-bottom: 0;
}

.page-wrapper .top-container
{
	max-width:100%;
	padding-left: 0;
	padding-right: 0;
}

#homepage-category-ad-images td
{
	/*padding: 8px 10px;*/
	padding-left: 10px;
	vertical-align: inherit;
}

.block-search button.action.search
{
	top: 8px;
	display: inline-block
}

/* footer */

footer.page-footer
{
	padding-bottom:7px;
	background-color: #777; /*#304c33;	*/
}

footer.page-footer h3
{
	font-size: 18px;
    font-weight: 600;	
}

footer.page-footer a
{
	color: #000;
	padding-bottom: 3px;
	line-height: 25px;
    vertical-align: text-bottom;	
}
.footer-container.footer-top
{
	background-color: #5A5059;
	color: #fff;
}

.footer-container.footer-top img
{
	float: left;
	margin-right: 10px;
}

.footer-container.footer-top img + div
{
    line-height: normal;
    padding-top: 10px;
    font-weight: bold;
    font-size: 14px;
}

.footer-container.footer-top div[class*='col-']
{
	line-height: 60px;
	margin: 50px 0;
}

.footer-container.footer-middle
{
	background-color: #ebf6ee;
	color: #000;
	padding-bottom: 30px;
}

.footer-container
{
	width: 100%;
}
.footer-container .footer.content
{
	padding-top: 0;
}

.footer-container .footer.content table,
.footer-container .footer.content row
{
	width: 100%;
}
.footer-container .footer.content td
{
	width: 25%;
}

.footer-container .footer.content td img
{
	float:left;
}

.footer-container .footer.content td div
{
	margin-top:10px;
}

.footer-container .footer.content td p
{
	margin-top:1em;
}

.footer-container .footer.content input[type='text']
{
	margin-bottom: 5px;
}

.footer-container .footer.content input[type='text'].footer-textbox-comments
{
	
}

.footer-container .footer.content textarea::-webkit-input-placeholder,
input[type='text']::-webkit-input-placeholder 
{
   font-style: italic;
}
.footer-container .footer.content textarea:-moz-placeholder,
input[type='text']:-moz-placeholder 
{
   font-style: italic;  
}
.footer-container .footer.content textarea::-moz-placeholder, 
input[type='text']::-moz-placeholder 
{
   font-style: italic;  
}
.footer-container .footer.content textarea:-ms-input-placeholder,
input[type='text']:-ms-input-placeholder 
{  
   font-style: italic; 
}

.footer-container .footer.content input[type='button']
{
	background-color: #777; /*#304c33;*/
	color: #fff;
	padding: 10px 15px;
	border:none;
}

.footer-container .footer.content .footer-search-postcode,
.footer-container .footer.content .footer-search-contactus
{
	margin-top:5px;
}

.footer-container .footer.content .footer-search-contactus
{
	float: right;
}

.footer-container.footer-bottom
{
	background-color: #fff;
}

/*
.footer-container .footer.content td a
{
	color: #000;
}

.footer-container.footer-bottom
{
	background-color: #fff;
	
}
.footer-container.footer-bottom .footer.content td
{
	width: 50%;
	height: 70px;
	vertical-align: middle;
}

.footer-container.footer-bottom .footer.content td:nth-child(1) div
{
	margin-top:7px;
}

.footer-container.footer-bottom .footer.content img
{
}

.footer-container.footer-bottom .footer.content td:nth-child(1) img
{
	margin-right: 3px;
}

.footer-container.footer-bottom .footer.content td:nth-child(2) img
{
	float: right;
}
*/
@media screen and (max-width:992px)
{
	.footer-container.footer-top div[class*='col-']
	{
		margin: 20px 0;
	}
	
	.footer-container .footer.content 
	{
    	padding: 20px;
	}
	
} /* @media */


/* mobile mode */
@media screen and (max-width:768px)
{
	.footer-container .footer.content
	{
		padding: 40px 20px !important;
	}
	
} /* @media */


/* breadcrumbs */
.breadcrumbs
{
	margin-top: 3px;
}

/* product/Attributes */

table.attribute-tank-types,
table.attribute-region-tank-specifications 
{
	border: 1px solid #aaa;
}

table.attribute-tank-types tr:nth-child(1),
table.attribute-region-tank-specifications tr:nth-child(1)
{
	background-color: #777; /*#304C33;*/
	color: #fff;
}

table.attribute-tank-types tr:nth-child(n+2),
table.attribute-region-tank-specifications tr:nth-child(n+2)
{
	border-top: 1px solid #aaa;
}

table.attribute-tank-types tr:nth-child(1) td,
table.attribute-region-tank-specifications tr:nth-child(1) td
{
	border: 1px solid #000;
}

table.attribute-tank-types tr:nth-child(n+2) td:nth-child(1),
table.attribute-region-tank-specifications tr:nth-child(n+2) td:nth-child(1)
{
	background-color: #EBF6EE;
}

table.attribute-tank-types tr:nth-child(n+2) td,
table.attribute-region-tank-specifications tr:nth-child(n+2) td
{
	border-right: 1px solid #aaa;
}

table.accessories
{
	text-align: left;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	margin-bottom: 10px;
}

table.accessories td
{
	border: 0px solid #aaa;
	width: 80px;
	text-align: center;
}

table.accessories a label
{
	width: 100%;
	text-align: center;
	display: block;
}

/* product page */

.main .product-info-main .product-add-form
{
	padding-top: 0px;
}


.fieldset > .field.qty,
.fieldset > .actions
{
	display:inline-block;
}

.box-tocart .fieldset > .actions button.action.tocart
{
	width: 100%;
	margin-top: 10px;
	margin-left: 15px;
}

.fieldset > .field.qty
{
	float:left;
}

ul.green-ticked
{
	list-style: none !important;
}

ul.green-ticked li
{
	margin-left: -25px;
	padding: 0 0 0 25px;
    background: url(../images/green-checked.png) no-repeat scroll 0 1px;
    background-image: url(../images/green-checked.png);
    background-position-x: 0px;
    background-position-y: 1px;
    background-size: initial;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-attachment: scroll;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
}

.block.related
{
	display:none;
}

/* Layout of Description & Image */
.page-layout-1column .product.media
{
	width: 40% !important;
}

.page-layout-1column .product-info-main
{
	width: 57% !important;
}

@media screen and (max-width:768px)
{
	.page-layout-1column .product.media,
	.page-layout-1column .product-info-main
	{
		width: 100% !important;
	}
	
} /* @media */

table.top-5-sellers 
{
	width: 100%;
}

table.top-5-sellers td
{
	width: 20%;
	text-align: center;
}

.compare
{
	color: #aaa !important;
}

/* test for IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) 
{  
	table#homepage-category-ad-images tr td:nth-of-type(1)
	{
		width:24.53%;
	}
	
	table#homepage-category-ad-images tr td:nth-of-type(2)
	{
		width:50.83%;
	}
	table#homepage-category-ad-images tr td:nth-of-type(3)
	{
		width:24.64%;
	}
	
	table#homepage-category-ad-images img
	{
		width:100%;
	}
}

/* Enter Postcode */

#localized-product-prices span.postcode-label
{
	width:100px; 
	background-color: #555; /*#1f2b1f; */
	color:#eee; 
	line-height: 30px;
}

#localized-product-prices input:focus
{
	outline-width: 0;
	outline: none;
}


/* don't distribute to your area */
#dont-distribute-to-your-area table
{
	background-color: #fff; 
	margin:20px auto; 
	width: 60%; 
	min-width: 340px;
}

#dont-distribute-to-your-area table a
{
	background-color:#1f384e; 
	color:#fff; 
	width:100%; 
	display:block; 
	padding:7px 0;
	text-decoration: none;
}

#dont-distribute-to-your-area table.details
{
	background-color: #f4f6f5;
	width: 100%;
	text-align: left;
	font-size: 14px;
}

#dont-distribute-to-your-area table.details td:nth-child(1)
{
	width: 10px;
}

#dont-distribute-to-your-area table.details td.phoneNo
{
	font-size: 16px;
}

div.do-next
{
	text-align: center; 
	position: absolute; 
	bottom:0; 
	width:100%; 
	display:block;
	margin-bottom: 15px;
}

@media screen and (max-width:576px)
{
	#dont-distribute-to-your-area .family-branches
	{
		display: block !important;
	}
	
} /* @media */



/* checkout */
#checkout .authentication-wrapper button.action.action-auth-toggle
{
	color: #fff;
}

/* checkout - progress bar */
.opc-progress-bar-item._active
{
	text-align: left;
}
.opc-progress-bar-item._active:before,
.opc-progress-bar-item._active > span:before,
.opc-progress-bar-item._active > span:after
{
	display:none;
}

/* compare products */
body.catalog-product-compare-index .action.email
{
	float: right;
	margin: 0;
}


/* product specifications */
table.product-specifications tr
{
	border: 1px solid #ccc;
	background-color: #eee;
}
table.product-specifications td
{
	padding: 5px 5px;
	font-size: 16px;
}

table.product-specifications td:nth-child(1)
{
	width: 130px;
	background-color: #ddd;
	text-align: right;
	font-family: Lato-black, Lato-light, Arial, Helvetica, sans-serif !important;
}
table.product-specifications td:nth-child(2)
{
	width: calc(100% - 130px);
}

.request-a-quote input[type='button'],
#frmProductEnquiry input[type='button']
{
    background: #1979c3;
    border: 1px solid #1979c3;
    padding: 15px 20px;
    color: #fff;
    border-radius: 3px;
}

.request-a-quote input[type='button']
{
	margin-bottom:15px;
	min-width: 80%;
}


/* better design color */
.header-text
{
	float:right;
	display:inline-block;
}

.header-text-better-design,
.header-text-phone
{
	display:inline-block;
	padding: 0 20px;
	font-size: 20px;
	float:right;
}

.better-design-color, 
.better-design-color a,
.better-design-color a:hover
{
    color: #f4ca1c;
    text-decoration: none;
}

.header-text-phone.better-design-color a
{
	font-size: 20px;
	font-weight: bold;
}


@media screen and (max-width:576px)
{
	header.page-header
	{
		padding-bottom: 5px;
	}
	
	header.page-header > .header.content
	{
		text-align: center;
	}
	.logo
	{
		display: inline-block;
    	float: none !important;		
	}
	
	.header-text-better-design, 
	.header-text-phone 
	{
		float: none;
		font-size: 16px;
		text-align: center;
		display: inline-block;
		width: 100%;
	}
} /* @media */
	
/***
 jquery-ui overrides 
 ***/
.ui-widget-content
{
	background-color: inherit;
}

.ui-widget.ui-widget-content
{
	border: 0;
}

.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,
.ui-button:hover,
.ui-button:focus {
	border: 0px;
	background: inherit;
	font-weight: inherit;
	color: #2b2b2b;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: inherit;
}

.ui-dialog.dynamic-dialog-delivery-address 
{
  	border : 1px solid #ccc;
}

.ui-dialog.dynamic-dialog-delivery-address #dialogDeliveryAddress
{
 	padding: 15px;
}

.ui-dialog.dynamic-dialog-delivery-address label
{
	width: 100px;
	display:inline-block;
}

.ui-dialog.dynamic-dialog-delivery-address input
{
	width: calc(100% - 100px);
	display: inline-block;
	margin-bottom: 5px;
}

.ui-dialog.dynamic-dialog-delivery-address input:required
{
	background-color: lightyellow;
}

.ui-dialog.dynamic-dialog-delivery-address input:invalid.attempted
{
	border: 1px solid #ff0000;
}

/***
 *** contact us page 
 ***/

section.our-section-page.contact-us a,
section.our-section-page.contact-us div
{
	font-size: 16px;	
}

section.our-section-page.contact-us .main 
{
    display: inline-flex;
    width: 100%;
    text-align: left;
    min-height: 640px;
    margin: 30px 0;
}

section.our-section-page.contact-us h2
{
	font-weight: bold;
}

section.our-section-page.contact-us .left-panel.row 
{
    margin-left: 0;
    margin-right: 0;
}
section.our-section-page.contact-us .left-panel 
{
    color: #fff;
    background-color: #324c33;
    padding: 0px 30px 30px;
    width: 35%;
    display: block;
    box-sizing: border-box;
}
section.our-section-page.contact-us .panel 
{
    padding: 5px 30px;
    border-radius: 0;
}

section.our-section-page.contact-us .left-panel h4 
{
    font-family: Lato-black, Lato-light, Arial, Helvetica, sans-serif;
	/*
    font-weight: normal;
    font-weight: bold;
	*/
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 0;
}

section.our-section-page.contact-us .left-panel .phone 
{
    text-align: right;
}

section.our-section-page.contact-us .left-panel .phone h4 a,
section.our-section-page.contact-us .left-panel .phone h4 
{
    font-size: 26px;
}


section.our-section-page.contact-us .the-icon
{
	float:left;
	min-width:20px;
	width: 15%;
	display:block;
	text-align: center;
	box-sizing: border-box;
	margin-top: 10px;
}

section.our-section-page.contact-us .left-panel > .full-width
{
    display: flex;
    margin-bottom: 30px;
}
section.our-section-page.contact-us .left-panel .text-colour, 
section.our-section-page.contact-us .left-panel .text-colour a 
{
    color: #fdbe21;
    text-decoration: none;
}

section.our-section-page.contact-us .left-panel .contact-email .the-info 
{
    padding-top: 14px;
    font-size: 1.1em;
}
section.our-section-page.contact-us .left-panel .contact-email .the-info a 
{
    color: #fff;
}


section.our-section-page.contact-us .left-panel .delivery-zone .the-info 
{
    padding-top: 14px;
    font-style: italic;
    font-size: 1.1em;
}

/* contact us - right pnnel */

section.our-section-page.contact-us .main-right-content-panel 
{
    background-color: #e0dbe1;
    padding-bottom: 15px;
}
section.our-section-page.contact-us .panel 
{
    padding: 5px 30px;
    padding-bottom: 5px;
    border-radius: 0;
}
section.our-section-page.contact-us .main-right-content-panel, 
section.our-section-page.contact-us .main-left-content-panel 
{
    width: 65%;
    display: block;
    box-sizing: border-box;
    padding-right: 30px;
    line-height: 1.5em;
}

section.our-section-page.contact-us .user-field input, 
section.our-section-page.contact-us .user-field textarea 
{
    width: 100%;
    height: 42px;
    line-height: 40px;
    margin-bottom: 10px;
    padding: 10px 3px 10px 5px;
    border: 1px solid #bbb;
    box-sizing: border-box;
}

section.our-section-page.contact-us .user-field textarea 
{
    height: 160px;
    resize: none;
}

section.our-section-page.contact-us #enquiry-form button 
{
    text-align: center;
    background-color: #777; /*#304C33;*/
    color: #fff;
    line-height: 30px;
    padding: 5px 30px;
    border: none;
}

@media screen and (max-width:768px)
{
	section.our-section-page.contact-us #enquiry-form button
	{
		margin-bottom: 20px;
	}
	
} /* @media */


section.our-section-page.contact-us textarea::-webkit-input-placeholder
section.our-section-page.contact-us input[type='text']::-webkit-input-placeholder 
{
   font-style: italic;
}
section.our-section-page.contact-us textarea:-moz-placeholder,
section.our-section-page.contact-us input[type='text']:-moz-placeholder 
{
   font-style: italic;  
}
section.our-section-page.contact-us textarea::-moz-placeholder, 
section.our-section-page.contact-us input[type='text']::-moz-placeholder 
{
   font-style: italic;  
}
section.our-section-page.contact-us textarea:-ms-input-placeholder,
section.our-section-page.contact-us input[type='text']:-ms-input-placeholder 
{  
   font-style: italic; 
}

section.our-section-page.contact-us .user-field:nth-child(2n+1).col-lg-6, 
section.our-section-page.contact-us .user-field:nth-child(2n+1).col-md-6 
{
    padding-right: 5px;
}

section.our-section-page.contact-us .user-field:nth-child(2n).col-lg-6, 
section.our-section-page.contact-us .user-field:nth-child(2n).col-md-6 
{
    padding-left: 5px;
}

section.our-section-page.contact-us #state-branches h3 
{
    color: #828e51;
    font-weight: bold;
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

section.our-section-page.contact-us #state-branches h4 
{
	/*
    font-family: Lato-black, Lato-light, Arial, Helvetica, sans-serif;
    font-weight: normal;
	*/
    font-weight: bold;
    font-size: 16px;
    margin-top: 12px;
    margin-bottom: 10px;
}

section.our-section-page.contact-us #state-branches .where-we-service
{
	margin-top: 10px;
	margin-bottom: 20px;
}

/* 
 * Mobile mode
 */
@media screen and (max-width:768px)
{
	section.our-section-page.contact-us .user-field:nth-child(2n+1).col-lg-6, 
	section.our-section-page.contact-us .user-field:nth-child(2n+1).col-md-6 
	{
		padding-right: 15px;
	}

	section.our-section-page.contact-us .user-field:nth-child(2n).col-lg-6, 
	section.our-section-page.contact-us .user-field:nth-child(2n).col-md-6 
	{
		padding-left: 15px;
	}

	section.our-section-page.contact-us .main 
	{
		display: block;
		padding-left: 0;
		padding-right: 0;
	}
	
	section.our-section-page.contact-us .main-right-content-panel, 
	section.our-section-page.contact-us .main-left-content-panel, 
	section.our-section-page.contact-us .left-panel 
	{
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	
} /* @media */



/* general styling for normal page text from magento */

.column.main ul, 
.column.main ol 
{
    margin-top: 0rem;
    margin-bottom: 10px;
}

.column.main ul > li, 
.column.main ol > li 
{
    line-height: 1.5em;
}

.column.main a 
{
    font-weight: bold;
    text-decoration: underline;
}


/* mobile mode */
@media screen and (max-width:768px)
{
	nav .ui-menu-item.separator
	{
		display:none;
	}
	
	nav #search
	{
		width: calc(100% - 45px);
	}
	
	nav.navigation .search-wrapper,
	nav.navigation .block-search,
	nav.navigation .top-menu-wrapper > ul 
	{
		width: 100%;
		margin: 0;
	}
	
	.block-search .control,
	.block-search .label
	{
		display: inline;
		border-top: 0px !important;
	}
	
	.block-search .label
	{
		margin: 15px 0;
		border-radius:0;
		background-color: #111;
		height:32px;
	}
	
	.nav-sections .header.links a
	{
		color: #fff !important;
	}
	
} /* @media */

/**************************
Create New Customer Account
***************************/
.form.form-create-account input[type=checkbox]
{
	display: inline-block;
}

.label
{
	font-size: 14px;
}



/*****
  Google Map / Delivery Address / Auto-complete 
******/
/* Always set the map height explicitly to define the size of the div
* element that contains the map. */

.dynamic-dialog-delivery-address
{
	max-width: 100%;
}

.dynamic-dialog-delivery-address #dialogDeliveryAddress
{
	padding: 0 !important;
}

.dynamic-dialog-delivery-address #map 
{
	height: 100%;
}
/* Optional: Makes the sample page fill the window. */
.dynamic-dialog-delivery-address #description 
{
	/*font-family: Roboto;*/
	font-size: 15px;
	font-weight: 300;
}

.dynamic-dialog-delivery-address #infowindow-content .title 
{
	font-weight: bold;
}

.dynamic-dialog-delivery-address #infowindow-content 
{
	display: none;
}

.dynamic-dialog-delivery-address #map #infowindow-content 
{
	display: inline;
}

.dynamic-dialog-delivery-address .pac-card 
{
	margin: 10px 0;
	border-radius: 2px 0 0 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	outline: none;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
	background-color: #fff;
	/*font-family: Roboto;*/
}

.dynamic-dialog-delivery-address #pac-container {
/*	
	padding-bottom: 12px;
	margin-right: 12px;
*/	
}

.dynamic-dialog-delivery-address .pac-controls {
	display: inline-block;
	padding: 5px 11px;
}

.pac-controls label {
	font-family: Roboto;
	font-size: 13px;
	font-weight: 300;
}

.dynamic-dialog-delivery-address #pac-input {
	background-color: #fff;
	font-family: Roboto;
	font-size: 15px;
	font-weight: 300;
	/*margin-left: 12px;
	padding: 0 11px 0 13px;*/
	text-overflow: ellipsis;
	width: 100%;
}

.dynamic-dialog-delivery-address #pac-input:focus {
	border-color: #4d90fe;
}

.dynamic-dialog-delivery-address #title {
	color: #fff;
	background-color: #4d90fe;
	font-size: 25px;
	font-weight: 500;
	padding: 6px 12px;
}

button.dialog-cancel-button
{
	background-color: red !important;
	color: #fff !important;
	border: none !important;
}

button.dialog-confirm-button
{
	background-color: forestgreen !important;
	color: #fff !important;
	border: none !important;
}

/**********************
  magento overrides 
***********************/

.product.info.detailed div,
.product.info.detailed a
{
	font-size: 16px;
}

.product.name.product-item-name > a.product-item-link
{
	font-family: Lato-black, Lato-light, Arial, Helvetica, sans-serif !important;
	font-size: 14px;
}

.product.name.product-item-name
{
	font-size: 14px;
	font-family: Lato-light, Arial, Helvetica, sans-serif !important;

}

.product-item-info > .product.details.product-item-details
{
	text-align: center;
}

/**********
  Tabs
***********/

.product.data.items > .item.title.active, 
.product.data.items > .item.title.active a,
.product.data.items > .item.title.active > a.switch
{
	background-color: #ccc !important;
	color: #222 !important;
	font-family: Lato-black, Lato-light, Arial, Helvetica, sans-serif !important;
}

.product.data.items > .item.title.active:focus, 
.product.data.items > .item.title.active a:focus,
.product.data.items > .item.title.active > a.switch:focus
{
	outline-width: 0;
	outline:none;
}

.product.data.items > .item.title > a.switch:hover
{
	background-color: #ddd;
	text-shadow: 2px 2px 5px #aaa; 
}

@media screen and (min-width: 768px)
{
	.product.data.items > .item.content 
	{
		margin-top: 40px !important;
		font-size: 16px;
	}
	
	.product.data.items > .item.title > .switch 
	{
		font-size: 16px !important;
	}
	
	
} /* @media */

form#frmProductEnquiry label
{
	padding-left: 0;
	font-size: 16px;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}



ul.pump-features-benefits > li > ul >li
{
	margin-bottom: 0;
}

/* checkout progress bar */


ul.opc-progress-bar > li.opc-progress-bar-item:not(_active)
{
	display: none;
}

/* 
 *	Shopping cart 
 */
.mark
{
	background-color: transparent;
}

.cart.table-wrapper .actions-toolbar 
{
	margin-bottom: 7px;
}

.page-title-wrapper > h1.page-title
{
	margin-top: 20px;
}

/* multishipping */
.cart-summary .action.multicheckout
{
	display: none;
}

/* product option */
.product-options-wrapper .options-list input[type="checkbox"]
{
	display:inline-block;
}

/* Shipping details */
li#shipping.checkout-shipping-address
{
	margin-top:20px;
}

/*
 * Mobile mode
 */ 
@media screen and (max-width: 768px)
{

	/* account create */
	.fieldset > .field.choice .label, 
	.fieldset > .fields > .field.choice .label
	{
		display: inline-block !important;
		margin: 0;
		width: calc(100% - 22px);
		word-wrap: break-word;
		white-space: normal;
		max-width: 100%;
		text-align: left;
		vertical-align: top;
	}
	
	/* localized-products-prices */
	#localized-product-prices #pac-card
	{
		display: inline-block!important;
		width: 100%;
		padding: 10px;
	}

	#localized-product-prices #pac-card > span,
	#localized-product-prices #pac-card > input	
	{
		width: 100% !important;
	}

	#localized-product-prices #pac-card > span
	{
		color: #000;
		font-weight: bold;
		background-color: #fff;
	}

	#localized-product-prices #pac-card > input[type='submit'],	
	{
		margin-left: auto !important;
		margin-right: auto;
		margin-top: 10px;
		line-height: 40px;
		border-radius: 5px;
		width: 300px !important;
	}
	
	#localized-product-prices #pac-card > input[type='button']
	{
		margin: 10px 0 0 0 !important;
		height:40px;
	}
	
} /* @media */

/* cross sell Add to Cart button */
.products-crosssell .product-item-actions
{
	display: block !important;
	margin-top: 10px !important;
}

/* message box */
.message-box
{
	margin-top: 20px;
	padding: 20px;
	font-size: 16px;
	font-weight: bold;
}

/* hiding milople block at checkout*/
.partialpayment-wholecart-block
{
	display: none;
}

.cart-container .partialpayment-wholecart-block 
{
	display: block;
}


/* TAB */
div.field.cvv > label
{
	text-align: left;
}

/* checkout in mobile mode */
#checkout > .opc-estimated-wrapper
{
	display:none;
}

#checkout button.action.primary.checkout
{
	margin-top: 10px;
}

@media only screen and (max-width: 767px)
{
	#checkout .custom-slide .modal-inner-wrap 
	{
		transform: none; /*translateX(100%);*/
	}
	
	#checkout > aside.custom-slide.opc-summary-wrapper
	{
		position: relative;
		visibility: visible;
		opacity: 1;
		left: 0;
	}
	
	#checkout > aside.custom-slide.opc-summary-wrapper header > button.action-close
	{
		display: none;
	}
	
} /* @media */

/* hiding default shipping */
.addresses .shipping-address-items
{
	display:none;
}

/* sign in popup */
.modal-inner-wrap .block-authentication
{
	padding: 15px;
}

div.authentication-wrapper .authentication-dropdown .modal-inner-wrap
{
	padding: 0px;
	background: #aaa;
}

div.authentication-wrapper .modal-custom .action-close
{
	margin: 6px;
}


/**
 ** FAQ
 **/
#page-faq.our-section-page
{
	font-size: 16px;
}

#page-faq.our-section-page h1 { color: #00008B; }
#page-faq.our-section-page h2 {	color: #070784; }
#page-faq.our-section-page h3 {	color: #000; /*#1919B8;*/ }
#page-faq.our-section-page i  { color: #30397D; }
#page-faq.our-section-page i.driver  { color: #000; }

#page-faq.our-section-page td
{
	border: 1px solid #999;
}

#page-faq.our-section-page td:nth-child(3)
{
	text-align: right;
}


#page-faq.our-section-page ol 
{
	padding-inline-start: 15px;
}


@media screen and (max-width:400px)
{
	#maincontent.page-main { padding:0; }
	#homepage-category td { padding: 0 0 5px 0; }
	
} /* @media */


/* Best Sellers & promo images */
@media screen and (min-width:500px) and (max-width:750px)
{
	.td-bestSellers img { height: 250px !important; }
}

@media screen and (max-width:500px)
{
	#homepage-category-ad-images td img {
		height: auto !important;
		
	} 
	
	.td-bestSellers { width: 100% !important; }
	.td-bestSellers > .popular-new-tag { left: 10px !important; }
	
} /* @media */

/* Banner */
.banner-bar .tank-chooser-promo 
{
	/*background-color: #3d383e; */
	margin:30px 0 30px 10px;
	min-height: 200px;
	/*width: 290px; *//*320px;*/
	/*height: 410px;*/ /*540px; */
	background-color: transparent; /*48, 76, 51, .5);*/
	margin-top:50px;
	float:right;
	overflow: hidden;
	border: 0; 
	border-radius: 10px;
	/*
 	box-shadow: inset 0 0 10px #000000;
	padding: 10px;
	*/
	position:relative;
}


.banner-bar .tank-chooser-promo:hover
{
	cursor: pointer;
}

.banner-bar .tank-chooser-promo a
{
	color: #000;
	font-weight: bold;
}

/* .tank-chooser-bar .container-fluid div.tank-chooser-promo > img */
.banner-bar div.tank-chooser-promo img 
{
	margin: 0;
	/*
	min-height: 100%; 
	max-height: 100%;
	height: 200px;
	*/
	height: 340px;
	max-height: 340px; /*100%;*/
	max-width: 100%;	
	object-fit: contain;
}

.banner-bar .tank-chooser-promo > .arrow-left,
.banner-bar .tank-chooser-promo > .arrow-right
{
	position: absolute; 
	height: 100%;
	width:30px; 
	padding-top: 150px; 
	text-align: center;
	color: transparent;
}
.banner-bar .tank-chooser-promo > .arrow-left:hover,
.banner-bar .tank-chooser-promo > .arrow-right:hover
{
	color: #f1f1f1;
}

.banner-bar .tank-chooser-promo > .arrow-left
{
	left: 10px; 
}
.banner-bar .tank-chooser-promo > .arrow-right
{
	right: 10px;
}


/* Pump menu */
#custom-menu-pumps-header {
	height: 320px;
	background-color: #1F2B1D;
	color: #fff;
}

#custom-menu-pumps-header .menu-right-links ul,
#custom-menu-pumps-header .menu-buttons ul
{
	list-style-type: none;	
	padding: 0;
}

#custom-menu-pumps-header h2
{
	color: #7b8f4a;
}

#custom-menu-pumps-header li a
{
	color: #fff;	
	text-align: center;
	text-decoration: none;
	/*width:100%;*/
}

#custom-menu-pumps-header li:hover a
{
	color: #ffc320;	
}


#custom-menu-pumps-header .menu-buttons li
{
	background-color: #304C33;
	padding: 0;
	margin:10px 0;
	text-align: center;
	color: #fff;	
}

#custom-menu-pumps-header .menu-buttons li a
{
	padding:30px 10px; 
	display: inline-block;
	font-weight: bold;
	font-size: 18px;
}

#custom-menu-pumps-header .menu-buttons li:hover
{
	border: 1px solid #ffc320;
	color: #ffc320;	
	cursor: pointer;
}

/* search */
.search-autocomplete ul li
{
	color: #999 !important;
}

/* Mobile devices */

@media screen and (max-width: 480px)
{
	.product-info-main,
	.product.info.detailed
	{
		padding-left:10px;
		padding-right:10px;
	}
	
	.opc-wrapper
	{
		width: 100%;
		padding: 5px;
	}
	
} /* @media screen and (max-width: 400px) */