body {
	font-family: "Segoe UI";
	font-size:.883em;
}

a {
	color: #0f6c9f;
}

.homepage_slider {
	width:auto;
	max-height:600px;
	overflow:hidden;
}

.homepage_slider_dep {
	width:auto;
	max-height:600px;
	overflow:hidden;
	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7f7f7+0,ffffff+22,eeeeee+40,eeeeee+40,fcfcfc+88 */
background: rgb(247,247,247); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(247,247,247,1) 0%, rgba(255,255,255,1) 22%, rgba(238,238,238,1) 40%, rgba(238,238,238,1) 40%, rgba(252,252,252,1) 88%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 22%,rgba(238,238,238,1) 40%,rgba(238,238,238,1) 40%,rgba(252,252,252,1) 88%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 22%,rgba(238,238,238,1) 40%,rgba(238,238,238,1) 40%,rgba(252,252,252,1) 88%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#fcfcfc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b0d4e3+0,88bacf+100;Grey+3D+%233 */
background: rgb(176,212,227); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(176,212,227,1) 0%, rgba(136,186,207,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(176,212,227,1) 0%,rgba(136,186,207,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(176,212,227,1) 0%,rgba(136,186,207,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0d4e3', endColorstr='#88bacf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c3d9ff+0,b1c8ef+41,98b0d9+100;Lavender+3D */
background: rgb(195,217,255); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(195,217,255,1) 0%, rgba(177,200,239,1) 41%, rgba(152,176,217,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(195,217,255,1) 0%,rgba(177,200,239,1) 41%,rgba(152,176,217,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(195,217,255,1) 0%,rgba(177,200,239,1) 41%,rgba(152,176,217,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3d9ff', endColorstr='#98b0d9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b7deed+0,71ceef+50,21b4e2+51,b7deed+100;Shape+1+Style */
background: rgb(183,222,237); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(183,222,237,1) 0%, rgba(113,206,239,1) 50%, rgba(33,180,226,1) 51%, rgba(183,222,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(183,222,237,1) 0%,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(183,222,237,1) 0%,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.homepage_slider img {
	max-width:100%;
	max-height:100%;
	width:100%;
	height:auto;
}

.homepage_content {
	margin:1.5em 2em;
	font-size:1.07em;
	/*
	margin: 1.5em 2em;
    font-size: 1.11rem;
	*/
    padding: 1.5em;
    letter-spacing: .015rem;
    line-height: 1.6em;
}

.header {
	height:75px;
}

.logo {
	display:flex;
	align-self:center;
	padding:.93em .93em;
	height:60px;
	box-sizing:border-box;
}

.logo img {
	max-width:100%;
	max-height:100%;
}

.cartStatus {
	display: flex;
	height:100%;
	align-items: center;
}

.cartStatus a {
	color: #0f6c9f;
	text-decoration:none;
}

.cartItemCount {
	display: inline-block;
	margin: 0 3.5px;
}

.copyright {
	display:flex;
	justify-content:center;
	align-items:flex-end;
	height:100%;	
}

.copyright > div {
	margin:1.5em 0;
}

button:focus {
	outline:none;
}

.btn_blue {
	box-shadow: inset 0px 1px 0px 0px #bee2f9;
	background: linear-gradient(to bottom, #63b8ee 5%, #0098ea 100%);
	background-color: #0098ea;
	border-radius: 2px;
	border: 1px solid #008fd4;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:Arial;
	font-size:1em;
	font-weight:bold;
	font-style:italic;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #7cacde;
}

.btn_blue:hover {
	background:linear-gradient(to bottom, #468ccf 5%, #0098ea 100%);
	background-color:#468ccf;
}

.btn_blue:active {
	position:relative;
	top:1px;
}

.btn_blue:disabled, .btn_blue[disabled] {
	background-color:#f5f5f5;
	background:#f5f5f5;
	color:#aaa;
	border:1px solid #bbb;
	box-shadow:none;
	text-shadow:none;
}

.btn_yellow {
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border-radius:2px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:1em;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
	outline-width: 0;
}
.btn_yellow:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}
.btn_yellow:active {
	position:relative;
	top:1px;
}
.btn_yellow:disabled, .btn_yellow[disabled] {
	background-color:#f5f5f5;
	background:#f5f5f5;
	color:#aaa;
	border:1px solid #bbb;
	box-shadow:none;
	text-shadow:none;
}

.btn_purple {
	box-shadow:inset 0px 1px 0px 0px #e184f3;
	background:linear-gradient(to bottom, #c123de 5%, #a20dbd 100%);
	background-color:#c123de;
	border-radius:2px;
	border:1px solid #a511c0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:1em;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #9b14b3;
	font-style:italic;
	outline-width: 0;
}
.btn_purple:hover {
	background:linear-gradient(to bottom, #a20dbd 5%, #c123de 100%);
	background-color:#a20dbd;
}
.btn_purple:active {
	position:relative;
	top:1px;
}
.btn_purple:disabled, .btn_purple[disabled] {
	background-color:#f5f5f5;
	background:#f5f5f5;
	color:#aaa;
	border:1px solid #bbb;
	box-shadow:none;
	text-shadow:none;
}

.btn_grey {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border-radius:2px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.btn_grey:hover {
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	background-color:#e9e9e9;
}
.btn_grey:active {
	position:relative;
	top:1px;
}

.btn_default {
	position:relative;
	display:inline-block;
	color: #2d2c2c;
	background: linear-gradient(#f1f0f1, #caccd5);
	border: 1px solid #c3c3c3;
	border-radius: 3px;
	padding: .33rem .83rem;
	font-size: .85rem;
}

.btn_default:hover,
.btn_default:focus {
	border: 1px solid #888;
	background: linear-gradient(#f1f0f1,#caccd5);
	color: #111;
	text-decoration: none;
}
.btn_default:active {
	background: #bebebe;
	background: linear-gradient(to bottom, #bebebe, #d5d5d5);
}

.menubar {
	font-family: Arial, Helvetica;
	display: flex;
	align-items: center;
	vertical-align: middle;
	font-size: 1.08em;
	letter-spacing: .06em;
	height:100%;
}

.menubar .menu, .menubar .dropdown {
	margin: 0 .25em;
	padding: 0 .5em;
	min-width: 80px;
}

.menubar .menu {
	text-align: center;
}

.menubar .dropdown {
	text-align: center;
}

.menubar .menu:hover {
	background-color: #eee;
}

.menubar .menu a {
	color: #0f6c9f;
	text-decoration:none;
}

.menubar .menu button {
	color: #0f6c9f;
	text-decoration:none;
	border: none;
	outline: none;
	background-color: inherit;
	font-family: inherit;
	font-size: inherit;
	height:100%;
	width:100%;
	cursor:pointer;
}

.menubar .dropdown > button {
	color: #0f6c9f;
	text-decoration:none;
	border: none;
	outline: none;
	background-color: inherit;
	font-family: inherit;
	font-size: inherit;
	height:100%;
}

.menubar .dropdown:hover {
	background-color: #eee;
}

.menubar .dropdown .dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	width: 100%;
	left: 0;
	border-top: 1px solid #aaa;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	text-align: left;
}

.menubar .dropdown:hover .dropdown-content {
	display: block;
}



.menubar .dropdown2 > button {
	color: #0f6c9f;
	text-decoration:none;
	border: none;
	outline: none;
	background-color: inherit;
	font-family: inherit;
	font-size: inherit;
	height:100%;
}

.menubar .dropdown2 {
	/* Don't use this will cause popup menu to be within header being hidden */
	/*position: relative;*/
}

.menubar .dropdown2 a {
	text-decoration:none;
}

.menubar .dropdown2:hover {
	background-color: #eee;
}

.menubar .dropdown2 .dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	width: auto;
	border: 1px solid #aaa;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 100;
	padding:.2em;
}

.menubar .dropdown2:hover .dropdown-content {
	display: block;
}

.gutter_h {
	margin-top:2.5em; 
	border-top:1px solid #ddd;
	padding-top:1.5em;
}