@charset "utf-8";
/* CSS Document */
html, body { min-height: 100%; }
body {
	background-color: #fff;
	color: #75787B;
	font-family: "open-sans", 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 1.4;
	min-height: 900px;
	padding: 0;
	margin: 0 auto;
}
p, li {
	font-size: 1em;
}
h1 { font-size: 2.5em; }
h2 { font-size: 2em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.3em; }
h6 { font-size: 1.1em; }
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    line-height: 1.1;
}
h1, h2, h3 {    
    margin-top: 20px;
    margin-bottom: 10px;
}
h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

strong {
    font-weight: 700;
}
.light {
    font-weight: 300;
}
a {
	color: #3eb1c8;
	text-decoration: none;
	font-weight: 500;
	transition: all 300ms ease-in-out;
}
a:link {
	color: #3eb1c8;
}
a:visited {
	color: #3eb1c8;
}
a:hover {
	color: #e87722;
}
a:active {
	color: #e87722;
}
.open-sans {
    font-family: "open-sans", 'Open Sans', sans-serif;
}
.arno-pro {
    font-family: "arno-pro", Georgia, serif;
}
.arno-pro strong {
    font-weight: 600;
}
.fixed {
	position: fixed;
	z-index: 1000;
}

.bBorderDottedGrey {
	border-bottom: dotted 2px #a4a4a8;
}
.tBorderDottedGrey {
	border-top: dotted 2px #a4a4a8;
}
.rBorderDottedGrey {
	border-right: dotted 2px #a4a4a8;
}
.lBorderDottedGrey {
	border-left: dotted 2px #a4a4a8;
}
.bBorderDottedGreen {
	border-bottom: dotted 2px #6b9560;
}
.tBorderDottedGreen {
	border-top: dotted 2px #6b9560;
}
.rBorderDottedGreen {
	border-right: dotted 2px #6b9560;
}
.lBorderDottedGreen {
	border-left: dotted 2px #6b9560;
}

/*TABS*/

.catTab, .catTabActive {
	display: block;
	color: #fff;
	font-size: 1.2em;
	position: relative;
	padding: 10px 25px 10px 25px;
	margin-bottom: 20px;
	margin-top: 10px;
	text-align: center;
	transition: all 300ms ease-in-out;
}
.catTab {
	background: #425363;
}
.catTabActive, .catTab:hover {
	background: #6b9560;
}
.catTabActive:before {
	content: "";
	position: absolute;
	right: 70%;
	top: 100%;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-top: 10px solid #6b9560;
	border-right: 10px solid transparent;
}
/*LISTS*/
ul.standardText li {
	background: url(//elkay.scene7.com/is/image/Elkay/arrow%5Fup%5Felkay%5F2?wid=10&rotate=90&resmode=sharp2&op_colorize=6b9560&fmt=png-alpha);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 22px;
}
ul.standardText {
	list-style-type: none;
}

/*BUTTONS an CTAs*/
a.lightBGCTA,
a.ghostLightBGCTA,
a.grGlyphDarkBGCTA,
a.ghostDarkBGCTA,
a.darkBGCTA,
a.iconLightBGCTA,
a.iconDarkBGCTA {
	font-size: 1.5em;
	text-decoration: none;
	padding: 12px 20px;
	display: inline-block;
}
a.iconLightBGCTA, button.iconLightBGCTA,
a.iconDarkBGCTA, button.iconDarkBGCTA {
	font-size: 24px;
}
a.lightBGCTA, button.lightBGCTA,
a.ghostLightBGCTA, button.ghostLightBGCTA,
a.iconLightBGCTA, button.iconLightBGCTA {
	color: #75787b;
}
a.lightBGCTA:hover, a.lightBGCTA:active,
a.ghostLightBGCTA:hover, a.ghostLightBGCTA:active,
a.iconLightBGCTA:hover, a.iconLightBGCTA:active,
a.iconDarkBGCTA:hover, a.iconDarkBGCTA:active {
	color: #425563;
}
a.grGlyphDarkBGCTA,
a.ghostDarkBGCTA,
a.darkBGCTA,
a.iconDarkBGCTA {
	color: #fff;
}
a.ghostDarkBGCTA:hover, a.ghostDarkBGCTA:active {
	color: #425363;
	background-color: #fff;
}
a.darkBGCTA:hover, a.darkBGCTA:active,
a.iconDarkBGCTA:hover, a.iconDarkBGCTA:active {
	color: #eee;
}
.ghostDarkBGCTA {
	border: solid 2px #fff;
}
a.ghostLightBGCTA {
	border: solid 2px #75787B;
}
.ghostLightBGCTA:hover {
	border: solid 2px #425363;
}

/* inline glyphicon */
.lightBGCTA .glyphicon,
.ghostLightBGCTA .glyphicon,
.grGlyphDarkBGCTA .glyphicon,
.ghostDarkBGCTA .glyphicon,
.darkBGCTA .glyphicon,
.iconLightBGCTA .glyphicon,
.iconDarkBGCTA .glyphicon  {
	top: 3px;
}

/* glyphicon absolutely positioned to the right */
.lightBGCTA.glyphAbsRight,
.ghostLightBGCTA.glyphAbsRight,
.grGlyphDarkBGCTA.glyphAbsRight,
.ghostDarkBGCTA.glyphAbsRight,
.darkBGCTA.glyphAbsRight,
.iconLightBGCTA.glyphAbsRight,
.iconDarkBGCTA.glyphAbsRight  {
	position: relative;
	padding: 12px 60px 12px 20px;
}
.lightBGCTA.glyphAbsRight .glyphicon,
.ghostLightBGCTA.glyphAbsRight .glyphicon,
.grGlyphDarkBGCTA.glyphAbsRight .glyphicon,
.ghostDarkBGCTA.glyphAbsRight .glyphicon,
.darkBGCTA.glyphAbsRight .glyphicon,
.iconLightBGCTA.glyphAbsRight .glyphicon,
.iconDarkBGCTA.glyphAbsRight .glyphicon  {
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -15px;
	font-size: 30px;
}

/* glyphicon absolutely positioned to the left */
.lightBGCTA.glyphAbsLeft,
.ghostLightBGCTA.glyphAbsLeft,
.grGlyphDarkBGCTA.glyphAbsLeft,
.ghostDarkBGCTA.glyphAbsLeft,
.darkBGCTA.glyphAbsLeft,
.iconLightBGCTA.glyphAbsLeft,
.iconDarkBGCTA.glyphAbsLeft  {
	position: relative;
	padding: 12px 20px 12px 65px;
}
.lightBGCTA.glyphAbsLeft .glyphicon,
.ghostLightBGCTA.glyphAbsLeft .glyphicon,
.grGlyphDarkBGCTA.glyphAbsLeft .glyphicon,
.ghostDarkBGCTA.glyphAbsLeft .glyphicon,
.darkBGCTA.glyphAbsLeft .glyphicon,
.iconLightBGCTA.glyphAbsLeft .glyphicon,
.iconDarkBGCTA.glyphAbsLeft .glyphicon  {
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -15px;
	font-size: 30px;
}
.lightBGCTA .glyphicon,
.ghostLightBGCTA .glyphicon,
.iconLightBGCTA .glyphicon,
.grGlyphDarkBGCTA .glyphicon {
	color: #6b9560;
}
.ghostDarkBGCTA .glyphicon,
.darkBGCTA .glyphicon,
.iconDarkBGCTA .glyphicon {
	color: #fff;	
}
.lightBGCTA:hover .glyphicon, .lightBGCTA:active .glyphicon,
.ghostLightBGCTA:hover .glyphicon, .ghostLightBGCTA:active .glyphicon,
.iconLightBGCTA:hover .glyphicon, .iconLightBGCTA:active .glyphicon,
.ghostDarkBGCTA:hover .glyphicon, .ghostDarkBGCTA:active .glyphicon {
	color: #425363;
}
.darkBGCTA:hover .glyphicon, .darkBGCTA:active .glyphicon,
.iconDarkBGCTA:hover .glyphicon, .iconDarkBGCTA:active .glyphicon {
	color: #eee;
}

/*svg CTA & button */
button,
a.button,
a.cta {
    position: relative;
    display: inline-block;
    width: auto; 
    text-decoration: none;
    font-size: 1.5em;
}
button,
a.button {
    padding: 10px 50px 10px 10px;
}
a.cta {
    padding: 10px 10px 10px 50px;
}
/*use svg icon*/
button svg,
a.button svg,
a.cta svg {
    position: absolute;
    top: calc(50% - 15px);
    height: 30px;
    width: 30px;
    fill: currentColor;
}
button svg,
a.button svg {
    right: 10px;
}
a.cta svg {
    left: 10px;    
}
button.ghostLightBG,
a.button.ghostLightBG,
a.cta.ghostLightBG {
    border: 2px solid #75787B;
    color: #75787B;
    background-color: transparent;
}
button.ghostLightBG:hover,
a.button.ghostLightBG:hover,
a.cta.ghostLightBG:hover,
button.ghostLightBG:active,
a.button.ghostLightBG:active,
a.cta.ghostLightBG:active {
    border: 2px solid #165c7d;
    color: #165c7d;
    background-color: transparent;
}
button.ghostDarkBG,
a.button.ghostDarkBG,
a.cta.ghostDarkBG {
    border: 2px solid #fff;
    color: #fff;
    background-color: transparent;
}
button.ghostDarkBG:hover,
a.button.ghostDarkBG:hover,
a.cta.ghostDarkBG:hover,
button.ghostDarkBG:active,
a.button.ghostDarkBG:active,
a.cta.ghostDarkBG:active {
    background-color: #fff;
    color: #15425c;
}

/* FORMS */
label {
    display: block;
    font-weight: 400;
    font-size: .8em;
    line-height: 1;
    margin: 2em auto .3em;
}
label.required {
    font-weight: 700;
}
label.required:after {
    content: ' *';
}

input,
select,
textarea {
	line-height: 1;
	padding: .2em;
	margin: 0;
	border: 1px solid #dae0e5;
	width: 100%;
    max-width: 600px;
	border-radius: 0;
	font-size: 1em;
}
input,
select {    
	height: 2.5em;
}
textarea {
    height: 7em;
}
select option {
    padding: 3px;
}
input.required,
select.required {
    border: 1px solid #c4c8cc;
}
input::placeholder,
textarea::placeholder {
	color: #dae0e5;
	opacity: 1;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 1em;
	color: #6b9560;
	font-size: 1em;
    width: 1em;
    height: 1em;
} 
label.form-radio,
label.form-check {
    margin: 0 auto;
    height: auto;
}

.form-radio input[type="radio"]:before,
.form-check input[type="checkbox"]:before {
	content: ' ';
	position: absolute;
	left: 0; 
	top: 4px;
	width: 1.1em; 
	height: 1.1em;
	padding: 0;
	-webkit-box-shadow: 0px 0px 0px 1px #e8e8e8;
	-moz-box-shadow: 0px 0px 0px 1px #e8e8e8;
	box-shadow: 0px 0px 0px 1px #e8e8e8;
	background-color: #fff;
	line-height: 1;
}
.form-radio input:before {	
	border: 5px solid #fff;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
}
.form-radio input[type="radio"]:checked:before {
	background-color: #6b9560;
}
.form-check input[type="checkbox"]:checked:before {
	content: '✔';
	color: #6b9560;
	font-weight: bold;
	text-align: center;
	font-size: 1em;
}

a.a-button:link,
a.a-button:visited,
a.a-form-search-button:link,
a.a-form-search-button:visited,
.form-button {
	margin: 0;
	padding: .2em .4em;
	font-size: 1.5em;
	font-weight: 400;
	border: none;
	width: auto;
	text-decoration: none;
}
a.a-button:link,
a.a-button:visited,
a.a-form-search-button:link,
a.a-form-search-button:visited {
	text-decoration: none;	
}
.a-form-search-button { 
	position: absolute;
	right: 0px; 
	top: 0px;
	height: 100%;
	padding: 3em .5em;
}


/*TABLES*/

.responsiveTable table {
	width: 100%;
	border-collapse: collapse;
}
.responsiveTable table tr {
	width: 100%;
}
/* Zebra striping */
.responsiveTable tr:nth-of-type(odd) {
	background: #f6f6f6;
}
.responsiveTable th {
	color: #fff;
	background: #63bed9;
	font-weight: bold;
}
.responsiveTable.international th {
	background-color: #6F87A9;
	padding: 10px;
}
.responsiveTable td, .responsiveTable th {
	/*max-width: 124px;*/
	padding: 20px 10px;
	border: 1px solid #e8e8e8;
	text-align: center;
}
.responsiveTable td {
	color: #93989a;
	text-transform: uppercase;
}

/* Reusable spacing classes */
.padding-xy-0 { 
	padding: 0em 0em 0em 0em;  
}
.padding-xy-1 {
	padding: 1em 1em 1em 1em;
}
.padding-xy-2 {
	padding: 1.5em 1.5em 1.5em 1.5em;
}
.padding-xy-3 {
	padding: 3.0em 3.0em 3.0em 3.0em;
}
.padding-x-0 {
	padding: 0px 0px 0px 0px;
}
.padding-x-1 {
	padding: 0px 1em 0px 1em;
}
.padding-x-2 {
	padding: 0px 1.5em 0px 1.5em;
}
.padding-x-3 {
	padding: 0px 3.0em 0px 3.0em;
}
.padding-y-0 {
	padding: 0em 0em 0em 0em;
}
.padding-y-1 {
	padding: 1em 0em 1em 0em;
}
.padding-y-2 {
	padding: 1.5em 0em 1.5em 0em;
}
.padding-y-3 {
	padding: 3.0em 0em 3.0em 0em;
} 
.margin-y-1 {
	margin-top: 1em;
	margin-bottom: 1em;
}
.margin-y-2 {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
.margin-y-3 {
	margin-top: 3.0em;
	margin-bottom: 3.0em;
} 
.absolute {
	position: absolute;
}
.relative {
	position: relative;
}
.abs-left { 
	left: 0px;
}
.abs-right { 
	right: 0px;
}
.abs-top {
	top: 0px;
}
.abs-bottom {
	bottom: 0px;
}
.bg-cover {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

/* Header */
.logo_header {
    width :100%;
    max-width: 200px;
    margin: 5px 5px 10px;  
    height: auto;
}
.logo_footer {
    width: 100%;
    max-width: 130px;
    margin: 0 5px 10px;
}
.logo_footer {    
    height: 18px;
}
.elkay_copyright {
    font-size: .6em;
}
.nodisplay {
    display: none;
}

/* SVG */
.even-odd{fill-rule:evenodd}