.contactblue {
	color: #3dc6f3;
	text-align: center;
}
.lowercase {
	text-transform : lowercase !important;
}
.uppercase {
	text-transform : uppercase !important;
}

.text-top {
	vertical-align : top;
}
.text-middle {
	vertical-align : middle;
}
.text-bottom {
	vertical-align : bottom;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.text-left h2 ,
h2.text-left {
  text-align: left;
}
.text-right h2 ,
h2.text-right {
  text-align: right;
}
.text-center h2 ,
h2.text-center {
  text-align: center;
}
.text-justify ,
.text-justify h2 ,
h2.text-justify {
  text-align: justify;
}
.blue,
.blue-text {
	color : #3dc6f3 !important;
}
div.table-layout {
	width : 100%;
	display : table;
	table-layout : fixed;
}
table.margin-bottom ,
div.table-layout.margin-bottom {
	margin-bottom : 2.5vw;
}
div.table-layout > div.tr {
	display : table-row;
}
div.table-layout > div.tr > div.td {
	display : table-cell;
	vertical-align : middle;
}
div.table-layout > div.tr > div.td.align-top {
	vertical-align : top;
}
div.table-layout > div.tr > div.td.align-bottom {
	vertical-align : bottom;
}
div.table-layout.three-or-one > div.tr > div.td ,
div.table-layout.three-or-one.text-top > div.tr > div.td ,
div.table-layout.three-or-one > div.tr > div.td.text-top {
	vertical-align : top;
}

div.table-layout.three-or-one > div.tr > div.td {
	width : 33%;
}
div.table-layout.two-or-one > div.tr > div.td {
	width : 50%;
}
div.table-layout.three-or-one.padded-cells > div.tr > div.td {
	padding :  1.1vw 2.2vw;
}
div.table-layout.three-or-one.padded-cells > div.tr > div.td img.reponsive-width {
	width : 100%;
	height : auto !important;
}
div.table-layout.four-two-or-one > div.tr > div.td {
	width : 50%;
}
a.like-a-button  {
	min-width : 11.5vw;
	min-width : 120px;
}

a.like-a-button.large ,
button.large {
	width : 21.35vw;
	line-height : 5.2vw;
	height : 5.2vw;
	margin-bottom : 1.25vw;
}
a.like-a-button.table-layout ,
button.table-layout {
	padding : 0 !important;
	line-height : 1px;
}

a.like-a-button.table-layout > span ,
button.table-layout > span {
	display : table;
	table-layout : fixed;
	width : 100%;
	height : 100%;
}
a.like-a-button.table-layout > span > span ,
button.table-layout > span > span {
	display :table-row;
}
a.like-a-button.table-layout > span > span > span  ,
button.table-layout > span  > span > span {
	display :table-cell;
	text-align :center;
	vertical-align : middle;
	line-height : 1em !important;
	padding : 0 .75vw 0 .75vw;
}

.justified-buttons {
    text-align: justify;
	margin:0 auto;
	width:69.3vw;
}

.justified-buttons button ,
.justified-buttons a {
    display: inline-block;
    position: relative;
    min-width : 200px;
    min-height : 50px;
}

.justified-buttons:before{
    content: '';
    display: block;
    width: 100%;
}

.justified-buttons:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.form-table input[type="text"] ,
.form-table textarea ,
.form-table select ,
#SearchForm input[type="text"] {
	width : 100%;
	margin : 0px;
}

#SearchForm .td .td {
	padding : 0 .75vw;
}
#SearchForm .td:first-child .td:first-child {
	padding-left : 0;
}
#SearchForm .td:last-child .td:last-child {
	padding-right : 0;
}

a.member-banner {
	display : block;
	width : 90%;
	position : relative;
	margin : 0 auto 1.5vw auto;
}

a.member-banner img {
	width : 100%;
	height : auto !important;	
}
a.member-banner > span {
	display : block;
	z-index : 1;
	position : absolute;
	background-size: contain;
	background-repeat : no-repeat;
	background-position: right top;
	height : 6.8vw;
	width : 20.3vw;
	right : .8vw;
	bottom : .8vw;
	background-image : url( '../img/logo-swirl.png' );
}
a.member-banner > span > span {
	display : block;
	position : absolute;
	right : 3.25vw;
	top : 3vw;
	text-align : right;
	color : #000000;
}
a.like-a-button {
	font-size : 1.8vw;	
	line-height : 3vw;
}
a.member-banner > span > span {
	font-size : 2vw;
}

#SearchForm div.table-layout.three-or-one div.table-layout > div.tr > div.td:first-child {
	width : 13vw;
}

#SearchForm div.table-layout.three-or-one label span {
	font-size : 90%;
}

/* 
.StockFormSize85 {max-width: 85px; width: 85px;}
.StockFormSize100 {max-width: 100px; width: 100px;}
.StockFormSize150 {max-width: 150px; width: 150px;}
.StockFormSize200 {max-width: 200px; width: 200px;}
 */


/*****************
	order system : main page blue table at the top
******************/

.two-panel-blue-table {
	width : 100%;
	table-layout : fixed;
	border-collapse : collapse;
	color : #ffffff;
}
.two-panel-blue-table tr:first-child td {
	padding-top : 100px;
	padding-bottom : 100px;
}
.two-panel-blue-table tr:last-child td {
	padding-bottom : 100px;
}
.two-panel-blue-table td:first-child .button {
	min-width : 205px;
}
.two-panel-blue h2 {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 36px;
	line-height: 41px;
	margin-bottom : 
}
.two-panel-blue-table h2 {
	margin-bottom : 0;
}
.two-panel-blue td {
	vertical-align : top;
	text-align : center;
	width : 50%;
	padding : 50px;
}
.two-panel-blue form {
	text-align : left;
}
.two-panel-blue-table tr {
	background-color : #1A0C3D;
}
.two-panel-blue-table tr td {
	height : initial;
}
.two-panel-blue-table td:first-child {
	background-color : #0F205E;
}
.two-panel-blue-table tr.content-row+tr.content-row td {
	padding-top : 0;
}
.two-panel-blue-table tr.content-row td:first-child {
	border-right : 2px solid #fff;
}

.two-panel-blue-table td:last-child .spacer-span {
	display : inline-block;
	width : 20px;
}
.two-panel-blue-table td:first-child .spacer-span {
	display : inline-block;
	width : 55px;
}
.two-panel-blue .order-search-table {
	width : 100%;
}
.two-panel-blue .order-search-table > .tr > .td {
	padding-right : 30px;
	vertical-align : bottom;
	width : 33%;
}
.two-panel-blue .order-search-table .td:last-child {
	padding-right : 0px;
	/* width : 85px; */
}
.two-panel-blue label {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	padding-bottom : 10px;
	color : #ffffff;
	display : block;
}
.two-panel-blue input[type="text"] {
	padding : 15px 25px;
	padding-left : 15px !important;
	padding-right : 15px !important;
}
.two-panel-blue .button ,
.two-panel-blue input[type="submit"] {
	color : #000000 !important;
	background-color : #A3A9F5;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
	border-color : #A3A9F5;
	min-width : 204px;
}
.two-panel-blue .button:hover ,
.two-panel-blue input[type="submit"]:hover {
	background-color: #000000;
	color : #A3A9F5 !important;
}

.two-panel-blue-mobile {
	display : none;
	text-align : center;
}
.two-panel-blue-mobile .breaker-span {
	display : none;
}
.two-panel-blue-mobile .blue-panel {
	padding : 2.604vw;
}
.two-panel-blue-mobile .blue-panel.one .spacer-span {
	display : inline-block;
	width : 55px;
}
.two-panel-blue-mobile .blue-panel.two .spacer-span {
	display : inline-block;
	width : 20px;
}
.two-panel-blue-mobile .blue-panel.one {
	background-color : #1A0C3D;
	padding-bottom : 0;
	color : #ffffff;
}
.two-panel-blue-mobile .blue-panel.two {
	background-color : #0F205E;
	color : #ffffff;
}
.two-panel-blue-mobile .blue-panel .white-line {
	border-bottom : 2px solid #fff;
	padding-top : 2.604vw;
}

@media screen and ( max-width : 1880px ) {
	[lang="fr-CA"] .two-panel-blue-mobile .button-container a:last-child ,
	[lang="fr-CA"] .two-panel-blue-table .button-container a:last-child {
		margin-top : 20px;
	}
}
@media screen and ( max-width : 1059px ) {
	[lang="fr-CA"] .two-panel-blue-mobile .button-container a:last-child ,
	[lang="fr-CA"] .two-panel-blue-table .button-container a:last-child {
		margin-top : 0;
	}
}
@media screen and ( max-width : 1059px ) {
	[lang="fr-CA"] .two-panel-blue-mobile .button-container a:last-child ,
	[lang="fr-CA"] .two-panel-blue-table .button-container a:last-child {
		margin-top : 0;
	}
}
@media screen and ( max-width : 900px ) {
	[lang="fr-CA"] .two-panel-blue-mobile .button-container a:last-child ,
	[lang="fr-CA"] .two-panel-blue-table .button-container a:last-child {
		margin-top : 20px;
	}
}
/* @media screen and ( max-width : 1329px ) and ( min-width : 1196px ) {
	[lang="fr-CA"] .two-panel-blue-table .button-container a:nth-child(3) {
		margin-top : 20px;
	}
} */
@media screen and ( max-width : 949px ) {

}

@media screen and ( max-width : 1920px ) {
	.two-panel-blue-table td {
		padding : 2.604vw;
	}
	.two-panel-blue-table .order-search-table .td {
		padding-right : 1.563vw;
	}
}	
@media screen and ( max-width : 1472px ){
	.two-panel-blue-table .button-container a:last-child {
		margin-top : 20px;
	}
}
@media screen and ( max-width : 1400px ){
	.two-panel-blue-table td:last-child {
		width : 640px;
	}
	.two-panel-blue-table td:first-child .spacer-span {
		width : 30px;
	}
}
@media screen and ( max-width : 1185px ){
	.two-panel-blue-table {
		display : none;
	}
	.two-panel-blue-mobile {
		display : block;
	}
}

@media screen and ( max-width : 700px ){
	.two-panel-blue .order-search-table  ,
	.two-panel-blue .order-search-table > .tr {
		display : block;
	}
	.two-panel-blue .order-search-table > .tr > .td {
		display : inline-block; 
		width : 49% !important;
		padding-right : 0;
		vertical-align : top;
		padding-bottom : 10px;
	}
	.two-panel-blue .order-search-table > .tr > .td:last-child {
		text-align : right;
	}
}

@media screen and ( max-width : 640px ){
	.two-panel-blue-mobile .blue-panel {
		padding : 30px;
	}
}

@media screen and ( max-width : 750px ){
	.two-panel-blue-mobile .blue-panel.two .spacer-span {
		display : none;
	}
	.two-panel-blue-mobile .blue-panel.two .breaker-span {
		display : inline;
		display : block;
		height : 2rem;
	}
}
@media screen and ( max-width : 460px ){
	.two-panel-blue .order-search-table ,
	.two-panel-blue .order-search-table .tr ,
	.two-panel-blue .order-search-table > .tr > .td {
		display : block;
		width : 100% !important;
	}
}
@media screen and ( max-width : 460px ){
	.two-panel-blue-mobile .blue-panel.one .spacer-span {
		width : 15px;
	}
}
@media screen and ( max-width : 350px ){
	.two-panel-blue-mobile .blue-panel.one .spacer-span {
		display : none;
	}
	.two-panel-blue-mobile .blue-panel.one .breaker-span {
		display : inline;
		display : block;
		height : 2rem;
	}
	
}
/************
	
	page title

*************/
.customer-page-title-wrapper {
	background-color : #3dc6f3;
	padding-top : 125px;
	height : 279px;
	margin-bottom : 35px
}
.page-id-1384 .customer-page-title-wrapper ,
.page-id-1382 .customer-page-title-wrapper {
	margin-bottom : 0px;
}
.customer-page-title-wrapper h1 {
	font-size : 3rem;
}
.customer-page-title-wrapper+main section article p.return-button {
	margin-top : 1em;
}
/************
	
	home page - four callouts above the footer

*************/

.customer-home-callout-navigation {
	font-size : 0;
	line-height : 0;
}
.customer-home-callout-navigation > div {
	line-height : 1.2;
	font-size : 2rem;
	display : inline-block;
	width : 25%;
	vertical-align : top;
	padding : 50px 35px;
	background-size : cover;
	background-repeat : no-repeat;
	background-position : center center;
	height : 315px;
}	

.customer-home-callout-navigation h2 {
	font-size : 30px;
	color : #ffffff;
}

.customer-home-callout-navigation ,
.customer-home-callout-navigation:after ,
.customer-home-callout-navigation:before ,
.customer-home-callout-navigation *,
.customer-home-callout-navigation *:after,
.customer-home-callout-navigation *:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
}

@media screen and ( max-width : 1280px ){
	.customer-home-callout-navigation > div {
		width : 50%;
		height : 24.609vw;
		padding : 3.906vw 2.734vw;
	}	
}
@media screen and ( max-width : 825px ){
	.customer-home-callout-navigation > div {
		width : 100%;
		height : 60vw;
		min-height : 280px;
		padding : 25px 20px;
	}	
}

/************
	
	promo link in the middle of the home page

*************/
.customer-home-promotion-table {
	width : 100%;
}
.customer-home-promotion-table td {
	vertical-align : middle;
	height : 125px;
	font-size : 30px;
}
.customer-home-promotion-table td:first-child {
	width : 40%;
}

.customer-home-promotion-table h2 {
	margin-bottom : 0;
	text-align : center;
}

.customer-home-promotion-table a {
	color:#414042 !important;
}
@media screen and ( max-width : 920px ){
	.customer-home-promotion-table ,
	.customer-home-promotion-table tbody ,
	.customer-home-promotion-table tr ,
	.customer-home-promotion-table td {
		display : block;
		width : 100% !important;
		height : initial !important;
	}
	.customer-home-promotion-table td {
		padding : 30px;
		text-align : center !important;
	}
}

/******************
	Printing
******************/

@media print {
	.customer-page-title-wrapper ,
	.header ,
	.footer {
		display : none !important;
	}
	.page-margins {
		padding-left : 0;
		padding-right : 0;
	}
	main {
		padding-top : 0;
		padding-bottom : 0;
	}
}

.customer-promo-section {
	margin-top : 100px;
    position: relative;
    background-image: url(./img/page-title-banner.jpg);
    background-size: cover;
    background-position: center center;
	color : #ffffff;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 29px;
	padding-top : 130px;
	padding-bottom : 100px;
}
.customer-promo-section h2 {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-size: 48px;
	line-height: 73px;
	color : #ffffff;
}
.external-site .contact-callout {
	margin-top : 100px;
}