/* Globals */

@font-face {
    font-family: 'worksans';
    src: url('Fonts/worksans-extralight.woff2') format('woff2'),
         url('Fonts/worksans-extralight.woff') format('woff');
    font-weight: 300;
}
@font-face {
    font-family: 'worksans';
    src: url('Fonts/worksans-light.woff2') format('woff2'),
         url('Fonts/worksans-light.woff') format('woff');
    font-weight: 400;
}
@font-face {
    font-family: 'worksans';
    src: url('Fonts/worksans-regular.woff2') format('woff2'),
         url('Fonts/worksans-regular.woff') format('woff');
    font-weight: 500;
}
@font-face {
    font-family: 'worksans';
    src: url('Fonts/worksans-medium.woff2') format('woff2'),
         url('Fonts/worksans-medium.woff') format('woff');
    font-weight: 600;
}
@font-face {
    font-family: 'worksans';
    src: url('Fonts/worksans-semibold.woff2') format('woff2'),
         url('Fonts/worksans-semibold.woff') format('woff');
    font-weight: 700;
}
@font-face {
    font-family: 'worksans';
    src: url('Fonts/worksans-bold.woff2') format('woff2'),
         url('Fonts/worksans-bold.woff') format('woff');
    font-weight: 800;
}

@media print {
	.hidden-print {
		display: none;
	}
}

.hh-blue {
	color: #003e6c !important;
}
.hh-green {
	color: #69bf32 !important;
}
.hh-blue-bg {
	background: #003e6c;
}
.hh-ltblue-bg {
	background: #e6e9eb;
}
.hh-green-bg {
	background: #69bf32;
}

body {
	font-family: worksans, "Helvetica Neue", Arial, sans-serif;
	font-size: 18px;
	line-height: 1.25;
}

strong {
	font-weight: 600;
}

hr.green-line,
h1::after {
	margin: 0 auto;
	height: 2px;
	width: 170px;
	background: #5eb72c;
}

h1 {
	font-size: 46px;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	margin: 36px 0;
}
h1::after {
	content: '';
	display: block;
	margin-top: 10px;
}
h2 { /* Product overview */
	margin: 0 0 20px;
}
h3 { /* Product and Article list title */
	font-size: 23px;
	font-weight: 700;
	margin: 18px 0;
	line-height: 1;
	color: #009b3d;
}
h3 a,
h3 a:hover {
	color: inherit;
}
h4 { /* Product helps, Article related products */
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 10px 0 8px;
	margin: 32px 0 20px;
	border-top: 1px solid #e6e9eb;
	border-bottom: 1px solid #e6e9eb;
}

p,
ul {
	margin: 0 0 10px;
}

dl {
	margin: 0;
}
dt {
	font-weight: bold;
	float: left;
	width: 160px;
	clear: both;
}
dd {
	margin-left: 180px;
}

.form-control,
.btn {
	border-radius: 0;
	font-size: 18px;
}
.form-control {
	height: 50px;
	padding: 6px 6px;
}
.btn {
	padding: 16px 20px 15px;
	text-transform: uppercase;
	color: #fff;
	border: none;
	font-weight: 700;
	white-space: normal;
	line-height: 19px;
}
.btn-success {
	background: #69bf32;
}
.btn-primary {
	background: #003e6c;
}
.btn-danger {
	background: #a80000;
}
.input-sm {
	height: 33px;
	padding: 3px 6px;
}
.btn-sm {
	padding: 8px 10px 6px;
}
.control-label {
	font-weight: 400;
}
.form-control-static {
	padding-top: 14px;
}
.help-block {
	font-size: 85%;
}

.text-right {
	text-align: right;
}

.redbody {
	color: #d93f2c;
	font-size: 16px;
}

.max-md {
	max-width: 970px;
}

.margin-bottom {
	margin-bottom: 60px;
}

@media (max-width:1199px) {
	.btn-sm {
		padding-left: 9px;
		padding-right: 9px;
	}
}
@media (max-width:767px) {
	h1 {
		font-size: 40px;
	}
	dt {
		float: none;
	}
	dd {
		margin-left: 0;
		margin-bottom: 10px;
	}
}
@media (min-width:768px) {
	.form-horizontal .control-label {
		padding-top: 12px;
	}
}

/* Master - Header */

.top-bar {
	padding: 9px 0 8px;
	line-height: 1.33334;
	text-align: center;
}
.top-quality {
	float: left;
	font-weight: 600;
}
.top-freight {
	float: right;
	font-weight: 800;
	text-transform: uppercase;
	color: #69bf32;
}

.header-logo {
	margin-top: 5px;
	float: left;
}
.header-logo:hover,
.header-logo:focus {
	text-decoration: none;
	color: #009b3d;
}
.header-logo>img {
	width: 360px;
	max-width: 100%;
}

.header-right {
	float: right;
	text-align: right;
	margin: 20px 0;
}
.header-info {
	float: left;
}
.header-phone {
	font-size: 22px;
	font-weight: 700;
}
.header-phone>img {
	vertical-align: -2px;
	width: 20px;
}
.header-phone>a {
	text-decoration: none;
	color: inherit;
}
.header-nz {
	margin-top: 6px;
}
.header-search {
	width: 264px;
	position: relative;
	float: left;
	margin-top: 2px;
	margin-left: 20px;
}
.header-search .form-control {
	padding-right: 44px;
}
.searchbox_submit {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	border: none;
	background: none;
	padding: 8px;
}
.searchbox_submit>img {
	width: 28px;
}
.searchbox_submit:hover>img {
	opacity: 0.85;
}

@media (min-width:992px) and (max-width:1199px) {
	.top-bar {
		font-size: 16px;
	}
}
@media (max-width:991px) {
	.top-bar {
		padding: 6px 0;
	}
	.top-quality,
	.top-freight,
	.header-info,
	.header-search {
		float: none;
	}
	.header-logo {
		margin-top: 10px;
	}
	.header-search {
		margin-top: 8px;
		margin-left: 0;
	}
}
@media (min-width:768px) and (max-width:991px) {
	.header {
		position: relative;
	}
	.header-right {
		margin: 15px 0;
	}
	.header-nz {
		position: absolute;
		left: 20px;
		top: 85px;
        font-size: 16px;
	}
}
@media (max-width:767px) {
	.header-logo {
        margin-top:10px;
        margin-bottom:8px;
		font-size: 7.5px;
		float: none;
		display: block;
	}
	.header-right {
		float: none;
		text-align: left;
	}
	.searchbox {
		height: 44px;
	}
}

/* Master - Menubar */

.menubar {
	font-size: 19px;
	text-transform: uppercase;
	text-align: center;
	font-weight: 500;
	line-height: 30px;
}
.menubar a,
.menubar .btn-link {
	color: #fff;
	padding: 12px 12px 10px;
	display: block;
	float: left;
}
.menubar a.active,
.menubar a:hover,
.menubar .btn-link.active,
.menubar .btn-link:hover {
	color: #fff;
	background: #003e6c;
	text-decoration: none;
}
.menubar a.active {
	font-weight: 700;
}
.menubar-right {
	float: right;
}
#CookieWarning:not(:empty) {
	font-size: 12px;
	line-height: 1.25;
	width: 340px;
	text-transform: none;
	color: #d93f2c;
}
.cart-icon {
	height: 21px;
	vertical-align: -4px;
}
.cart-icon+span {
	margin-left: 5px;
}
.order-count {
	display: inline;
}
.menubar .login-name {
	text-transform: none;
}
#txtLonginName {
	font-weight: 600;
}
.menubar .login-button {
	font-weight: 700;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 20px;
}
.menubar-toggle:not(.collapsed),
.login-button:not(.collapsed) {
	color: #003e6c;
	background: #e6e9eb;
}
.btn-logout {
	font-size: 0.9em;
	border: none;
}

@media (min-width:992px) {
	#main-menu {
		display: block;
	}
}
@media (max-width:1199px) {
	.menubar {
		font-size: 17px;
		line-height: 26px;
	}
}
@media (min-width:992px) and (max-width:1199px) {
	.menubar a {
		padding-left: 10px;
		padding-right: 10px;
	}
	.menubar .login-button {
		padding-left: 10px;
		padding-right: 10px;
		margin-left: 6px;
	}
}
@media (max-width:991px) {
	.menubar>.container {
		position: relative;
	}
	.menubar-toggle {
		font-weight: 700;
	}
	.toggle-icon {
		border-top: 2px solid currentcolor;
		border-bottom: 2px solid currentcolor;
		display: inline-block;
		width: 16px;
		padding: 4px 0;
		vertical-align: -1px;
	}
	.toggle-icon::before {
		content: '';
		display: block;
		background: currentcolor;
		height: 2px;
	}
	#main-menu {
		position: absolute;
		top: 52px;
		left: 15px;
		z-index: 10;
		text-align: left;
		min-width: 180px;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
				box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	}
	#main-menu a {
		display: block;
		float: none;
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media (max-width:767px) {
	.menubar>.container {
		padding: 0;
	}
	.menubar a,
	.menubar .login-button {
		padding: 12px 12px 10px;
	}
	.menubar .login-button {
		margin-left: 10px;
	}
	#main-menu {
		left: 0;
		top: 48px;
		width: 100%;
	}
}

/* Master - Login Popover */

#AnonymousTemplate2 {
	position: absolute;
	width: 100%;
	z-index: 10;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
			box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	-webkit-font-smoothing: subpixel-antialiased;
}
.login-panel {
	text-align: right;
	padding-top: 22px;
	padding-bottom: 22px;
}
.login-panel .btn-primary {
	float: left;
	width: 180px;
	padding: 11px 15px 10px;
}
.login-panel .form-inline {
	float: right;
}
.login-panel .control-label,
.login-panel .form-control {
	font-size: 16px;
	text-align: left;
	margin-right: 6px;
	margin-bottom: 10px;
}
.login-panel .form-control {
	width: 250px;
}
.login-panel .btn-success {
	vertical-align: top;
}
.forgot-password {
	font-size: 16px;
	margin-top: 5px;
	display: inline-block;
}
#LogonFailedMessage {
	position: relative;
	top: 5px;
	font-weight: 500;
}

@media (max-width:1199px) {
	.login-panel .control-label {
		display: block;
		margin-bottom: 5px;
	}
}
@media (max-width:991px) {
	.login-panel #txtPassword {
		margin-right: 0;
	}
	.forgot-password {
		margin-top: 16px;
		float: left;
	}
	#LogonFailedMessage {
		text-align: left;
		margin-top: 5px;
	}
}
@media (max-width:767px) {
	.login-panel .form-inline {
		float: none;
	}
	.login-panel .form-control {
		width: 100%;
		margin-right: 0;
	}
	.login-panel .btn-success {
		padding-left: 15px;
		padding-right: 15px;
	}
	.login-panel .btn-primary {
		width: auto;
		margin-top: 20px;
	}
}

/* Master - Sub Header */

.header-extra {
	border-bottom: 1px solid #ccc;
}
.header-table,
.logged-in-links {
	display: table;
	width: 100%;
	font-size: 16px;
	text-align: center;
	height: 52px;
}
.header-table>div,
.logged-in-links>a {
	padding: 2px 15px 0;
	display: table-cell;
	vertical-align: middle;
	color: inherit;
}
.header-promise,
.logged-in-links>a {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.header-guarantee>img {
	vertical-align: -2px;
}
.header-extra .hh-blue {
	font-weight: 600;
	text-transform: uppercase;
}
.support-24 {
	font-weight: 800;
}

#LoggedInTemplate2 {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.logged-in-links {
	border-collapse: collapse;
	-border-bottom: 1px solid #ccc;
}
.logged-in-links img {
	margin-left: 10px;
}

/* Master - Footer */

.footer {
	font-size: 16px;
	padding: 16px 0 12px;
}
.footer-left {
	float: left;
}
.footer .header-phone {
	margin-bottom: 4px;
}
.footer-right {
	padding-top: 6px;
	text-align: right;
}

.footer2 {
	color: #fff;
	padding: 12px 0 10px;
}
.footer2 a {
	color: inherit;
}
.footer-logo {
	float: right;
	margin-top: 20px;
}
.footer-logo>img {
	width: 251px;
}
.footer-menu {
	font-size: 19px;
	line-height: 27px;
	margin: 12px 0;
	font-weight: 500;
	text-transform: uppercase;
}
.footer-menu a {
	margin-right: 24px;
}
.footer-links {
	font-size: 16px;
	color: #000;
	margin: 10px 0;
}
.footer-links .pipe {
	margin: 0 12px;
}

@media (max-width:1199px) {
	.footer-menu {
		font-size: 18px;
	}
	.footer-menu a {
		margin-right: 12px;
	}
	.footer2 {
		text-align: center;
	}
	.footer-logo {
		float: none;
	}
	.footer-links {
		margin: 15px 0 0;
	}
	.footer-links .pipe:last-child {
		display: block;
		visibility: hidden;
		height: 10px;
	}
}

/* Default */

#slider-control {
	margin-top: 32px;
}
.carousel-control {
	opacity: 0.7;
}
.carousel-control.left,
.carousel-control.right {
	background-image: none;
	filter: none;
	width: 8%;
}
.carousel-control img {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.carousel-control.left img {
	left: 0;
}
.carousel-control.right img {
	right: 0;
	-webkit-transform: scaleX(-1);
		-ms-transform: scaleX(-1);
			transform: scaleX(-1);
}

@media (max-width:991px) {
	#related-products-list .product:last-child,
	#related-articles-list .article:last-child {
		display: none;
	}
}

#slider-control-mobile .carousel-control img {
   width: 30px;
}

/* ProductControl */

.product {
	text-align: center;
	position: static; /* better for tooltip */
}
.product-image-holder {
	display: block;
	position: relative;
	padding-top: 151.7%;
}
.product-image,
.article-image {
	max-width: 100%;
}
.product-image-holder .product-image {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.product-name {
	height: 46px;
	margin: 18px 0 10px;
	overflow: hidden;
}
.product-headline,
.article-headline {
	height: 66px;
	margin: 10px 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.product-price {
	font-size: 30px;
	margin: 16px 0 24px;
}
.ea {
	font-size: 20px;
	vertical-align: baseline;
}
.product-controls {
	display: inline-block;
}
.product-controls .btn-success {
	float: left;
}
.product .four-plus {
	float: right;
}
.product-controls .input-group {
	width: 124px;
	margin-left: 10px;
	display: inline-table;
	vertical-align: middle;
	text-align: right;
}
.four-plus~.input-group {
	margin-right: 10px;
}
.product-controls .form-control {
	text-align: center;
}
.product-controls .input-group .btn-primary {
	width: 64px;
}
.product-controls .btn-danger {
	margin-right: 0 !important;
}
.product-warning {
	font-size: 16px;
	position: relative;
}
span.product-warning {
	display: block;
	margin-top: 5px;
}
.product-warning span {
	display: block;
	margin: 5px auto 0;
	position: absolute;
	left: 0;
	right: 0;
}

#product-list.view-list .row,
#product-list.view-all .row {
	margin: 0;
}
#product-list.view-list .product,
#product-list.view-all .product,
#article-list.view-list .article {
	width: 100%;
	max-width: 940px;
	border-top: 1px solid #e6e9eb;
	margin: 0 auto;
	float: none;
}
#product-list.view-list .product {
	padding: 4px 0 4px 12px;
}
#product-list.view-list .product:last-child,
#product-list.view-all .product:last-child {
	border-bottom: 1px solid #e6e9eb;
	margin-bottom: 80px;
}
#product-list.view-list .product-image-holder {
	padding: 0;
	width: 123px;
	float: left;
}
#product-list.view-list .product-image {
	position: static;
}
#product-list.view-list .product-top {
	float: left;
	margin-left: 60px;
	width: 550px;
	text-align: left;
}
#product-list.view-list .product-name {
	margin: 34px 0 6px;
	height: auto;
}
#product-list.view-list .product-price,
#product-list.view-list .product-controls,
#product-list.view-list .btn-success {
	float: right;
}
#product-list.view-list .product-price {
	margin: 32px 0 8px;
}
#product-list.view-list .btn-success {
	margin-left: 10px;
	margin-bottom: 12px;
}
#product-list.view-list .input-group {
	display: table;
	width: 124px;
	margin: 0;
	clear: both;
}
#product-list.view-list .input-group .btn-primary {
	width: 64px;
}
#product-list.view-list .product-warning {
	float: right;
	clear: right;
	text-align: right;
	max-width: 597px;
	max-width: calc(100% - 123px);
}
#product-list.view-list .product-warning span {
	position: static;
}

#product-list.view-all .product {
	padding: 4px 12px;
}
#product-list.view-all .product-image-holder,
#product-list.view-all .product-headline {
	display: none;
}
#product-list.view-all .product {
	text-align: left;
}
#product-list.view-all .product-top {
	float: left;
	width: 475px;
	margin: 10px 20px 5px 0;
}
#product-list.view-all .product-name {
	height: auto;
	margin: 0;
}
#product-list.view-all .product-price {
	float: left;
	margin: 3px 0 0;
}
#product-list.view-all .product-controls {
	float: right;
	margin-top: 3px;
}
#product-list.view-all .four-plus {
	float: left;
}
#product-list.view-all .btn-success {
	float: none;
	margin-left: 10px;
}
#product-list.view-all .input-group {
	float: right;
	margin: 0 0 0 10px;
}

@media (max-width:1199px) {
	.product-controls .input-group {
		width: 106px;
		margin: 0 6px;
	}
	.product-controls .input-group .btn {
		width: auto;
	}
}
@media (max-width:991px) {
	#product-list.view-list .product {
		padding-left: 0;
	}
	#product-list.view-list .product-top {
		margin-left: 20px;
		width: 390px;
	}
	#product-list.view-all .product-top {
		width: 275px;
	}
}
@media (max-width:767px) {
	.product {
		text-align: left;
	}
	.product .product-image-holder {
		width: 41%;
		max-width: 150px;
		min-height: 150px;
		float: left;
		margin-right: 12px;
		padding: 0;
	}
	.product .product-image {
		position: static;
	}
	.product .product-headline,
	.product .btn-success {
		display: none;
	}
	.product .product-name {
		margin-top: 8px;
		height: 69px;
		line-height: 69px;
	}
	.product .product-name>a {
		line-height: 1;
		vertical-align: middle;
		display: inline-block;
	}
	.product .product-price {
		font-size: 28px;
		margin-bottom: 16px;
	}
	.product .input-group {
		margin-left: 0;
	}
	.product-warning span {
		position: static;
	}
}

/* ArticleControl */

#related-articles-list h1 {
	margin-top: 20px;
}
.article-name {
	height: 69px;
	margin: 30px 0 12px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.article-author {
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.article-link {
	font-weight: 600;
}

#article-list.view-list .article {
	padding: 26px 0;
}
#article-list.view-list .article-image-link {
	margin-right: 30px;
	float: left;
}
#article-list.view-list .article-image {
	width: 164px;
}
#article-list.view-list .article-name {
	margin: 0 0 4px;
	height: auto;
}
#article-list.view-list .article-headline {
	height: auto;
	-webkit-line-clamp: none;
}

@media (max-width:767px) {
	.article .article-image {
		width: 39%;
		max-width: 150px;
		float: left;
		margin-right: 12px;
	}
	.article .article-name {
		margin-top: 0;
		height: auto;
		display: block;
	}
	.article .article-author {
		white-space: normal;
	}
	.article .article-headline,
	.article .article-link {
		display: none;
	}
}

/* Common Links */

.common-links {
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	line-height: 1;
	margin: 60px 0;
	font-size: 10px;
}
.common-links>div {
	padding: 0;
}
.common-links a {
	display: block;
	color: inherit;
}
.common-links a:hover,
.common-links a:focus {
	text-decoration: none;
}

.links-specials {
	height: 21.4em;
	padding: 4em 20% 3em;
}
.links-specials div {
	font-size: 5em;
}
.links-specials small {
	font-size: 1.8em;
	text-transform: none;
	line-height: 1.25;
}
.links-catalogue {
	height: 15.4em;
	padding: 2.5em 3% 2em;
	font-weight: 600;
	line-height: 1.1;
}
.links-catalogue div {
	font-size: 3em;
}
.links-catalogue img {
	display: block;
	margin: 2px auto 0;
}
.links-download {
	height: 14em;
	padding: 2.3em 10% 2em;
	font-weight: 600;
	line-height: 1.1;
}
.links-download div {
	font-size: 3em;
}
.links-login {
	height: 29.4em;
	padding: 3.5em 14% 1.5em;
	font-weight: 300;
}
.links-login div {
	font-size: 4em;
}
.links-login img {
	display: block;
	margin: 5px auto 0;
}
#lnkUpdateYourDetails {
	padding: 3.6em 6% 3em;
}
#lnkUpdateYourDetails img {
	margin-top: 20px;
}
.links-about {
	height: 21.4em;
	padding: 7em 10% 6em;
	font-weight: 700;
	text-align: left;
	background: url('/StaticImages/ourhistory.jpg');
}
.links-about div {
	font-size: 4em;
}
.links-faq {
	height: 14em;
	padding: 2.4em 20% 1.6em;
	font-weight: 600;
	line-height: 1.1;
}
.links-faq div {
	font-size: 3em;
}
.links-articles {
	height: 22.8em;
	padding: 2.5em 4%;
}
.links-articles div {
	font-size: 5em;
}
.links-articles small {
	display: block;
	font-size: 1.8em;
	line-height: 1.25;
	margin-bottom: 15px;
}
.links-delivery {
	height: 14em;
	padding: 2.5em 35% 1.5em 7.5%;
	font-weight: 700;
	text-align: left;
}
.links-delivery div {
	font-size: 2.3em;
}
.links-delivery img {
	position: absolute;
	width: 27.63%;
	bottom: 2em;
	right: 7.5%;
}

@media (min-width:992px) and (max-width:1199px) {
	.common-links {
		font-size: 9.5px;
	}
	.links-login {
		padding-left: 8%;
		padding-right: 8%;
	}
	.links-about {
		padding-left: 6%;
		padding-right: 4%;
	}
}
@media (max-width:991px) {
	.common-links {
		font-size: 9.5px;
	}
	.common-links>div:nth-child(3) {
		float: right;
	}
	.links-about {
		height: 16.2em;
		padding-top: 5em;
		padding-bottom: 4em;
	}
}

/* About */

.about-image {
	display: block;
	margin-bottom: 36px;
	max-width: 100%;
}

.about-history .row {
	margin-bottom: 20px;
}

.about-text p:first-child {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 20px;
}

.about-images {
	margin: 60px 0 20px;
	padding: 60px 0;
}

hr.hh-blue-bg {
	height: 1px;
	max-width: 360px;
	margin: 32px auto;
}

.about-tag {
	text-align: center;
	font-weight: 700;
}

.about-philosophy hr,
.about-philosophy .row {
	margin-top: 60px;
}
.about-philosophy .about-image {
	margin: 0;
}

@media (max-width:767px) {
	.about-images {
		margin: 60px 0 20px;
		padding: 60px 0;
	}
	.about-images .row>div {
		margin-bottom: 30px;
	}
}

/* All Products */

.menubar-wrapper {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 50px;
}
.menubar2 {
	margin: 0;
	border-collapse: collapse;
}
.menubar2>li {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.menubar2>li>a {
	padding: 16px 16px 14px;
	white-space: nowrap;
	color: inherit;
}
.menubar2 a:hover,
.menubar2 li.active {
	background-color: #e6e9eb;
	color: inherit;
}
.dropdown-icon {
	margin-left: 10px;
}
.dropdown-icon::before {
	content: url('/StaticImages/arrowdown.png');
}
.menubar2>li:hover .dropdown-menu {
	display: block;
}
.menubar2 .dropdown-menu {
	min-width: 100%;
	min-width: calc(100% + 2.4px); /* Perfect positioning in all browsers is hard when 100% is not an integer - the extra .4 helps Safari */
	left: auto;
	margin: 0 -1px;
	border-radius: 0;
	font-size: 16px;
}
.menubar2 .dropdown-menu>li>a {
	padding: 4px 16px 2px;
}

.menubar2 .view-toggle-holder {
	white-space: nowrap;
	padding: 0 9px 0 10px;
	width: .01%;
	line-height: 33px;
}
.view-toggle-holder label {
	margin: 0;
	vertical-align: top;
	cursor: pointer;
}
.view-toggle {
	display: none;
}
.view-toggle+div {
	width: 33px;
	height: 33px;
}
.view-list-icon {
	background-image: url('/StaticImages/listview.png');
}
.view-image-icon {
	background-image: url('/StaticImages/imageview.png');
}
.view-all-icon {
	background-image: url('/StaticImages/allview.png');
}
.view-toggle-holder label:hover .view-list-icon,
.view-toggle:checked+.view-list-icon {
	background-image: url('/StaticImages/listviewro.png');
}
.view-toggle-holder label:hover .view-image-icon,
.view-toggle:checked+.view-image-icon {
	background-image: url('/StaticImages/imageviewro.png');
}
.view-toggle-holder label:hover .view-all-icon,
.view-toggle:checked+.view-all-icon {
	background-image: url('/StaticImages/allviewro.png');
}

.pager-control {
	display: block;
	text-align: right;
	font-size: 0;
}
.pager-control>* {
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
}
.pager-control a:hover {
	background: #e6e9eb;
}
.pager-prev {
	-webkit-transform: scaleX(-1);
		-ms-transform: scaleX(-1);
			transform: scaleX(-1);
}
.pager-num {
	padding-top: 2px;
}
.pager-num.active {
	color: #fff;
}
.pager-control .aspNetDisabled {
	display: none;
}

@media (max-width:767px) {
	.menubar-wrapper .container {
		padding: 0;
	}
	.menubar2>li {
		border: none;
	}
	.menubar2>li>a {
		padding-top: 12px;
		padding-bottom: 10px;
		margin: 0;
	}
	.menubar2 .dropdown-menu {
		margin: 0;
		border-left: none;
		border-right: none;
		min-width: 100%;
	}
	.pager-control {
		margin-left: -7px;
		margin-right: -7px;
	}
	.pager-control>* {
		width: 38px;
	}
}

/* Product */

.product-main {
	text-align: center;
	margin-bottom: 20px;
}
.product-main img {
	max-width: 100%;
}
.product-main-headline {
	font-size: 20px;
	font-weight: 500;
	margin: 24px 0;
}
.product-main .product-price {
	margin-top: 42px;
}
.unit-name {
	font-size: 18px;
	text-transform: uppercase;
}
.product-main .product-controls .input-group {
	margin: 0 5px 0 0;
}
.product-icons {
    	margin: 20px 0 10px;
}
.product-icon {
    margin: 0 10px 0 10px;
    font-size: .9em;
    font-weight: bold;
}
.product-directions {
	margin: 0 0 50px;
}
.product-directions>:first-child::before {
	content: 'DIRECTIONS ';
	color: #003e6c;
	font-weight: 600;
}
.product-share a {
	vertical-align: middle;
}

#health-benefits-list {
	padding-left: 20px;
}
#health-benefits-list li {
	margin-bottom: 12px;
}
#health-conditions-list {
	list-style: none;
	padding: 0;
}
#health-conditions-list li {
	margin-bottom: 9px;
}

#ingredients table {
	width: 100%;
}
#ingredients th {
	font-weight: 600;
	text-transform: uppercase;
}
#ingredients td {
	font-size: 16px;
}
#ingredients tr:nth-child(even)>td {
	background: #e6e9eb;
}
#ingredients tr>* {
	padding: 8px 0 6px;
	text-align: center;
	border: 1px solid #e6e9eb;
	border-right: none;
}
#ingredients tr>:first-child {
	text-align: left;
	border-left: none;
}

#reviews p {
	color: #009b3d;
	font-size: 16px;
	text-align: center;
	margin-bottom: 30px;
}
#reviews i {
	display: block;
	font-style: normal;
	margin-bottom: 10px;
	color: #000;
	font-size: 18px;
}
#reviews p::after {
	content: '';
	display: block;
	margin: 20px auto 0;
	height: 2px;
	width: 170px;
	background: #5eb72c;
}

/* Article */

.article-page h1 {
	margin-bottom: 8px;
}
.article-page h1::after {
	content: none;
}

.article-by {
	font-size: 20px;
	font-style: italic;
	font-weight: 500;
	color: #666;
	text-align: center;
}
.article-date {
	text-align: center;
	margin: 4px 0 30px;
	color: #666;
}

.article-page .row {
	margin-top: 40px;
}

.article-image-col .article-image {
	display: block;
	margin: 0 auto 80px;
}

.article-content {
	float: right;
}
.article-content p:first-child {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 20px;
}
.article-content strong {
	color: #003e6c;
}

.article-author-col {
	clear: left;
}

.author {
	text-align: center;
}
.author-about {
	font-size: 36px;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 2px;
}
.author-link {
	text-transform: uppercase;
}
.author .green-line {
	margin-top: 18px;
	margin-bottom: 30px;
}
.author-image {
	max-width: 100%;
}
.author-description {
	margin-top: 24px;
	text-align: left;
}

#related-products-list ul {
	list-style: none;
	padding: 0;
}

.article-share {
	font-weight: 400;
}
.article-share a {
	vertical-align: middle;
}

@media (max-width:991px) {
	.article-content {
		float: none;
	}
	.article-image-col {
		margin-right: 15px;
	}
	.article-page .article-image {
		margin-bottom: 30px;
	}
}
@media (max-width:767px) {
	.article-image-col {
		margin-right: 5px;
	}
	.article-page .article-image {
		margin-bottom: 20px;
	}
}

/* FAQ */

.faq-page img {
	max-width: 100%;
}
.faq-page h3 {
	margin: 30px 0 12px;
}
.faq-page .four-plus {
	float: left;
	margin: 4px 10px 0 0;
}

/* Contact */

.contact-grid {
	text-align: center;
}
.contact-grid p {
	max-width: 180px;
	margin: 8px auto 10px;
}
.contact-grid a {
	font-weight: 500;
	color: inherit;
	text-decoration: none;
}
.contact-grid>.col-md-4 {
	margin-bottom: 50px;
}
.contact-grid hr {
	clear: both;
	border-top: 1px solid #e6e9eb;
	margin: 50px 15px;
}

.contact-map {
	display: block;
	margin-top: 20px;
}

.contact-form .form-group {
	margin-bottom: 18px;
}

@media (max-width:767px) {
	.contact-grid span {
		display: block;
	}
	.contact-detail {
		font-size: 17px;
	}
	.contact-map {
		height: 300px;
	}
}

/* Downloads */

.download .product-name {
	margin-top: 28px;
}

/* Logon */

.login-buttons {
	margin-top: 27px;
	margin-bottom: 10px;
}
.login-buttons+.checkbox-holder {
	margin-bottom: 10px;
}
#lnkForgotPassword {
	white-space: nowrap;
}

label.form-group {
	display: block;
}

span.checkbox-holder {
	display: inline-block;
	margin-right: 40px;
}
.checkbox-holder input {
	display: none;
}
.checkbox-holder label {
	font-weight: 500 !important;
	line-height: 32px;
	text-align: left;
	position: relative;
}
.checkbox-holder label::before {
	content: '\a0';
	display: inline-block;
	width: 36px;
	height: 36px;
	vertical-align: 2px;
	border: 1px solid #aaa;
	margin-right: 14px;
}
.checkbox-holder input:checked+label::after {
	content: '\2713';
	position: absolute;
	left: 0;
	top: 3px;
	width: 36px;
	text-align: center;
	font-size: 26px;
}
.checkbox-bold {
	padding-left: 50px;
	position: relative;
	margin-bottom: 10px;
}
.checkbox-bold label {
	font-weight: 600 !important;
	margin-bottom: 0;
	font-size: 20px;
	line-height: inherit;
	position: static;
}
.checkbox-bold label::before {
	position: absolute;
	left: 0;
	margin-top: 4px;
}
.checkbox-bold label::after {
	margin-top: 4px;
}

.no-cols>* {
	padding: 0;
	float: none;
	width: auto;
}

.logon-page .customer-number {
	display: none;
}

.contact-details label {
	font-weight: normal;
}
.contact-details label .form-control {
	margin-top: 5px;
}
.contact-details p {
	margin-bottom: 25px;
}
.contact-details small {
	display: block;
	padding-top: 4px;
}
.contact-details small.text-right {
	float: right;
	clear: both;
}

.country-label {
	float: left;
	width: calc(100% - 140px);
	margin: 0;
}
.zip-label {
	float: right;
	width: 130px;
	margin: 0;
}
.zip-warning {
	margin-left: -30px;
	text-align: right;
	float: right;
}

@media (min-width:768px) {
	.contact-details small.text-right {
		margin-bottom: -21px;
	}
}

/* Cart */

#MainContent_ChristmasMessage {
    color:red;
    text-align:center;
}

.checkout-page h2 {
	text-align: center;
	text-transform: uppercase;
	font-size: 23px;
	font-weight: 800;
	margin-bottom: 2px;
}
.step-note {
	text-align: center;
	margin-bottom: 40px;
}

.order-empty {
	text-align: center;
	font-weight: 700;
	font-size: 24px;
}

.cart-reward-message {
	display: block;
	background: rgba(105, 191, 50, 0.08);
	padding: 15px;
	font-size: 19px;
	margin: 40px 0;
	font-weight: 600;
	border: 1px solid #69bf32;
}
.cart-reward-message:empty {
	display: none;
}
.cart-reward-message::before {
	content: url('/staticimages/rewardsicon.png');
	float: left;
	margin-right: 10px;
}

.order-table {
	margin-bottom: 40px;
	border-collapse: collapse;
	display: table;
	width: 100%;
	position: relative;
}
.order-row {
	display: table-row;
	border-bottom: 1px solid #ccc;
}
.order-row>div {
	display: table-cell;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 25px;
}
.order-head {
	text-transform: uppercase;
	font-size: 16px;
}

.order-item-image {
	padding-left: 20px;
}
.order-item-name {
	width: 100%;
}
.order-item-remove {
	padding-right: 0 !important;
}

.order-item-image img {
	width: 123px;
}
.order-item-name .product-name {
	height: auto;
	margin-top: 10px;
}
.order-item-name .item-summary {
	overflow: hidden;
	margin-bottom: 10px;
}
.order-item-name .four-plus {
	margin-left: 20px;
}
.order-item-price,
.order-item-total {
	font-weight: 500;
	font-size: 20px;
}

.order-line-warning {	
	position: absolute;
	right: 0;
	margin-top: 30px;
	font-weight: 600;
}

.order-item-quantity,
.item-quantity {
	text-align: center;
}
.item-remove {
	border: none;
	padding: 0;
	text-transform: uppercase;
	font-size: 13px;
}

.cart-buttons {
	float: left;
	margin-bottom: 20px;
}
.cart-buttons .btn-success {
	float: left;
	margin-right: 20px;
}
.cart-buttons .btn {
	margin-bottom: 10px;
}

.order-totals {
	font-size: 20px;
	text-transform: uppercase;
	text-align: right;
}
.order-total-line {
	margin: 10px 0;
}
.order-total-label {
	display: inline-block;
}
.order-total-value {
	font-weight: 700;
	width: 120px;
	display: inline-block;
}
.order-totals hr {
	border-color: #ccc;
	clear: both;
}
.order-total-line:last-child .order-total-label {
	font-weight: 800;
}

.order-warning {
	text-align: right;
	font-size: 20px;
	font-weight: 500;
}


.freight-warning {
	margin-top: -20px;
}

.order-signature {
	margin: 40px 0 30px;
}


.order-payment {
	text-align: center;
}
.order-payment-note {
	margin: 30px 0;
}
.pay-button {
	padding-left: 80px;
	padding-right: 80px;
}
.payment-logos {
	margin: 35px 0;
}
.payment-logos img {
	margin: 0 10px;
}

@media (min-width:992px) {
	.order-item-name {
		padding-left: 30px;
	}
}
@media (min-width:768px) {
	.order-item-name {
		direction: rtl;
		font-size: 0;
		text-align: left;
	}
	.order-item-name-wrapper {
		direction: ltr;
		font-size: 18px;
	}
	.order-item-name .four-plus~.order-item-name-wrapper {
		display: inline-block;
		vertical-align: middle;
		max-width: 80%;
		max-width: calc(100% - 53px);
	}
	.order-signature {
		text-align: center;
	}
	.order-signature .checkbox-holder {
		display: inline-block;
		margin: 0 20px;
	}
}
@media (max-width:767px) {
	.order-item-row {
		display: block;
		padding: 5px 0;
	}
	.order-row>.order-item-name {
		display: block;
		padding-left: 0;
		padding-right: 0;
	}
	.order-item-name .product-name {
		margin: 0;
	}
	.order-item-name .four-plus {
		float: right;
		margin-top: -5px;
	}
	.order-item-quantity {
		width: 100px;
	}
	.order-item-remove {
		width: 1%;
	}
	.order-line-warning {
		position: static;
	}
	.order-totals {
		clear: left;
	}
	.order-total-label {
		max-width: calc(100% - 128px);
		vertical-align: middle;
	}
}

/* Preferences */

.update-details-page #btnUpdateDetails {
	margin-top: 5px;
}

.update-details p {
	margin-bottom: 20px;
}

.privacy-policy {
	display: inline-block;
	margin-top: 10px;
}

.confirmation-message {
	font-weight: 500;
	display: block;
	margin-top: 10px;
}

/* Order History */

.order-history h3 {
	color: inherit;
}

.history-table {
	display: table;
	width: 100%;
	border-collapse: collapse;
}
.history-table>div {
	display: table-row;
}
.history-table>div>div {
	display: table-cell;
	padding: 9px 8px 7px;
}

.history-header>div {
	font-weight: 600;
	border-bottom: 2px solid #ccc;
}
.history-row {
	cursor: pointer;
	border-top: 1px solid #ccc;
}
.history-row:hover {
	background: #f5f5f5;
}

dl {
	white-space: nowrap;
	width: 110px;
}

.view-order {
	margin-top: 20px;
}
.order-total-row {
	border-bottom: none;
}
.order-total-row .order-item-total {
	font-weight: bold;
}

@media (max-width:767px) {
	.history-table>.history-header {
		display: none;
	}
	.history-table>.history-row>div {
		display: block;
	}
	.history-row>:nth-child(1),
	.history-row>:nth-child(3) {
		float: left;
	}
	.history-row>:nth-child(even) {
		text-align: right;
	}
	.history-row>:nth-child(n+3) {
		padding-top: 0;
	}
	.no-tracking {
		margin-top: -7px;
	}
	
	.view-order .order-total-row {
		display: block;
		padding: 5px 0;
	}
	.view-order .order-item-quantity {
		float: left;
	}
	.order-total-row>.order-item-name {
		float: left;
		width: auto;
	}
	.view-order .order-item-total {
		display: block;
		text-align: right;
		padding-right: 0;
	}
}

/* Search */

.result {
	padding: 16px 0;
	max-width: 940px;
	margin: auto;
	border-bottom: 1px solid #e6e9eb;
}
.result-image-link {
	margin-right: 20px;
	float: left;
	width: 96px;
	max-width: 30%;
	text-align: center;
	position: relative;
}
.result-image {
	max-height: 96px;
	max-width: 100%;
}
.result-name {
	margin: 0 0 10px;
}
.result-headline {
	font-size: 17px;
}

#result-list-menu li {
	display: table-cell;
	width: 1%;
	border-left: 1px solid #ccc;
}
#result-list-menu a {
	padding: 12px;
}
#result-list-menu img {
	height: 26px;
	vertical-align: -7px;
	margin-right: 4px;
}
#result-list-menu li.active {
	background-color: hsl(97, 75%, 95%);
	color: hsl(144, 100%, 30%);
	font-weight: bold;
}
#listItemPages {
	display: none !important;
}

@media (max-width:767px) {
	#result-list-menu li:first-child {
		border-left: none;
	}
	#result-list-menu a {
		padding: 9px;
		text-transform: none;
	}
	#result-list-menu img {
		margin: 0;
	}
}

/* Intranet */

.product-intranet {
	margin-bottom: 20px;
}
.product-intranet>h1:first-child {
	margin-top: 0;
}
.product-intranet h1 {
	font-size: 28px;
}
.product-intranet h2 {
	font-size: 20px;
	margin-bottom: 0;
	font-weight: 600;
}
.intranet-faq p {
	margin-bottom: 5px;
}
.intranet-faq p+h2 {
	margin-top: 15px;
}
.intranet-testimonials {
	font-weight: 500;
}
.intranet-testimonials p {
	margin-bottom: 15px;
}
.intranet-testimonials i {
	font-weight: 400;
}