/* input(32894,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(32894,20): run-time error CSS1046: Expect comma, found '--aa-muted-color-rgb'
input(32894,40): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(32894,41): run-time error CSS1046: Expect comma, found ')'
input(32930,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(32930,20): run-time error CSS1046: Expect comma, found '--aa-muted-color-rgb'
input(32930,40): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(32930,41): run-time error CSS1046: Expect comma, found ')' */
/*! perfect-scrollbar - v0.5.8
* http://noraesae.github.com/perfect-scrollbar/
* Copyright (c) 2014 Hyunje Alex Jun; Licensed MIT */
.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;bottom:3px;height:8px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;bottom:0;height:8px}.ps-container>.ps-scrollbar-x-rail.in-scrolling{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;right:3px;width:8px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;right:0;width:8px}.ps-container>.ps-scrollbar-y-rail.in-scrolling{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:.6;-ms-filter:"alpha(Opacity=60)";filter:alpha(opacity=60)}.ps-container:hover>.ps-scrollbar-x-rail.in-scrolling,.ps-container:hover>.ps-scrollbar-y-rail.in-scrolling{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@-webkit-keyframes shake {
    10%, 90% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    20%, 80% {
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg);
    }

    30%, 50%, 70% {
        -webkit-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }

    40%, 60% {
        -webkit-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
        transform: rotate(20deg);
    }
}

@-moz-keyframes shake {
    10%, 90% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    20%, 80% {
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg);
    }

    30%, 50%, 70% {
        -webkit-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }

    40%, 60% {
        -webkit-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
        transform: rotate(20deg);
    }
}

@keyframes shake {
    10%, 90% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    20%, 80% {
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg);
    }

    30%, 50%, 70% {
        -webkit-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }

    40%, 60% {
        -webkit-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
        transform: rotate(20deg);
    }
}



@-webkit-keyframes swiping {
    30%, 70% {
        -webkit-transform: rotate(-70deg);
        -ms-transform: rotate(-70deg);
        transform: rotate(-70deg);
    }

    60%, 100% {
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg);
    }
}

@-moz-keyframes swiping {
    30%, 70% {
        -webkit-transform: rotate(-70deg);
        -ms-transform: rotate(-70deg);
        transform: rotate(-70deg);
    }

    60%, 100% {
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg);
    }
}

@keyframes swiping {
    30%, 70% {
        -webkit-transform: rotate(-70deg);
        -ms-transform: rotate(-70deg);
        transform: rotate(-70deg);
    }

    60%, 100% {
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg);
    }
}


@-webkit-keyframes widthplay {
	30% {
		width: 55%;
		opacity: .2;
	}

	65% {
		width: 50%;
		opacity: .6;
	}

	100% {
		width: 100%;
		opacity: .4;
	}
}

@-moz-keyframes widthplay {
	30% {
		width: 55%;
		opacity: .2;
	}

	65% {
		width: 50%;
		opacity: .6;
	}

	100% {
		width: 100%;
		opacity: .4;
	}
}

@keyframes widthplay {
	30% {
		width: 55%;
		opacity: .2;
	}

	65% {
		width: 50%;
		opacity: .6;
	}

	100% {
		width: 100%;
		opacity: .4;
	}
}


@-webkit-keyframes updating {
    100% {
        -webkit-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@-moz-keyframes updating {
    100% {
        -webkit-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes updating {
    100% {
        -webkit-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}


@-webkit-keyframes emailing {
	0% {
		-webkit-transform: scale(.2);
		-ms-transform: scale(.2);
		transform: scale(.2);
		opacity: 0;
	}

	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}

@-moz-keyframes emailing {
	0% {
		-webkit-transform: scale(.2);
		-ms-transform: scale(.2);
		transform: scale(.2);
		opacity: 0;
	}

	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes emailing {
	0% {
		-webkit-transform: scale(.2);
		-ms-transform: scale(.2);
		transform: scale(.2);
		opacity: 0;
	}

	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}


@-webkit-keyframes stars {
	0% {
		-webkit-transform: scale(.8) rotate(-15deg);
		-ms-transform: scale(.8) rotate(-15deg);
		transform: scale(.8) rotate(-15deg);
	}

	25% {
		-webkit-transform: scale(.8) rotate(15deg);
		-ms-transform: scale(.8) rotate(15deg);
		transform: scale(.8) rotate(15deg);
	}

	40% {
		-webkit-transform: scale(1.2) rotate(0deg);
		-ms-transform: scale(1.2) rotate(0deg);
		transform: scale(1.2) rotate(0deg);
	}

	100% {
		-webkit-transform: scale(1) rotate(0deg);
		-ms-transform: scale(1) rotate(0deg);
		transform: scale(1) rotate(0deg);
	}
}

@-moz-keyframes stars {
	0% {
		-webkit-transform: scale(.8) rotate(-15deg);
		-ms-transform: scale(.8) rotate(-15deg);
		transform: scale(.8) rotate(-15deg);
	}

	25% {
		-webkit-transform: scale(.8) rotate(15deg);
		-ms-transform: scale(.8) rotate(15deg);
		transform: scale(.8) rotate(15deg);
	}

	40% {
		-webkit-transform: scale(1.2) rotate(0deg);
		-ms-transform: scale(1.2) rotate(0deg);
		transform: scale(1.2) rotate(0deg);
	}

	100% {
		-webkit-transform: scale(1) rotate(0deg);
		-ms-transform: scale(1) rotate(0deg);
		transform: scale(1) rotate(0deg);
	}
}

@keyframes stars {
	0% {
		-webkit-transform: scale(.8) rotate(-15deg);
		-ms-transform: scale(.8) rotate(-15deg);
		transform: scale(.8) rotate(-15deg);
	}

	25% {
		-webkit-transform: scale(.8) rotate(15deg);
		-ms-transform: scale(.8) rotate(15deg);
		transform: scale(.8) rotate(15deg);
	}

	40% {
		-webkit-transform: scale(1.2) rotate(0deg);
		-ms-transform: scale(1.2) rotate(0deg);
		transform: scale(1.2) rotate(0deg);
	}

	100% {
		-webkit-transform: scale(1) rotate(0deg);
		-ms-transform: scale(1) rotate(0deg);
		transform: scale(1) rotate(0deg);
	}
}

@-webkit-keyframes loader {
	0% {
		border-width: 3px;
	}

	15% {
		opacity: 1;
	}

	100% {
		border-width: 3px;
		opacity: 0;
		width: 50px;
		height: 50px;
	}
}

@-moz-keyframes loader {
	0% {
		border-width: 3px;
	}

	15% {
		opacity: 1;
	}

	100% {
		border-width: 3px;
		opacity: 0;
		width: 50px;
		height: 50px;
	}
}

@keyframes loader {
	0% {
		border-width: 3px;
	}

	15% {
		opacity: 1;
	}

	100% {
		border-width: 3px;
		opacity: 0;
		width: 50px;
		height: 50px;
	}
}



/*********** CSS RESET **********/

* {
	margin: 0;
	outline: none;
	padding: 0;
	text-decoration: none;
	box-sizing: border-box;
}

	*:before, *:after {
		font-family: "emporium-icons";
		box-sizing: border-box;
	}

html {
    margin: 0 !important;
    -webkit-text-size-adjust: none;
}

ol, ul {
    list-style: none;
}

a img {
    border: none;
}

a:active {
    outline: none;
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    margin: 0;
    border: 0;
    padding: 0;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input::-moz-placeholder {
    opacity: 1;
}

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 1000px #fff;
}

script {
    display: none !important;
}


/*********** GLOBAL STYLES **********/


@font-face {
	font-family: 'emporium-icons';
	src: url('../woff/emporium-icons.woff') format('woff'), url('../svg/emporium-icons.svg#emporium-icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	max-width: 100%;
	overflow-x: hidden; /* responsive navigation & filters scroll bug fix*/
	background-color: #fff;
	font: normal 12px 'Roboto', sans-serif;
	color: #000;
}

table {
    width: 100%;
    border-collapse: collapse;
}

p {
    line-height: 20px;
}

a {
    color: inherit;
    cursor: pointer;
}

img {
    max-width: 100%;
}

a img {
    opacity: 0.99; /*firefox scale bug fix*/
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea, select {
    height: 45px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    padding: 0 20px;
    vertical-align: middle;
    font-size: 15px;
    color: #8c8c8c;
    font-family: 'Roboto', sans-serif;
}

	input:-webkit-autofill,
	textarea:-webkit-autofill,
	select:-webkit-autofill { /* Chrome/Opera/Safari */
		color: #8c8c8c !important;
	}



	input[type="text"]::-webkit-input-placeholder,
	input[type="password"]::-webkit-input-placeholder,
	input[type="email"]::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		color: #8c8c8c;
	}

	input[type="text"]::-moz-input-placeholder,
	input[type="password"]::-moz-input-placeholder,
	input[type="email"]::-moz-input-placeholder,
	input[type="tel"]::-moz-input-placeholder,
	textarea::-moz-input-placeholder { /* Firefox 19+ */
		color: #8c8c8c;
	}

	input[type="text"]::-ms-input-placeholder,
	input[type="password"]::-ms-input-placeholder,
	input[type="email"]::-ms-input-placeholder,
	input[type="tel"]::-ms-input-placeholder,
	textarea::-ms-input-placeholder { /* IE 10+ */
		color: #8c8c8c;
	}

	input[type="text"]::input-placeholder,
	input[type="password"]::input-placeholder,
	input[type="email"]::input-placeholder,
	input[type="tel"]::input-placeholder,
	textarea::input-placeholder { /* Firefox 18- */
		color: #8c8c8c;
	}




textarea {
    min-height: 150px;
    padding: 15px 20px;
}

select {
    min-width: 50px;
    padding: 0 6px;
    cursor: pointer;
}

	select::-ms-expand {
		display: none;
	}

input[type="checkbox"],
input[type="radio"] {
    position: absolute;
    left: -9999px;
}

	input[type="checkbox"],
	input[type="radio"],
	input[type="checkbox"] + *,
	input[type="radio"] + * {
		vertical-align: middle;
	}


		input[type="radio"] + label,
		input[type="checkbox"] + label {
			font-weight: 300;
			color: #8c8c8c;
			user-select: none;
			cursor: pointer;
		}

			input[type="radio"] + label:before,
			input[type="checkbox"] + label:before {
				content: "";
				display: inline-block;
				margin-right: 10px;
				width: 17px;
				height: 17px;
				border-radius: 50%;
				border: 1px solid #e7e7e7;
				vertical-align: text-top;
				background-color: #fff;
			}

			input[type="checkbox"] + label:before {
				border-radius: 0;
			}

		input[type="radio"]:checked + label:before,
		input[type="checkbox"]:checked + label:before {
			margin-left: 1px;
			margin-top: 1px;
			width: 16px;
			height: 16px;
			box-shadow: 0 0 0 1px #e7e7e7;
			border: 3px solid #fff;
			background-color: #97c300;
		}


input[type="button"],
input[type="submit"],
button {
    cursor: pointer;
}

label, label + * {
    vertical-align: middle;
}

.product-grid,
.category-grid,
.topic-block,
.news-list-homepage {
    position: relative;
    z-index: 0; /* giving priority to header and header-menu */
    margin: 0 auto 50px;
}

	.product-grid:last-child,
	.category-grid:last-child,
	.topic-block:last-child,
	.news-list-homepage:last-child {
		margin-bottom: 0;
	}


.master-wrapper-content {
    overflow: hidden;
    padding: 40px 10px 80px;
}

	.master-wrapper-content select,
	.k-window select {
		height: 45px;
		width: auto;
		max-width: 100%;
		padding: 0 35px 0 20px;
		border: 1px solid #e7e7e7;
		border-radius: 3px;
		background: #fff url('../svg/select-arrow-dark.svg') no-repeat right 15px center;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
	}

		.master-wrapper-content select::ms-expand,
		.k-window select::ms-expand {
			display: none;
		}

.master-column-wrapper:after {
    content: "";
    display: block;
    clear: both;
}

.center-2 .product-grid,
.center-2 .category-grid,
.center-2 .topic-block {
    width: 100%;
}

.center-2,
.side-2 {
    margin: 0 0 50px;
}

	.side-2:last-child {
		margin-bottom: 0;
	}

.page {
    min-height: 200px;
    text-align: center;
}

.page-title {
    padding: 0 10px;
    margin: 0 0 25px;
    text-align: center;
}

	.page-title h1 {
		font-size: 26px;
		color: #444444;
	}

	.page:after,
	.page-title:after,
	.page-body:after {
		content: "";
		display: block;
		clear: both;
	}

.buttons {
    text-align: center;
}

.link-rss {
    display: none;
    width: 24px;
    height: 24px;
    font-size: 0 !important;
}

	.link-rss:before {
		content: "\73";
		display: block;
		font-size: 24px;
		color: #8c8c8c;
		text-transform: none;
		font-weight: normal;
		transition: color .2s ease;
	}

	.link-rss:hover:before {
		color: #97c300;
	}

.category-description ul,
.manufacturer-description ul,
.full-description ul,
.topic-html-content ul,
.topic-page ul,
.post-body ul,
.custom-tab ul {
    margin: 12px 0;
    padding: 0 0 0 36px;
    list-style: disc;
    text-align: left;
    font-size: 15px;
    color: #8c8c8c;
    font-weight: 400;
}

.category-description ol,
.manufacturer-description ol,
.full-description ol,
.topic-html-content ol,
.topic-page ol,
.post-body ol,
.custom-tab ol {
    margin: 12px 0;
    padding: 0 0 0 36px;
    list-style: decimal;
    text-align: left;
    font-size: 15px;
    color: #8c8c8c;
    font-weight: 400;
}

.category-description p,
.manufacturer-description,
.vendor-description,
.manufacturer-description p,
.vendor-description p,
.full-description p,
.topic-html-content p,
.topic-page p,
.post-body p,
.news-body p,
.custom-tab p,
.ui-dialog-content p {
	margin: 10px 0;
	line-height: 1.5;
	font-size: 15px;
	color: #8c8c8c;
	font-weight: 400;
}


/*********** GLOBAL FORMS ***********/


.fieldset, .section {
    position: relative;
    margin: 0 0 20px;
}

	.fieldset .title,
	.section .title {
		margin: 0 0 10px;
	}

		.fieldset .title strong,
		.section .title strong {
			font-weight: 300;
			font-size: 16px;
			color: #444;
		}

.form-fields {
    position: relative;
    font-size: 14px;
    line-height: 1.5;
    color: #444;
}

	.form-fields > a {
		color: #8c8c8c;
		text-decoration: underline;
	}

.inputs {
    position: relative;
    margin: 20px 0 0;
    text-align: center;
    white-space: nowrap; /*fix for 'required' elements*/
    font-size: 0;
}

	.inputs:first-child {
		margin-top: 0;
	}


	.inputs:after {
		content: "";
		display: block;
		clear: both;
	}

	.inputs > label {
		display: inline-block;
		max-width: calc(100% - 10px);
		width: auto;
		font-size: 15px;
		margin: 0 0 8px;
		font-weight: bold;
		color: #444444;
		text-align: left;
		white-space: normal;
	}

	.inputs > .required {
		position: absolute;
		top: 0;
		right: 0;
	}

	.inputs > * {
		float: left;
		clear: both;
	}

	.inputs.reversed > * {
		float: none;
	}

	.inputs input[type="text"],
	.inputs input[type="password"],
	.inputs input[type="email"],
	.inputs input[type="tel"],
	.inputs select,
	.inputs textarea {
		height: 45px;
		color: #8c8c8c;
		border-radius: 3px;
		width: 100%;
		vertical-align: middle;
	}

		.inputs select:only-of-type {
			width: 100%;
		}

	.inputs .option-list {
		display: inline-block;
		vertical-align: middle;
		white-space: normal;
	}

		.inputs .option-list li {
			float: left;
			margin: 0 10px 15px 0;
		}

		.inputs .option-list label {
			display: inline;
			width: auto;
			margin: 0 3px;
		}

.login-form-in-header .inputs.reversed {
    text-align: center;
}

.required {
    margin: 0 0 0 5px; /*siblings offset*/
    font-size: 15px;
    color: #444;
    font-weight: 700;
}

.message-error,
.field-validation-error,
.field-validation-error *,
.username-not-available-status,
.poll-vote-error, .password-error {
	display: block;
	margin: 2px 0 0;
	font-size: 13px;
	color: #ff4f60;
	font-weight: 700;
	text-align: left;
	white-space: normal;
}

.page-body > .message-error,
.enter-address > .message-error,
.payment-info form > .message-error {
    line-height: 1.5;
    margin-bottom: 15px;
}

.input-validation-error {
    border-bottom: 2px solid #ff4f60 !important;
}

.field-validation-valid,
.username-available-status {
    display: block;
    line-height: 17px;
    font-size: 13px;
    color: #97c300;
    font-weight: 700;
}

.captcha-box {
    margin: 25px 0 0;
    text-align: center;
    line-height: 0; /*firefox line-height bug fix*/
}

	.captcha-box > div {
		display: inline-block;
	}

	.captcha-box input {
		height: auto;
	}


/*********** GLOBAL TABLES ***********/


.table-wrapper {
    overflow-x: auto;
}

.cart,
.data-table,
.compare-products-table,
.forums-table-section table {
    margin: 0 0 20px;
    border-collapse: initial;
    border-spacing: 0px;
}

	.cart th,
	.data-table th,
	.forums-table-section th {
		border-top: 1px solid #eee;
		background-color: #f9f9f9;
		padding: 20px;
		white-space: nowrap;
		font-size: 17px;
		color: #959595;
		font-weight: 300;
	}

	.cart td,
	.data-table td,
	.forums-table-section td {
		min-width: 50px;
		border-bottom: 1px solid #eee;
		background-color: #fff;
		padding: 20px;
		font-size: 15px;
		color: #444;
		font-weight: 400;
	}

td.product-picture {
    font-size: 0 !important;
}

	td.product-picture a {
		display: inline-block;
		width: 80px;
	}

.data-table td {
    font-size: 17px;
}

	.cart th:first-child,
	.data-table th:first-child,
	.forums-table-section th:first-child,
	.cart td:first-child,
	.data-table td:first-child,
	.forums-table-section td:first-child {
		border-left: 1px solid #eee;
	}

	.cart th:last-child,
	.data-table th:last-child,
	.forums-table-section th:last-child,
	.cart td:last-child,
	.data-table td:last-child,
	.forums-table-section td:last-child {
		border-right: 1px solid #eee;
	}

.cart tr:first-child th:first-child,
.data-table tr:first-child th:first-child,
.forums-table-section table tr:first-child th:first-child {
    border-top-left-radius: 3px;
}

.cart tr:first-child th:last-child,
.data-table tr:first-child th:last-child,
.forums-table-section table tr:first-child th:last-child {
    border-top-right-radius: 3px;
}

.cart tr:last-child td:first-child,
.data-table tr:last-child td:first-child,
.forums-table-section table tr:last-child td:first-child {
    border-bottom-left-radius: 3px;
}

.cart tr:last-child td:last-child,
.data-table tr:last-child td:last-child,
.forums-table-section table tr:last-child td:last-child {
    border-bottom-right-radius: 3px;
}

td .attributes {
    padding: 20px 0;
    margin: 0;
}

.cart a,
.data-table a,
.compare-products-table a,
.forums-table-section a {
    color: #97c300;
}

.cart .product a,
.data-table .product a,
.compare-products-table .product a,
.forums-table-section .product a {
    color: #444;
    transition: all .2s ease;
}

	.cart .product a:hover,
	.data-table .product a:hover,
	.compare-products-table .product a:hover,
	.forums-table-section .product a:hover {
		color: #97c300;
	}

.cart .edit-item a,
.data-table .edit-item a,
.compare-products-table .edit-item a,
.forums-table-section .edit-item a {
    color: #97c300;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
}

.cart .attributes,
.data-table .attributes,
.compare-products-table .attributes,
.forums-table-section table .attributes {
    font-size: 15px;
    color: #8c8c8c;
    max-width: none;
}

.cart td.date,
.data-table td.date,
.compare-products-table td.date,
.forums-table-section td.date {
    white-space: nowrap;
}

td.product-picture {
    font-size: 0;
}

.select,
.select-boxes {
    position: relative;
    overflow: hidden;
}

	.select input[type="checkbox"],
	.select-boxes input[type="checkbox"] {
		position: absolute;
		left: -9999px;
	}

	.select label,
	.select-boxes label {
		display: block !important;
		width: 17px;
		height: 17px;
		border-radius: 0;
		border: 1px solid #eeeeee;
		vertical-align: text-top;
		background-color: #fff;
		cursor: pointer;
	}

	.select input[type="checkbox"]:checked + label,
	.select-boxes input[type="checkbox"]:checked + label {
		margin-left: 1px;
		margin-top: 1px;
		width: 16px;
		height: 16px;
		box-shadow: 0 0 0 1px #e7e7e7;
		border: 3px solid #fff;
		background-color: #97c300;
	}


	.select label:before,
	.select-boxes label:before {
		content: none !important;
		display: none !important;
	}

.cart .product,
.data-table .product,
.data-table .message,
.data-table .info,
.data-table .name,
.forum-table .forum-details,
.forum-table .topic-details {
    text-align: left;
}

.cart .remove-from-cart,
.cart .add-to-cart,
.data-table .select-boxes,
.data-table .order {
    text-align: center;
}

.cart .unit-price {
    white-space: nowrap;
    text-align: right;
}

.cart .qty-input,
.cart .qty-dropdown {
    margin: -5px 0;
    padding: 0 7px;
    width: 60px;
    height: 40px;
    font-size: 14px;
    color: #444;
    text-align: center;
    background-position: right 10px center
}

.cart .qty-dropdown {
    text-align: left;
    padding: 0 20px 0 5px;
}

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

	.cart .subtotal span {
		display: inline-block;
		color: #444;
		white-space: nowrap;
		font-weight: 700;
	}

	.cart .subtotal .discount,
	.cart .subtotal .discount + div {
		white-space: nowrap; /*remove this if you have no space enough for discounted products price*/
		display: none; /* hidden due to designer request */
	}


.td-title {
    font-weight: 300;
    color: #8c8c8c;
}

	.td-title + span {
		display: inline-block;
		vertical-align: middle;
	}

.button-1 {
    border: none;
    height: 45px;
    padding: 0 25px;
    border-radius: 3px;
    background-color: #eebe00;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    transition: all .2s ease;
}

	.button-1:hover {
		background-color: #e8af00;
	}


/*********** NOTIFICATIONS & POPUPS  ***********/


.bar-notification {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1040;
    width: 100%;
    padding: 20px 6%;
    min-height: 60px;
    color: #fff;
    overflow: hidden;
}

	.bar-notification.success {
		background-color: rgba(151,195,0,.8);
	}

	.bar-notification.warning {
		background-color: rgba(255,79,96,.8);
	}

	.bar-notification.error {
		background-color: rgba(255,79,96,.8);
	}

	.bar-notification .content {
		float: left;
		max-width: calc(100% - 50px);
		font-size: 15px;
		color: #000000;
		font-weight: 700;
		margin: 0 10px 0 0;
	}

		.bar-notification .content a {
			color: #fff;
			text-decoration: underline;
		}

	.bar-notification .close {
		float: right;
		cursor: pointer;
		opacity: 0.7;
		font-size: 0;
	}

		.bar-notification .close:before {
			content: "\7a";
			display: block;
			width: 32px;
			height: 32px;
			line-height: 32px;
			text-align: center;
			font-size: 20px;
			color: #fff;
			text-transform: none;
			font-weight: normal;
		}

		.bar-notification .close:hover {
			opacity: 1;
		}

.noscript {
    background-color: #ff9;
    padding: 10px;
    text-align: center;
}

.ajax-loading-block-window {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1030;
	width: 100% !important;
	height: 100% !important;
	background-color: rgba(255,255,255,.7);
}

	.ajax-loading-block-window:before,
	.ajax-loading-block-window:after {
		content: "";
		position: fixed;
		display: inline-block;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 0;
		height: 0;
		border: 0px solid #97c300;
		border-radius: 50%;
		-webkit-animation: loader 1.6s cubic-bezier(0, 0, 0.09, 0.99) infinite;
		-moz-animation: loader 1.6s cubic-bezier(0, 0, 0.09, 0.99) infinite;
		animation: loader 1.6s cubic-bezier(0, 0, 0.09, 0.99) infinite;
	}

	.ajax-loading-block-window:after {
		animation-delay: .8s;
	}

.ui-dialog {
    position: absolute !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-bottom: 30px;
    width: 600px !important;
    max-width: 95%;
    box-shadow: 0 0 20px rgba(0,0,0,.15);
    background-color: #fff;
    z-index: 1050;
}

.ui-dialog-titlebar {
	display: block;
	padding: 25px 0;
	margin: 0 auto;
	width: calc(100% - 100px);
	font-size: 22px;
	text-transform: none;
	font-weight: 700;
	color: #444;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

	.ui-dialog-titlebar .ui-dialog-title {
		font-size: 22px;
		font-weight: 700;
		color: #444;
	}

	.ui-dialog-titlebar button {
		position: absolute;
		top: 25px;
		right: 25px;
		border: none;
		background: transparent;
		overflow: hidden;
		font-size: 0;
		text-align: center;
		opacity: 0.5;
	}

		.ui-dialog-titlebar button:before {
			content: "\7a";
			text-transform: none;
			font-weight: normal;
			font-size: 20px;
			line-height: 24px;
		}

		.ui-dialog-titlebar button:hover {
			opacity: 0.9;
		}

.ui-dialog-content {
    padding: 0 30px;
    height: auto !important;
    overflow: auto;
}

	.ui-dialog-content .page {
		min-height: 0;
		text-align: center;
	}

	.ui-dialog-content .page-title {
		margin: 0 0 12px;
		padding: 0;
	}

		.ui-dialog-content .page-title h1 {
			font-size: 15px;
			text-transform: uppercase;
			color: #8c8c8c;
		}

	.ui-dialog-content .tooltip {
		margin: 5px 0;
		line-height: 20px;
	}

	.ui-dialog-content button {
		margin-top: 20px;
	}

.eu-cookie-bar-notification {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1050;
    width: 90%;
    max-width: 600px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 3px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    background-color: #fff;
    padding: 20px;
    text-align: center;
}

	.eu-cookie-bar-notification .text {
		margin-bottom: 20px;
		line-height: 1.5;
		font-size: 15px;
		color: #8c8c8c;
	}

	.eu-cookie-bar-notification button {
		height: 45px;
		margin: 10px 0 20px;
		border: none;
		background-color: #eebe00;
		border-radius: 3px;
		padding: 0 25px;
		font-size: 14px;
		color: #fff;
		font-weight: 700;
		text-transform: uppercase;
		transition: all .1s ease;
	}

		.eu-cookie-bar-notification button:hover {
			background-color: #e8af00;
		}

	.eu-cookie-bar-notification a {
		display: block;
		font-size: 13px;
		color: #8c8c8c;
		font-weight: 700;
		text-transform: uppercase;
	}

.scroll-back-button {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 6vw;
    width: 50px;
    height: 50px;
    border: 1px solid #97c300;
    border-radius: 3px;
    text-align: center;
    background: rgba(255,255,255,.6);
    cursor: pointer;
    z-index: 1000;
}

	.scroll-back-button:before {
		content: '\77';
		display: inline-block;
		position: absolute;
		color: #97c300;
		font-size: 14px;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%) rotate(180deg);
		-ms-transform: translate(-50%, -50%) rotate(180deg);
		transform: translate(-50%, -50%) rotate(180deg);
	}


/*********** HEADER ***********/




.admin-header-links {
    background-color: #333;
    text-align: center;
    color: #fff;
}

	.admin-header-links .impersonate {
		display: inline-block;
	}

	.admin-header-links a,
	.admin-header-links span {
		display: inline-block;
		margin: 0 10px;
		line-height: 35px;
		font-weight: bold;
	}

.header {
	margin: 0 auto;
	text-align: center;
}

	.header:after {
		content: "";
		display: block;
		clear: both;
	}

.header-logo a {
    display: inline-block;
    max-width: 100%;
    line-height: 0; /*firefox line-height bug fix*/
}

	.header-logo a img {
		max-width: 100%;
		max-height: 78px;
	}

.header-contact-wrapper {
    display: none;
    align-items: center;
    flex-flow: row wrap;
    justify-content: center;
}

.header-contact {
    min-width: 235px;
    text-align: right;
    border-color: #8c8c8c;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    padding: 10px;
    color: #8c8c8c;
    margin-left: 5px;
}

.header-contact-number {
    font-size: 24px;
    white-space: nowrap;
}

.header-contact-info {
    width: 215px;
    font-size: 12px;
}

.header-links-wrapper {
    margin: 0 0 20px;
    white-space: nowrap;
}

.personal-button {
    position: relative;
}

.mobile-tel-img {
	margin-top: 10px;
	height: 20px;
}

.mobile-tel-header {
	font-size: 25px;
}

.profile-menu-box {
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-top: 25px;
	width: 150px;
	padding: 10px 0;
	border-radius: 3px;
	background: #fff;
	font-size: 14px;
	opacity: 0;
	visibility: hidden;
	text-align: left;
	pointer-events: none;
	box-shadow: 0 0 20px rgba(0,0,0,.16);
	z-index: 1020;
	transition: all .2s ease;
}

	.profile-menu-box:after {
		content: " ";
		bottom: 100%;
		left: 50%;
		border: solid transparent;
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #ffffff;
		border-width: 8px;
		margin-left: -8px;
	}

	.profile-menu-box.open {
		margin-top: 8px;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	.profile-menu-box > a,
	.header-form-holder > a {
		display: block !important;
		padding: 10px 17px;
		color: #444444;
	}

	.profile-menu-box span:before,
	.profile-menu-box a:before {
		display: inline-block !important;
		color: #8e8e8e;
		font-size: 17px;
		vertical-align: middle;
		margin-right: 10px;
		min-width: 20px;
		font-weight: normal;
		text-transform: none;
	}

.close-side-menu {
    display: none;
}


/*********** FLYOUT CART MOBILE ***********/



a.ico-cart {
    display: inline-block;
    font-size: 13px;
    color: #8c8c8c;
    transition: color .2s ease;
}

	a.ico-cart:before {
		display: block;
		margin-bottom: 4px;
		font-size: 26px;
		color: #8e8e8e;
		transition: color .2s ease;
	}

.mini-shopping-cart .close-side-menu {
    display: none;
}

.mini-shopping-cart .flyout-cart-scroll-area {
    position: relative;
    width: 100%;
    padding: 20px 0 0;
    background-color: #fff;
}

.flyout-lower {
    background-color: #f6f6f6;
    border-radius: 0 0 3px 3px;
}

.mini-shopping-cart:after {
    content: "";
    display: block;
    clear: both;
}

.mini-shopping-cart .count {
    float: left;
    padding: 20px 0 20px 15px;
}

	.mini-shopping-cart .count a {
		font-size: 14px;
		color: #8c8c8c;
	}

		.mini-shopping-cart .count a:hover {
			color: #97c300;
			text-decoration: none;
		}

		.mini-shopping-cart .count a:before {
			content: "\64";
			display: inline-block;
			vertical-align: bottom;
			margin: 0 5px 0 0;
			font-size: 20px;
		}

.flyout-cart-scroll-area > p {
    padding: 0 20px 20px;
    font-size: 14px;
    color: #8c8c8c;
    text-align: center;
}

.flyout-cart .items {
    position: relative;
    padding: 0 10px;
    margin-bottom: 15px;
    border-radius: 3px 3px 0 0;
    background: #fff;
    text-align: left;
    overflow: hidden;
}

.mini-shopping-cart .item {
    overflow: hidden;
    margin: 15px 0 0;
}

	.mini-shopping-cart .item.first {
		margin-top: 0;
	}

.mini-shopping-cart .picture {
    float: left;
    width: 78px;
    height: auto;
    border: 1px solid #eee;
    border-radius: 3px;
    text-align: center;
    overflow: hidden;
    font-size: 0;
}

	.mini-shopping-cart .picture a {
		display: block;
		position: relative;
		overflow: hidden;
	}

		.mini-shopping-cart .picture a:before {
			content: "";
			display: block;
			padding-top: 100%;
			margin: 0;
		}

	.mini-shopping-cart .picture img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		max-width: 100%;
	}

.mini-shopping-cart .product {
    position: relative;
    margin: 0 30px 0 90px;
    text-align: left;
}

	.mini-shopping-cart .product:after {
		content: "";
		display: block;
		clear: both;
	}

	.mini-shopping-cart .product .remove-item {
		position: absolute;
		top: 0;
		right: -30px;
		left: auto;
		font-size: 0;
		width: 18px;
		height: 18px;
		text-align: center;
		border-radius: 2px;
		background-color: #f1f1f1;
		text-decoration: none;
		transition: all .1s ease;
	}

		.mini-shopping-cart .product .remove-item:after {
			content: "\7a";
			display: block;
			font-size: 8px;
			line-height: 18px;
			color: #8e8e8e;
			transition: all .1s ease;
		}

		.mini-shopping-cart .product .remove-item:hover {
			background-color: #e9e9e9;
			text-decoration: none;
		}

			.mini-shopping-cart .product .remove-item:hover::after {
				text-decoration: none;
			}

.mini-shopping-cart .name a {
    display: block;
    margin: 0 0 5px;
    font-size: 14px;
    color: #444444;
    white-space: pre-wrap;
}

.mini-shopping-cart .attributes {
	padding: 0;
	margin: 0 0 5px;
	font-size: 14px;
	color: #8c8c8c;
}

.mini-shopping-cart .right {
    display: inline-block;
}

.mini-shopping-cart .quantity {
    margin: 0 4px 0 0;
    font-size: 0;
    color: #8c8c8c;
    float: left;
}

	.mini-shopping-cart .quantity span {
		font-weight: bold;
		font-size: 16px;
	}

	.mini-shopping-cart .quantity:after {
		content: "x";
		display: inline-block;
		margin-left: 3px;
		font-size: 16px;
		font-weight: 700;
		color: #8c8c8c;
		text-transform: none;
		font-family: "Roboto";
	}

.mini-shopping-cart .price {
    font-size: 16px;
    font-weight: bold;
    color: #97c300;
    float: right;
}

.mini-shopping-cart .totals {
    float: right;
    padding: 20px 15px 20px 0;
    font-size: 15px;
    text-align: right;
    color: #8c8c8c;
}

	.mini-shopping-cart .totals strong {
		color: #97c300;
		font-size: 18px;
	}

.mini-shopping-cart .buttons {
    padding: 0 15px 15px;
    margin-bottom: 0;
    text-align: right;
    clear: both;
}

.mini-shopping-cart input[type="button"] {
    display: inline-block;
    width: 100%;
    padding: 0 15px;
}

.mini-shopping-cart input + input {
	margin-top: 10px;
	background-color: #ddd;
	color: #8c8c8c;
}

.mini-shopping-cart input[type="button"]:hover {
	background-color: #e8af00;
}

.mini-shopping-cart input + input:hover {
	background-color: #d1d1d1 !important;
}

/******** LOGIN FORM IN HEADER ********/



.profile-menu-box.login-form-in-header {
    padding: 20px 0 0;
    width: 255px;
}

.login-form-in-header .fieldset {
    margin: 0;
}

.login-form-in-header .returning-wrapper .form-fields {
    padding: 0;
    min-height: 0;
}

.login-form-in-header .form-fields {
    font-size: 0;
}

.login-form-in-header .external-authentication > * {
    padding: 20px;
    background-color: #f6f6f6;
    border-radius: 0 0 3px 3px;
}

.login-form-in-header form {
    padding: 0 20px;
}

.login-form-in-header .external-authentication {
    margin: 0;
}

.login-form-in-header .in-header-register {
    text-align: center;
}

	.login-form-in-header .in-header-register .register-button {
		display: inline-block;
		background-color: transparent;
		border: none;
		padding: 15px 0 15px 20px;
		font-size: 12px;
		text-transform: uppercase;
		color: #8c8c8c;
		font-weight: bold;
		background: url('../png/register-icon.png') left center no-repeat;
		transition: all .2s ease;
	}

		.login-form-in-header .in-header-register .register-button:hover {
			color: #97c300;
		}

.login-form-in-header .title {
    display: none;
}

.login-form-in-header .inputs {
    margin: 6px 0 0;
}

	.login-form-in-header .inputs:first-child {
		margin-top: 0;
	}

	.login-form-in-header .inputs label {
		display: none;
	}

.login-form-in-header .forgot-password {
    width: 100%;
}

.login-form-in-header .inputs.reversed {
    margin: 0 0 15px;
}

	.login-form-in-header .inputs.reversed label {
		display: inline-block;
		width: auto;
		margin: 0;
		font-size: 12px;
		line-height: 17px;
		height: 17px;
		color: #8c8c8c;
		text-align: left;
		cursor: pointer;
		user-select: none;
	}

		.login-form-in-header .inputs.reversed label:before {
			vertical-align: text-bottom;
		}

.inputs.reversed input[type="checkbox"] {
    position: absolute;
    left: -9999px;
}

	.inputs.reversed input[type="checkbox"] + label {
		cursor: pointer;
	}


.login-form-in-header .inputs input[type="text"],
.login-form-in-header .inputs input[type="email"],
.login-form-in-header .inputs input[type="password"] {
    height: 45px;
    padding: 0 35px 0 15px;
    line-height: 45px;
    border-radius: 3px;
}

.login-form-in-header .inputs input:focus + .inputs-icons {
    color: #97c300;
}

input + .inputs-icons {
    position: absolute;
    top: 0;
    right: 15px;
    left: auto;
}

.inputs-icons {
    display: none;
    font-size: 15px;
    color: #8e8e8e;
    line-height: 45px;
    font-family: "emporium-icons";
}

.button-1.checkout-as-guest-button {
	margin: 0 10px 10px 0;
	background-color: #f1f1f1;
	color: #8c8c8c;
}

	.button-1.checkout-as-guest-button:hover {
		background-color: #eaeaea;
	}

.login-form-in-header .inputs-icons {
    display: inline-block;
    text-transform: lowercase;
}

.login-form-in-header .login-button {
    display: block;
    width: 100%;
    border: none;
    height: 45px;
    border-radius: 3px;
    background-color: #eebe00;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

	.login-form-in-header .login-button:hover {
		background-color: #e8af00;
	}

.login-form-in-header a.facebook-btn {
    display: block;
    width: 100%;
    height: 35px;
    border-radius: 3px;
    line-height: 35px;
    background-color: #3270ab;
    color: #fff !important;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    background-image: none !important;
}

	.login-form-in-header a.facebook-btn:hover {
		background-color: #4065a3;
	}

	.login-form-in-header a.facebook-btn:before {
		content: "\6e";
		display: inline-block;
		margin-right: 10px;
		font-size: 17px;
		color: #fff !important;
		text-transform: none;
	}

	.login-form-in-header a.facebook-btn:after {
		content: "log in with facebook";
		display: inline-block;
		font-family: "Roboto";
	}

.login-form-in-header .forgot-password {
    display: block;
    margin-bottom: 15px;
}

	.login-form-in-header .forgot-password a {
		display: block;
		width: 100%;
		background-color: #f6f6f6;
		padding: 5px 10px;
		font-size: 11px;
		color: #8c8c8c;
		font-weight: 700;
		text-align: center;
		text-transform: uppercase;
	}

.login-spinner {
    position: relative;
    height: 60px;
    width: 60px;
    margin-inline: auto;
    margin-block-end: 20px;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 6px solid rgba(0,174,239,.15);
    border-right: 6px solid rgba(0,174,239,.15);
    border-bottom: 6px solid rgba(0,174,239,.15);
    border-top: 6px solid rgba(0,174,239,.8);
    border-radius: 100%;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

/******** END OF LOGIN FORM IN HEADER ********/



.header-links ul {
    display: inline-block;
    font-size: 0;
}

.ico-wishlist:before {
    content: "\63";
}

.ico-cart:before {
    content: "\64";
}

.personal-button > span:before,
.ico-account:before {
    content: "\61";
}

.profile-menu-box .ico-inbox {
    font-size: 0;
}

.ico-inbox span {
    font-size: 14px;
    vertical-align: middle;
}

.ico-inbox:before {
    content: "\41";
}

.ico-compare:before {
    content: "\62";
}

.ico-logout:before {
    content: "\42";
}

.ico-login:before {
    content: "\78";
}

.ico-register:before {
    content: "\79";
}

.search-box {
    position: relative;
}

	.search-box form {
		position: relative;
	}

		.search-box form:after {
			content: "";
			display: block;
			clear: both;
		}

	.search-box input.search-box-text {
		float: left;
		height: 45px;
		border: 1px solid #eeeeee;
		border-right: 0;
		font-size: 14px;
		color: #959595;
		border-radius: 3px 0 0 3px;
	}

		.search-box input.search-box-text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
			color: #959595;
		}

		.search-box input.search-box-text::-moz-placeholder { /* Firefox 19+ */
			color: #959595;
		}

		.search-box input.search-box-text:-ms-input-placeholder { /* IE 10+ */
			color: #959595;
		}

		.search-box input.search-box-text:-moz-placeholder { /* Firefox 18- */
			color: #959595;
		}

	.search-box .search-box-button {
		float: left;
		width: 45px;
		height: 45px;
		padding: 0;
		border: none;
		background: #ccc url('../png/search-button.png') center no-repeat;
		font-size: 0;
		border: 1px solid #eeeeee;
		border-left: 0;
		border-radius: 0 3px 3px 0;
	}

		.search-box .search-box-button:hover {
			background-color: #e8af00;
		}

.ui-helper-hidden-accessible {
    display: none;
}

.ui-autocomplete {
    position: absolute;
    padding: 5px 0;
    max-width: 100%;
    border-radius: 0 0 3px 3px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0 13px rgba(0,0,0,.1);
    z-index: 1070;
}

	.ui-autocomplete li:first-child {
		border-top: none;
	}

	.ui-autocomplete a {
		display: block;
		padding: 5px 10px;
		text-align: left;
		font-size: 14px;
		color: #444444;
	}

		.ui-autocomplete a.ui-state-focus {
			background-color: #f6f6f6;
		}

	.ui-autocomplete img {
		display: inline-block;
		width: 50px;
		margin-right: 10px;
		border: 1px solid #eeeeee;
		border-radius: 2px;
		vertical-align: middle;
	}

	.ui-autocomplete span {
		display: inline-block;
		vertical-align: middle;
		max-width: calc(100% - 60px);
	}

.header-selectors-wrapper {
    font-size: 0;
}

	.header-selectors-wrapper > div {
		display: inline-block;
		margin: 0 5px 10px;
		vertical-align: middle;
	}

.language-list {
    max-width: 100%;
    font-size: 0;
}

	.language-list li {
		display: inline-block;
		margin: 0 1px;
	}

	.language-list a {
		display: block;
		position: relative;
		width: 32px;
		height: 32px;
		line-height: 0;
	}

	.language-list img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}

.slider-wrapper.theme-custom {
    margin: 0 auto 30px; /*overrides default slider*/
}


/*********** FOOTER ***********/



.footer {
	border-top: 3px solid #f6f6f6;
	background-color: #444;
	text-align: center;
	overflow: hidden;
}

.footer-upper {
    margin: 55px 0;
    overflow: hidden;
}

.footer-logo {
    margin: 0 0 25px;
}

.footer-block a, .footer-block .normal-text {
    font-size: 15px;
    color: #959595;
    transition: color .2s ease;
}

    .footer-block a:hover {
        color: #97c300;
    }


.footer .newsletter .title {
	margin: 0 0 13px;
	font-size: 15px;
	color: #8c8c8c;
	text-transform: none;
}

.newsletter .title strong {
    font-weight: normal;
}

.newsletter-email {
	display: block;
	overflow: hidden;
	max-width: 255px;
	margin: 0 auto;
}

	.newsletter-email .newsletter-subscribe-text {
		float: left;
		width: calc(100% - 47px);
		height: 47px;
		border-radius: 3px 0 0 3px;
		border-right: 0;
	}

		.newsletter-email .newsletter-subscribe-text:focus {
			border-color: #e7e7e7;
		}

		.newsletter-email .newsletter-subscribe-text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
			color: #959595;
		}

		.newsletter-email .newsletter-subscribe-text::-moz-placeholder { /* Firefox 19+ */
			color: #959595;
		}

		.newsletter-email .newsletter-subscribe-text:-ms-input-placeholder { /* IE 10+ */
			color: #959595;
		}

		.newsletter-email .newsletter-subscribe-text:-moz-placeholder { /* Firefox 18- */
			color: #959595;
		}

	.newsletter-email .newsletter-subscribe-button {
		float: left;
		width: 47px;
		height: 47px;
		padding: 0;
		border: none;
		border-radius: 0 3px 3px 0;
		background: #eebe00 url('../png/subscribe-button.png') center no-repeat;
		font-size: 0;
		transition: all .2s ease;
	}

		.newsletter-email .newsletter-subscribe-button:hover {
			background-color: #e8af00;
		}

	.newsletter-email .options {
		height: 0;
		overflow: hidden;
		clear: both;
	}

.newsletter-validation,
.newsletter-result {
    margin: 10px 0;
    line-height: 20px;
    font-size: 13px;
    color: #444;
}

	.newsletter-validation .please-wait {
		display: none !important;
	}

.footer-middle {
    margin-bottom: 50px;
    overflow: hidden;
}

	.footer-middle .social-icons,
	.footer-middle .pay-options {
		margin-top: 40px;
	}

.pay-options img {
	margin: 0 2px;
	max-width: 30px;
}

.social-sharing {
    display: grid;
    grid-template-columns: repeat(6, max-content);
}

	.social-sharing ul {
		font-size: 0;
	}

	.social-sharing li {
		display: inline-block;
		margin: 0 3px;
	}

	.social-sharing a {
		display: block;
		width: 32px;
		height: 32px;
		line-height: 32px;
		text-align: center;
	}

		.social-sharing a:before {
			display: block;
			font-size: 22px;
			color: #8e8e8e;
			transition: color .2s ease;
		}

		.social-sharing a:hover:before {
			color: #97c300;
		}

	.social-sharing .facebook:before {
		content: "\6e";
	}

	.social-sharing .twitter:before {
		content: "\6f";
	}

	.social-sharing .google:before {
		content: "\70";
	}

	.social-sharing .pinterest:before {
		content: "\44";
	}

	.social-sharing .instagram:before {
		content: "\74";
	}

	.social-sharing .linkedin:before {
		content: "\75";
	}

	.social-sharing .vimeo:before {
		content: "\71";
	}

	.social-sharing .youtube:before {
		content: "\72";
	}

	.social-sharing .rss:before {
		content: "\73";
	}

	/*    filter: brightness(85%) sepia(100%) saturate(190%) hue-rotate(159deg);*/
	.social-sharing .blog svg {
		stroke: #8e8e8e;
		stroke-width: 14;
		transition: stroke .2s ease;
	}

		.social-sharing .blog svg:hover {
			stroke: #3ba7e3;
		}

.footer-lower {
    overflow: hidden;
    font-size: 11px;
}

.footer-lower-wrapper {
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
}

	.footer-lower-wrapper div {
		margin-bottom: 15px;
	}

.footer-lower-links {
	display: flex;
}

	.footer-lower-links li:not(:last-child) {
		margin-right: 10px;
	}

.footer-lower > div {
    display: block;
    margin: 5px 10px 0;
    color: #a0a0a0;
    font-size: 14px;
}

	.footer-lower > div:first-child {
		margin-top: 0;
	}

	.footer-lower > div a {
		color: #ededed;
	}

.footer-lower .theme-selector {
    margin: 15px 0 0;
}

.theme-selector select {
    width: 170px;
    height: 36px;
}

.footer-block ul {
    display: none;
    padding: 10px 0;
    background-color: #f6f6f6;
}

	.footer-block ul li {
		padding: 8px;
	}

.footer-block {
    border-bottom: 1px solid #eeeeee;
}

	.footer-block:first-child {
		border-top: 1px solid #eeeeee;
	}

.footer .title {
	margin-bottom: 15px;
	text-transform: uppercase;
	color: #FFF;
	font-size: 14px;
}

.footer-block .title {
    position: relative;
    margin: 0;
    padding: 15px 45px;
    text-transform: uppercase;
    color: #FFF;
    font-size: 14px;
    cursor: pointer;
}

	.footer-block .title:before,
	.footer-block .title:after {
		content: "\77";
		position: absolute;
		display: inline-block;
		top: 50%;
		left: 20px;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		font-size: 9px;
		color: #97c300;
		text-transform: none;
		transition: all .3s ease;
	}

	.footer-block .title:after {
		left: auto;
		right: 20px;
	}

	.footer-block .title.open:before,
	.footer-block .title.open:after {
		-webkit-transform: translateY(-50%) rotate(180deg);
		-ms-transform: translateY(-50%) rotate(180deg);
		transform: translateY(-50%) rotate(180deg);
	}

.footer-lower {
    padding: 30px 20px;
    background-color: #444444;
}

.footer-upper-container {
	width: 100%;
	display: inline-block;
}
/*********** SMALL PRODUCT CAROUSELS ***********/
.small-products .nop-jcarousel.product-grid .slick-carousel {
    margin: 0 !important;
}

.small-products .nop-jcarousel .slick-slide {
	padding: 0 !important;
}

.small-products .item-box {
	border-radius: 3px !important;
	overflow: hidden;
	max-height: 120px;
}

	.small-products .item-box .product-item {
		font-size: 0;
	}

		.small-products .item-box .product-item > div {
			display: inline-block;
			vertical-align: top;
		}

	.small-products .item-box .prices .actual-price {
		display: block;
		margin: 0;
	}

	.small-products .item-box .product-item > div:first-child {
		width: 120px;
	}

	.small-products .item-box .picture {
		margin: 0;
		border-radius: 0;
	}

		.small-products .item-box .picture > a:before {
			padding-top: 100%;
		}

	.small-products .item-box .details {
		width: calc(100% - 120px);
		padding: 13px;
		text-align: left;
	}

	.small-products .item-box .prices {
		max-width: 100%;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	.small-products .item-box .buttons,
	.small-products .item-box .btn-wrapper {
		display: none;
	}

	.small-products .item-box .product-title,
	.small-products .item-box .title {
		padding: 0;
		height: auto;
		max-height: 39px;
	}

	.small-products .item-box .prices > *:last-child:not(:empty) {
		margin: 0;
	}

.two-row-carousels {
    padding: 0 20px;
}

	.two-row-carousels .product-grid .title {
		font-size: 24px;
	}

	.two-row-carousels:after {
		content: "";
		display: block;
		clear: both;
	}

	.two-row-carousels .slick-slide {
		min-height: 241px;
	}

	.two-row-carousels .slick-arrow {
		position: absolute;
		top: auto;
		bottom: 101px;
		width: 40px;
		height: 40px;
		background-color: #fff;
		cursor: pointer;
		border: 1px solid #eee;
		border-radius: 50%;
		text-align: center;
		font-size: 0;
		transition: all .2s ease;
		z-index: 1;
	}

		.two-row-carousels .slick-arrow:before {
			display: block;
			color: #d0d0d0;
			font-size: 12px;
			line-height: 40px;
			transition: all .2s ease;
			text-transform: none;
		}

		.two-row-carousels .slick-arrow:hover {
			background-color: #97c300;
			border: 1px solid #97c300;
		}

			.two-row-carousels .slick-arrow:hover:before {
				color: #fff;
			}

	.two-row-carousels .slick-prev:before {
		content: "\6b";
	}

	.two-row-carousels .slick-prev {
		left: 0;
		margin-left: -20px;
	}

	.two-row-carousels .slick-next:before {
		content: "\6a";
	}

	.two-row-carousels .slick-next {
		right: 0;
		margin-right: -20px;
	}

	.two-row-carousels .slick-list {
		border: 1px solid #eee;
		border-radius: 3px;
	}

	.two-row-carousels .slick-slide > div {
		font-size: 0;
	}

		.two-row-carousels .slick-slide > div:first-child {
			border-bottom: 1px solid #eee;
		}

	.two-row-carousels .item-box {
		float: none !important;
		margin: 0 !important;
		border: none !important;
		border-radius: 0 !important;
	}




/*********** LEFT/RIGHT COLUMN ***********/



.block {
    border: 1px solid #eee;
    border-radius: 3px;
    margin: 0 0 10px;
    text-align: center;
}

	.block .title {
		position: relative;
		padding: 14px 20px 14px 50px;
		font-size: 17px;
		color: #444444;
		background-color: #f6f6f6;
		cursor: pointer;
		text-align: left;
	}

		.block .title strong {
			font-weight: 300;
			display: block;
		}

		.block .title:before {
			content: "\77";
			display: inline-block;
			position: absolute;
			left: 25px;
			top: 50%;
			-webkit-transform: translateY(-50%) rotate(-90deg);
			-ms-transform: translateY(-50%) rotate(-90deg);
			transform: translateY(-50%) rotate(-90deg);
			font-size: 10px;
			color: #97c300;
			text-transform: none;
			transition: all .4s ease;
		}

		.block .title.open:before {
			-webkit-transform: translateY(-50%) rotate(0deg);
			-ms-transform: translateY(-50%) rotate(0deg);
			transform: translateY(-50%) rotate(0deg);
		}

	.block .listbox {
		display: none;
		padding: 18px;
		text-align: left;
	}

		.block .listbox:after {
			content: "";
			display: block;
			clear: both;
		}

	.block .poll {
		padding: 10px 0;
	}

	.block .list li.active > a {
		color: #97c300;
		font-weight: bold;
	}

	.block .list a {
		display: inline-block;
		padding: 8px 0;
		font-size: 15px;
		color: #8c8c8c;
		transition: all .2s ease;
	}

.block-recently-viewed-products a.product-picture {
    padding: 0;
}

.block .list a:hover {
    color: #97c300;
}

.block .list .product-picture {
    display: none;
}

.block .sublist {
    padding: 0 15px;
}

.block .view-all {
    margin: 7px 0;
}

	.block .view-all a {
		display: block;
		margin: 15px 0 0;
		font-weight: bold;
		font-size: 13px;
		text-transform: uppercase;
		color: #97c300;
		transition: all .2s ease;
	}

		.block .view-all a:hover {
			color: #5c7600;
		}

.block .tags {
    margin: 0 0 10px;
}

	.block .tags ul {
		font-size: 0;
	}

	.block .tags li,
	.product-tags-all-page li {
		display: inline-block;
		position: relative;
		margin: 0 10px;
		overflow: hidden;
		font-size: 16px !important; /*setting base size*/
	}

		.block .tags li a,
		.product-tags-all-page li a {
			float: left;
			line-height: 30px;
			color: #8c8c8c;
			transition: all .2s ease;
		}

			.block .tags li a:hover,
			.product-tags-all-page li a:hover {
				color: #97c300
			}

.poll > strong {
    display: block;
    margin: 0 0 20px;
    font-size: 18px;
    color: #97c300;
}

.poll-options,
.poll-results {
    margin: 0 0 15px;
    overflow: hidden;
}

.home-page-polls .poll-options li {
    margin-bottom: 5px;
    text-align: left;
}

.home-page-polls .poll .buttons {
    margin-top: 30px;
}

.home-page-polls .poll-total-votes {
    margin-top: 0;
}

.home-page-polls .answer label {
    display: block;
    border: 1px solid #eeeeee;
    border-radius: 3px;
    padding: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #444444;
    cursor: pointer;
    transition: all .2s ease;
}

.home-page-polls .answer input[type="radio"]:checked + label:before {
    border: 4px solid #fff;
    background-color: #97c300;
}

.home-page-polls .answer:hover label {
    background-color: #f6f6f6;
}

.home-page-polls .poll {
    max-width: 500px;
    margin: 0 auto;
}

.poll .buttons,
.poll-total-votes {
    margin-top: 15px;
}

.home-page-polls .poll .buttons input {
    color: #fff;
    background-color: #eebe00;
    padding: 15px 30px;
    border-radius: 3px;
}

.poll .buttons input:hover {
	background-color: #e8af00;
	color: #fff;
}

.poll .buttons input {
    padding: 10px 20px;
    border: none;
    background-color: #f1f1f1;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    color: #8c8c8c;
    transition: all .2s ease;
}

.poll-total-votes {
    display: block;
    margin: 10px 0 0;
    font-weight: bold;
    text-align: right;
    font-size: 13px;
    text-transform: uppercase;
    color: #8c8c8c;
}

.block .poll .buttons {
    text-align: left;
}

.block .poll-options li,
.poll-results li {
    display: block;
    margin-bottom: 15px;
    font-size: 15px;
    color: #8c8c8c;
    text-align: left;
}

	.block .poll-options li:last-child {
		margin-bottom: 0;
	}

.block .poll-results li:last-child {
    margin-bottom: 10px;
}


.home-page-polls {
    text-align: center;
    margin: 0 10px 50px;
}

	.home-page-polls .title {
		margin: 0 0 20px;
		font-size: 28px;
		color: #444444;
	}

		.home-page-polls .title strong {
			font-weight: bold;
		}

.answer {
    position: relative;
    overflow: hidden;
}

	.answer input[type="radio"] {
		position: absolute;
		left: -9999px;
	}

	.answer label {
		display: block;
		padding: 7px 0;
		font-size: 15px;
		color: #8c8c8c;
		cursor: pointer;
		transition: all .2s ease;
	}

.block .answer label:hover {
    color: #97c300;
}

.block .answer:after {
    content: "";
    display: block;
    clear: both;
}

.answer span:last-child {
    float: right;
    font-size: 13px;
}

.answer span strong {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    font-size: 15px;
    color: #444444;
}

.answer label:before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #eeeeee;
    vertical-align: bottom;
    background-color: #fff;
}

.answer input[type="radio"]:checked + label:before {
    margin-left: 1px;
    width: 17px;
    height: 17px;
    margin-right: 9px;
    box-shadow: 0 0 0 1px #e7e7e7;
    border: 3px solid #fff;
    background-color: #97c300;
}



/********** CATEGORY PAGE **********/



.breadcrumb {
	margin: 0 20px 5px;
	text-align: center;
}

.center-1 .breadcrumb {
    margin-bottom: 20px;
}

.breadcrumb ul {
    font-size: 0;
}

.breadcrumb li {
    display: inline-block;
    font-size: 14px; /*reset zeroing*/
    line-height: 1.5;
    color: #a9a9a9;
}

	.breadcrumb li:last-child span {
		display: none;
	}

	.breadcrumb li > a,
	.breadcrumb li > span,
	.breadcrumb li > strong {
		margin: 0 3px;
		transition: color .2s ease;
	}

.breadcrumb strong {
    font-weight: normal;
}

.breadcrumb a:hover,
.breadcrumb a:hover span {
    color: #97c300;
}

.breadcrumb .delimiter {
    display: inline-block;
    margin-right: 5px;
    font-size: 0;
}

	.breadcrumb .delimiter:before {
		content: "\6a";
		display: block;
		font-size: 7px;
	}

.category-description,
.manufacturer-description,
.vendor-description,
.contact-vendor {
    margin: 0 0 40px;
}

.contact-vendor-button {
    border: none;
    padding: 0 25px;
    height: 45px;
    background-color: #eebe00;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 3px;
    transition: all .1s ease;
}

	.contact-vendor-button:hover {
		background-color: #e8af00;
	}

.filters-button-wrapper {
	display: none !important;
}

.product-filters {
    display: none;
}

.product-selectors {
    margin: 0 0 20px;
    text-align: center;
    font-size: 0;
}

	.product-selectors:after {
		content: "";
		display: block;
		clear: both;
	}

	.product-selectors .product-sorting,
	.product-selectors .product-page-size {
		width: calc(50% - 4px);
		display: inline-block;
		vertical-align: top;
	}

	.product-selectors .product-page-size {
		margin-left: 8px;
	}

	.product-selectors select {
		display: block;
		padding: 0 40px 0 20px;
		width: 100%;
		height: 50px;
		border: none;
		background-color: #f1f1f1;
		background-image: url('../svg/select-arrow-dark.svg');
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		color: #8c8c8c;
		text-align: center;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

#products-pagesize-desktop {
    display: none;
}

.product-selectors .product-viewmode {
    display: none;
}

	.product-selectors .product-viewmode span {
		vertical-align: middle;
	}

	.product-selectors .product-viewmode a {
		display: inline-block;
		width: 30px;
		height: 45px;
		margin: 0 8px 0 0;
		background-position: center;
		background-repeat: no-repeat;
		vertical-align: middle;
		font-size: 0;
		opacity: 0.5;
	}

		.product-selectors .product-viewmode a:last-child {
			margin: 0;
		}

		.product-selectors .product-viewmode a.grid {
			background-image: url('../png/view-grid.png');
		}

		.product-selectors .product-viewmode a.list {
			background-image: url('../png/view-list.png');
		}

		.product-selectors .product-viewmode a.selected {
			opacity: 1;
		}

.item-grid:after {
    content: "";
    display: block;
    clear: both;
}

.item-box {
    position: relative;
    width: 49%;
    float: left;
    margin: 0 0 2% 2%;
    border: 1px solid #eeeeee;
    background-color: #fff;
    border-radius: 3px;
    overflow: hidden;
}

	.item-box:nth-child(2n+1) {
		margin-left: 0;
		clear: both;
	}

	.item-box .picture {
		z-index: 1;
		overflow: hidden;
		background-color: #fff;
		margin: 0 0 5px;
		border-radius: 2px 2px 0 0;
	}

		.item-box .picture > a {
			display: block;
			position: relative;
			overflow: hidden;
		}

			.item-box .picture > a:before {
				content: "";
				display: block;
				padding-top: 100%;
			}

			.item-box .picture > a img {
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%,-50%);
				-ms-transform: translate(-50%,-50%);
				transform: translate(-50%,-50%);
				max-width: 100%;
				/*height: 100%; removed*/
				max-height: 100%;
			}

	.item-box .manufacturer-item .picture > a img,
	.item-box .vendor-item .picture > a img {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		max-width: 100%;
		height: auto;
	}

	.item-box .details {
		padding: 10px;
	}

	.item-box .product-title,
	.item-box .title {
		height: auto;
		margin: 0 0 7px;
		overflow: hidden;
		font-size: 15px;
		font-weight: normal;
		color: #444444;
	}

		.item-box .product-title a,
		.item-box .title a {
			display: block;
		}

	.item-box .sku {
		font-size: 13px;
		color: #8c8c8c;
		margin-bottom: 10px;
	}

	.item-box .product-rating-box {
		display: inline-block;
		margin: 0 0 8px;
	}

	.item-box .rating {
		background: url('../gif/rating1.gif') repeat-x;
		width: 65px;
		height: 12px;
	}

		.item-box .rating div {
			background: url('../gif/rating2.gif') repeat-x;
			height: 12px;
		}

	.item-box .description {
		display: none; /*hidden by design*/
		height: 30px;
		margin: 0 0 10px;
		overflow: hidden;
	}

		.item-box .description a {
			display: block;
			overflow: hidden;
		}

	.item-box .prices {
		overflow: hidden;
	}

		.item-box .prices *:empty {
			display: none;
		}

		.item-box .prices * {
			display: inline-block;
		}

	.item-box .old-price {
		font-size: 14px;
		color: #999;
		text-decoration: line-through;
	}

	.item-box .actual-price {
		font-size: 18px;
		color: #97c300;
		font-weight: bold;
	}

		.item-box .old-price + .actual-price,
		.item-box .actual-price + .tax-shipping-info {
			margin-left: 5px;
		}

	.item-box .tax-shipping-info {
		color: #8c8c8c;
	}

		.item-box .tax-shipping-info a {
			color: #97c300;
		}

	.item-box .base-price-pangv {
		color: #8c8c8c;
	}

	.item-box .buttons {
		display: none;
		font-size: 0;
	}

	.item-box input[type="button"] {
		height: 40px;
		padding: 0 5%;
		vertical-align: middle;
		border: none;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	.item-box .button-2 {
		width: 100%;
		background-color: #f1f1f1;
		border-radius: 3px;
		font-weight: bold;
		font-size: 14px;
		color: #8c8c8c;
		text-transform: uppercase;
		transition: all .2s ease;
	}

	.item-box .buttons .button-2:hover {
		background-color: #eebe00;
		color: #fff;
	}

	.item-box .product-rating-box {
		margin-bottom: 10px;
	}

	.item-box .btn-wrapper {
		display: none;
		font-size: 0;
	}

		.item-box .btn-wrapper .button-2 {
			margin-left: 4px;
			width: 40px;
			height: 40px;
			line-height: 40px;
			font-size: 0;
			border-radius: 30px;
			background-color: #f1f1f1;
			border: 0;
			font-size: 0;
			backface-visibility: hidden;
			transition: all .1s ease;
		}

		.item-box .btn-wrapper button:before {
			transition: all .1s ease;
			text-transform: none;
			font-weight: normal;
			font-size: 18px;
			color: #8e8e8e;
		}

		.item-box .btn-wrapper .add-to-wishlist-button:before {
			content: "\63";
		}

		.item-box .btn-wrapper .add-to-compare-list-button:before {
			content: "\62";
		}

		.item-box .btn-wrapper button:hover {
			background-color: #97c300;
		}


			.item-box .btn-wrapper button:hover:before {
				color: #fff;
			}

.home-page-category-grid,
.sub-category-grid,
.manufacturer-grid {
	margin: 0 auto 45px;
}

	.home-page-category-grid .item-box {
		background-color: #f6f6f6;
	}

.category-grid .item-box {
    border: none;
}

	.category-grid .item-box .picture {
		border: none;
		background: transparent;
		margin: 0;
	}

		.category-grid .item-box .picture a:before {
			padding-top: 73.33%;
		}

.vendor-item .picture,
.manufacturer-item .picture {
    margin-bottom: 0
}

.vendor-item .title,
.manufacturer-item .title,
.category-grid .item-box .title {
    margin-bottom: 0;
    height: auto;
}

	.vendor-item .title a,
	.manufacturer-item .title a,
	.category-grid .item-box .title a {
		display: block;
		padding: 16px 15px;
		font-size: 13px;
		color: #444444;
		font-weight: bold;
		letter-spacing: 2px;
		text-transform: uppercase;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		transition: color .2s ease;
	}

@media (min-width: 1025px) {
    .manufacturer-item .title a {
        height: 50px;
        white-space: normal;
        padding: 0 !important;
        letter-spacing: normal;
        text-transform: none;
    }
}

.sub-category-grid .item-box .title a {
	white-space: normal;
	text-overflow: initial;
}

.vendor-item:hover .title a,
.manufacturer-item:hover .title a,
.category-grid .item-box:hover .title a {
	color: #97c300;
}

.home-page-advantages {
	margin-bottom: 45px;
	overflow: hidden;
}

.advantages-item {
	padding: 10px 15px;
	margin-bottom: 5px;
	background-color: #f6f6f6;
	overflow: hidden;
	text-align: left;
}

	.advantages-item > div {
		display: inline-block;
		vertical-align: middle;
	}

	.advantages-item .description {
		display: none;
	}

	.advantages-item .picture {
		width: 40px;
		height: 40px;
	}

		.advantages-item .picture img {
			max-height: 100%;
			max-width: 100%;
		}

	.advantages-item .info {
		width: calc(100% - 55px);
		padding-left: 10px;
	}

	.advantages-item .title {
		font-size: 15px;
		color: #444444;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 3px;
	}

		.advantages-item .title a {
			transition: all .2s ease;
		}

			.advantages-item .title a:hover {
				color: #97c300;
			}

.product-grid .title {
	margin: 0 0 25px;
	font-size: 28px;
	color: #444444;
	font-weight: bold;
	text-align: center;
}

.pager {
	margin: 0 0 20px;
}

	.pager:last-child {
		margin-bottom: 0;
	}

	.pager ul {
		text-align: center;
		font-size: 0;
	}

	.pager li {
		display: inline-block;
		margin: 0 5px;
		vertical-align: middle;
	}

		.pager li a,
		.pager li span {
			display: block;
			width: 38px;
			height: 38px;
			line-height: 37px;
			border-radius: 50%;
			text-align: center;
			font-size: 15px; /*reset zeroing*/
			cursor: pointer;
			color: #8c8c8c;
			transition: all .3s ease;
		}

			.pager li a:hover,
			.pager li span {
				color: #fff;
				background-color: #97c300;
				border-color: #97c300 !important;
			}

				.pager li a:hover::before {
					color: #fff;
				}

			.pager li a:before {
				display: block;
				font-size: 12px;
				color: #d0d0d0;
				line-height: 37px;
				transition: all .3s ease;
			}

		.pager li.previous-page a,
		.pager li.next-page a,
		.pager li.first-page a,
		.pager li.last-page a {
			font-size: 0;
			background-color: #fff;
		}

			.pager li.previous-page a:hover,
			.pager li.next-page a:hover,
			.pager li.first-page a:hover,
			.pager li.last-page a:hover {
				background-color: #97c300;
			}

.previous-page a,
.next-page a,
.first-page a,
.last-page a {
	border: 1px solid #e4e4e4;
}

	.previous-page a:before,
	.next-page a:before {
		content: "\6b";
	}

	.next-page a:before {
		content: "\6a";
	}

	.first-page a:before {
		content: "\56";
	}

	.last-page a:before {
		content: "\57";
	}


/********** PRODUCT PAGE **********/


.product-details-page .product-grid {
	width: 100%;
}

.mobile-name-holder {
	margin-bottom: 30px;
}

	.mobile-name-holder .breadcrumb {
		margin: 0 0 20px;
	}

.product-essential {
	margin: 0 0 20px;
}

	.product-essential:after {
		content: "";
		display: block;
		clear: both;
	}

.gallery {
	margin: 0 auto 40px;
	max-width: 500px;
}

	.gallery .picture {
		position: relative;
		max-width: 100%;
		margin: 0 auto;
		border-radius: 3px;
		overflow: hidden;
		background-color: #fff;
		text-align: center;
		font-size: 0;
	}

		.gallery .picture:before {
			content: "";
			display: block;
			width: 100%;
			padding-top: 100%;
		}

		.gallery .picture img {
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			left: 0;
			margin: auto;
			max-height: 100%;
		}

	.gallery .picture-thumbs {
		margin: 10px 0 0;
		overflow: hidden;
		text-align: center;
		font-size: 0;
	}

	.gallery .thumb-item {
		display: inline-block;
		position: relative;
		width: 85px;
		margin: 0 4px 10px;
		border-radius: 3px;
		border: 1px solid #eeeeee;
		overflow: hidden;
		background-color: #fff;
		cursor: pointer;
	}

		.gallery .thumb-item:before {
			content: "";
			display: block;
			padding-top: 100%;
		}

		.gallery .thumb-item img {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			max-width: 100%;
			max-height: 100%;
			margin: auto;
		}

.overview {
	position: relative;
	margin: 0 0 20px;
}

	.product-name .manufacturers,
	.overview .manufacturers {
		font-size: 15px;
		color: #8c8c8c;
	}

		.product-name .manufacturers .value,
		.overview .manufacturers .value {
			color: #97c300;
		}

			.product-name .manufacturers .value:hover,
			.overview .manufacturers .value:hover {
				color: #7c9a16;
			}

.product-manufacturer-logo {
	display: inline-block;
	vertical-align: middle;
}

.discontinued-product {
	margin: 0 0 20px;
	color: #ff4f60;
}

.overview .product-name {
	margin: 0 0 25px;
}

.product-name h1 {
	margin-bottom: 10px;
	font-size: 26px;
	color: #444444;
	font-weight: bold;
}

.overview .short-description {
	margin: 0 0 30px;
	padding: 0 10px;
	font-size: 16px;
	line-height: 1.5;
	color: #8c8c8c;
}

.product-reviews-overview {
	margin: 0 0 20px; /*not present in variant-overview*/
}

.product-review-box {
	display: inline-block;
	margin: 0 0 5px;
}

	.product-review-box .rating {
		width: 65px;
		height: 12px;
		background: url('../gif/rating1.gif') repeat-x;
	}

		.product-review-box .rating div {
			height: 12px;
			background: url('../gif/rating2.gif') repeat-x;
		}

.product-no-reviews a {
	font-size: 14px;
	color: #8c8c8c;
	transition: color .2s ease;
}

	.product-review-links a:hover,
	.product-no-reviews a:hover {
		color: #97c300;
	}

.product-review-links {
	font-size: 14px;
	color: #8c8c8c;
}

	.product-review-links .separator {
		margin: 0 5px;
	}

	.product-review-links a {
		transition: color .2s ease;
	}

.overview .compare-products {
	margin-bottom: 40px;
}

.compare-products .add-to-compare-list-button {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #8c8c8c;
	text-transform: uppercase;
	border: none;
	background: transparent;
	transition: all .2s ease;
}

	.compare-products .add-to-compare-list-button:before {
		content: "\62";
		display: inline-block;
		vertical-align: text-bottom;
		margin-right: 10px;
		font-size: 18px;
		color: #8c8c8c;
		text-transform: none;
		font-weight: normal;
		transition: all .2s ease;
	}

	.compare-products .add-to-compare-list-button:hover,
	.compare-products .add-to-compare-list-button:hover:before {
		color: #97c300;
	}

		.compare-products .add-to-compare-list-button:hover:before {
			-webkit-transform: rotate3d(1,0,0,180deg);
			-ms-transform: rotate3d(1,0,0,180deg);
			transform: rotate3d(1,0,0,180deg);
		}

.overview .stock,
.variant-overview .stock {
	display: inline-block;
	padding: 10px 20px;
	margin: 0 0 20px;
	font-weight: bold;
	font-size: 13px;
	color: #8c8c8c;
	text-transform: uppercase;
	background-color: #f6f6f6;
	border-radius: 2px;
}

	.overview .stock .label,
	.variant-overview .stock .label {
		display: none;
	}

.back-in-stock-subscription {
	margin: 0 0 15px;
	font-size: 0;
	backface-visibility: hidden;
}

	.back-in-stock-subscription:before {
		content: "\45";
		display: inline-block;
		margin-right: 7px;
		vertical-align: bottom;
		color: #8c8c8c;
		font-size: 17px;
		transition: color .2s ease;
	}

	.back-in-stock-subscription:hover:before {
		color: #97c300;
		-webkit-animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
		-moz-animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
		animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
	}

	.back-in-stock-subscription input {
		background: transparent;
		border: none;
		font-size: 12px;
		font-weight: bold;
		color: #8c8c8c;
		text-transform: uppercase;
		transition: color .2s ease;
	}

.overview .additional-details,
.variant-overview .additional-details {
	margin-bottom: 30px;
}

	.overview .additional-details div,
	.variant-overview .additional-details div {
		margin: 0 0 5px;
		font-size: 15px;
		color: #8c8c8c;
	}

		.overview .additional-details div .value,
		.variant-overview .additional-details div .value {
			color: #444444;
		}

			.overview .additional-details div .value a,
			.variant-overview .additional-details div .value a {
				color: #97c300;
				text-decoration: none;
			}

				.overview .additional-details div .value a:hover,
				.variant-overview .additional-details div .value a:hover {
					color: #7c9a16;
				}

.overview .delivery {
	margin: 20px 0 10px;
}

.variant-overview .delivery {
	margin: 20px 0 0;
}

.delivery .free-shipping {
	color: #8c8c8c;
	font-size: 14px;
}

.delivery .delivery-date {
	font-size: 14px;
	color: #8c8c8c;
}

.free-shipping + .delivery-date {
	margin: 5px 0 0;
}

.download-sample {
	font-size: 0;
	margin: 30px 0;
}

	.download-sample a {
		font-size: 13px;
		color: #97c300;
		font-weight: bold;
		text-transform: uppercase;
	}

		.download-sample a:before {
			content: "\4a";
			display: inline-block;
			margin-right: 10px;
			font-size: 18px;
			text-transform: none;
			font-weight: normal;
			vertical-align: text-bottom;
		}

.overview-buttons div {
	display: inline-block;
	margin: 0 5px 10px;
}

.attributes {
	padding: 10px;
	font-size: 15px;
	text-align: left;
	margin: 0 auto 20px;
}

	.attributes:only-child {
		margin-bottom: 0;
	}

.attributes-wrapper > div {
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
}

	.attributes-wrapper > div.product-prices-box {
		max-width: none;
	}

.attributes dl {
	overflow: hidden;
}

.attributes dt,
.attributes .attribute-label,
.giftcard label {
	display: block;
	font-size: 15px;
	margin: 0 0 5px;
	white-space: nowrap;
	font-weight: bold;
	color: #444444;
}

.attributes dt,
.attributes dd {
	text-align: center;
}

	.attributes dd li {
		text-align: left;
	}

.attributes .required {
	color: #444444;
}

.attributes dd {
	margin: 0 0 20px;
}

	.attributes dd:last-child {
		margin-bottom: 0;
	}

.attributes li {
	margin: 8px 0 10px;
}

.attributes dd select,
.product-details-page .attributes dd select:only-child {
	max-width: 100%;
}

.product-details-page .attributes dd select {
	max-width: calc(100% - 60px);
}

.attributes select + .qty-box {
	margin-top: 10px;
}

.attributes dd input[type="text"],
.attributes dd input[type="password"],
.attributes dd input[type="tel"],
.attributes dd input[type="email"],
.attributes dd select:only-child {
	width: 100%;
	line-height: 45px;
}

.attributes.rental-attributes {
	font-size: 0;
}

	.attributes.rental-attributes > div {
		display: inline-block;
		width: 49%;
	}

		.attributes.rental-attributes > div:nth-child(2n) {
			margin-left: 2%
		}

		.attributes.rental-attributes > div:only-child {
			width: 100%;
			margin-left: 0;
		}

	.attributes.rental-attributes input {
		height: 45px;
		padding: 0 20px;
		border-radius: 3px;
		text-align: left;
	}

.product-estimate-shipping {
	margin: 20px 0 10px;
	color: #8c8c8c;
}

	.product-estimate-shipping a {
		display: block;
	}

	.product-estimate-shipping i {
		display: inline-block;
		transform: rotate(45deg);
		margin: 0 0 6px 9px;
		border: solid black;
		border-width: 0 1px 1px 0;
		padding: 3px 3px;
	}

	.product-estimate-shipping .shipping-loading {
		display: none !important; /*disable preloader*/
	}

	.product-estimate-shipping .shipping-title {
		margin: 0 0 5px;
		font-size: 15px;
	}

	.product-estimate-shipping .shipping-price {
		margin: 0 0 0 5px;
		vertical-align: middle;
		color: #000;
	}

	.product-estimate-shipping .shipping-address {
		white-space: nowrap;
		font-size: 12px;
	}

		.product-estimate-shipping .shipping-address span {
			display: inline-block;
			max-width: calc(100% - 30px);
			overflow: hidden;
			text-overflow: ellipsis;
		}

	.product-estimate-shipping .shipping-date {
		margin: 15px 0 0;
		font-size: 14px;
	}

.product-social-buttons {
	margin-bottom: 30px;
}

.product-social-label {
	display: inline-block;
	margin-bottom: 20px;
	font-size: 15px;
	font-weight: bold;
	color: #444444;
}

.product-social-sharing li {
	display: inline-block;
	margin: 0 5px;
	vertical-align: top;
}

	.product-social-sharing li a {
		display: block;
		font-size: 0;
		backface-visibility: hidden;
	}

		.product-social-sharing li a:before,
		.email-a-friend:before {
			display: block;
			font-size: 22px;
			color: #8e8e8e;
			transition: all .5s ease;
		}

		.product-social-sharing li a:hover:before,
		.product-social-sharing .email-a-friend:hover:before {
			-webkit-transform: rotate3d(0,1,0,360deg);
			-ms-transform: rotate3d(0,1,0,360deg);
			transform: rotate3d(0,1,0,360deg);
		}

.product-social-sharing a.twitter:before {
	content: "\6f";
}

.product-social-sharing a.facebook:before {
	content: "\6e";
}

.product-social-sharing a.pinterest:before {
	content: "\44";
}

.product-social-sharing a.google:before {
	content: "\70";
}

.product-social-sharing .email-a-friend:before {
	content: "\6d";
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}

.product-social-sharing .email-a-friend {
	position: relative;
}

	.product-social-sharing .email-a-friend input {
		width: 22px;
		height: 22px;
		border: none;
		background: transparent;
		font-size: 0;
	}

.product-social-sharing li a:hover:before,
.email-a-friend:hover:before {
	color: #97c300;
}

.attributes .qty-box {
	margin: 0 0 0 5px;
}

	.attributes .qty-box label {
		display: none;
	}

	.attributes .qty-box input[type="text"] {
		width: 50px;
		height: 45px;
		text-align: center;
		border-radius: 3px;
	}


.gender label,
.option-list li label,
.inputs.accept-consent label,
td.remove-from-cart label,
td.add-to-cart label,
.terms-of-service label,
.terms-of-agreement label,
.selector label,
.use-reward-points label {
	display: inline-block;
	font-size: 15px;
	cursor: pointer;
	transition: all .2s ease;
}

.attributes .datepicker {
	width: 100%;
	text-align: center;
}

.ui-datepicker {
	width: 280px;
	background-color: #fff;
	text-align: center;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
	border-radius: 3px;
	overflow: hidden;
}

.ui-datepicker-header {
	position: relative;
	height: 32px;
	background-color: #97c300;
	color: #fff;
	overflow: hidden;
}

	.ui-datepicker-header a {
		position: absolute;
		top: 0;
		z-index: 1;
		width: 40px;
		height: 32px;
		line-height: 32px;
		font-size: 0;
		transition: all .2s ease;
	}

		.ui-datepicker-header a:hover {
			background-color: rgba(0,0,0,.1);
		}

		.ui-datepicker-header a:before {
			display: block;
			font-size: 10px;
			color: #fff;
		}

		.ui-datepicker-header a.ui-datepicker-prev {
			left: 0;
		}

			.ui-datepicker-header a.ui-datepicker-prev:before {
				content: "\6b";
			}

		.ui-datepicker-header a.ui-datepicker-next {
			right: 0;
		}

			.ui-datepicker-header a.ui-datepicker-next:before {
				content: "\6a";
			}

.ui-datepicker-title {
	position: relative;
	z-index: 0;
	line-height: 32px;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
}

.ui-datepicker-calendar th {
	background-color: #f6f6f6;
}

.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
	width: 14.285%;
}

	.ui-datepicker-calendar th span,
	.ui-datepicker-calendar td a {
		display: block;
		font-size: 14px;
		color: #8c8c8c;
		min-height: 32px;
		line-height: 32px;
		border-radius: 3px;
		transition: all .2s ease;
	}

	.ui-datepicker-calendar th span {
		font-size: 13px;
	}

	.ui-datepicker-calendar td a:hover {
		background-color: #f1f1f1;
	}

.ui-datepicker-calendar a.ui-state-active:hover,
.ui-datepicker-calendar a.ui-state-active {
	background-color: #97c300;
	color: #fff;
}

.attribute-squares {
	font-size: 0;
}

	.attribute-squares li {
		display: inline-block;
		margin: 0 5px 5px;
		line-height: normal !important;
		text-align: center;
	}

	.attribute-squares label {
		display: block;
		margin: 0 !important;
		overflow: hidden;
	}

	.attribute-squares input[type="radio"] {
		position: absolute;
		left: auto;
		z-index: -1;
		opacity: 0;
		margin-top: -25px;
	}

	.attribute-squares span {
		display: block;
		user-select: none;
	}

.attribute-square {
	display: block !important;
	width: 32px !important;
	height: 32px !important;
	border: 2px solid #e7e7e7;
	border-radius: 3px;
	cursor: pointer;
}

.selected-value .attribute-square {
	border-color: #868686;
}

.attribute-squares .tooltip-container {
	position: absolute;
	display: block;
	width: 200px;
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #eeeeee;
	text-align: center;
	visibility: hidden;
	border-radius: 5px;
}

.tooltip-container:before {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -7px;
	width: 0;
	height: 0;
	border-bottom: 7px solid #eeeeee;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
}

.tooltip-container:after {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -6px;
	width: 0;
	height: 0;
	border-bottom: 6px solid #f6f6f6;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
}

.attribute-squares li:hover .tooltip-container {
	visibility: visible;
	margin-left: -83px;
	margin-top: 5px;
	z-index: 999;
}

.tooltip-container .tooltip-header {
	background-color: #f6f6f6;
	height: 25px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	padding-left: 10px;
	padding-top: 5px;
	text-align: left;
	color: #8c8c8c;
	width: 198px;
	font-size: 13px;
	border-bottom: 1px #EEEEEE solid;
}

.tooltip-container .tooltip-body {
	margin: 5px;
}

	.tooltip-container .tooltip-body img {
		border: 0px #FFF;
		width: 190px;
	}

.giftcard {
	margin: 0 0 20px;
	overflow: hidden;
	clear: both;
}

	.giftcard div {
		margin: 0 0 20px;
	}

	.giftcard label {
		display: block;
		margin: 0 0 5px;
	}

	.giftcard input,
	.giftcard textarea {
		width: 100%;
		height: 45px;
		line-height: 45px;
		border-radius: 3px;
	}

	.giftcard textarea {
		height: 150px;
		line-height: 1.5;
	}

.overview .prices,
.variant-overview .prices {
	margin: 10px 0;
	overflow: hidden;
	font-size: 14px;
	color: #8c8c8c
}

	.overview .prices > div,
	.variant-overview .prices > div {
		margin: 0 0 5px;
	}

.overview .old-product-price,
.variant-overview .old-product-price {
	color: #8c8c8c;
	text-decoration: line-through;
	font-size: 0;
}

	.overview .old-product-price span,
	.overview .old-product-price label,
	.variant-overview .old-product-price span,
	.variant-overview .old-product-price label {
		font-size: 17px;
	}

.overview .non-discounted-price,
.variant-overview .non-discounted-price {
	font-size: 14px;
	color: #8c8c8c;
}

.overview .product-price,
.variant-overview .product-price {
	font-size: 25px;
	color: #97c300;
	font-weight: bold;
}

.potential-discounts-container {
    margin-bottom: 1rem;
    font-size: 16px;
}

	.potential-discounts-container .potential-discount-call-to-action {
		color: #a33842;
	}

	.potential-discounts-container .potential-discounts {
		color: #484848;
	}

.grouped-product-box {
    margin-bottom: 40px;
}

	.grouped-product-box label {
		display: none;
		margin: 0 0 15px;
		color: #787878;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 13px;
	}

.grouped-btn {
	display: block;
	max-width: 320px;
	height: 45px;
	line-height: 45px;
	margin: 0 auto;
	padding: 0 15px;
	text-align: center;
	background-color: #f1f1f1;
	border-radius: 3px;
	font-size: 13px;
	color: #8c8c8c;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-transform: uppercase;
	font-weight: bold;
	transition: all .2s ease;
}

	.grouped-btn:before {
		content: "\4b";
		display: inline-block;
		vertical-align: bottom;
		margin-right: 10px;
		font-size: 12px;
		color: #8e8e8e;
		text-transform: none;
		transition: all .2s ease;
	}

	.grouped-btn:hover {
		background-color: #eebe00;
		color: #fff;
	}

		.grouped-btn:hover:before {
			color: #fff;
		}

	.grouped-btn span {
		display: inline-block;
		vertical-align: top;
		margin-right: 5px;
	}

	.grouped-btn strong {
		display: inline-block;
		vertical-align: top;
	}

.tier-prices {
	margin: 20px 0 30px;
	font-size: 15px;
	color: #8c8c8c;
}

	.tier-prices .title {
		margin-bottom: 10px;
		font-size: 15px;
		font-weight: bold;
		color: #444444;
	}

	.tier-prices .prices-table {
		border: 1px solid #e7e7e7;
		overflow: hidden;
		border-radius: 3px;
	}

	.tier-prices .prices-row {
		float: left;
		width: 50%;
	}

		.tier-prices .prices-row > div {
			padding: 10px;
		}

	.tier-prices .item-price {
		color: #97c300;
	}

	.tier-prices .tbody {
		border-left: 1px solid #e7e7e7;
	}

.customer-entered-price {
	margin: 30px 0;
	overflow: hidden;
	padding: 10px;
}

	.customer-entered-price .price-input {
		margin-bottom: 5px;
	}

		.customer-entered-price .price-input label {
			display: block;
			font-size: 15px;
			margin: 0 0 5px;
			font-weight: bold;
			color: #444444;
		}

	.customer-entered-price .enter-price-input {
		border-radius: 3px;
		height: 45px;
		width: 150px;
		text-align: center;
	}

	.customer-entered-price .price-range {
		color: #8c8c8c;
	}

.overview .add-to-cart {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 10px;
	width: calc(100% - 55px);
	max-width: 330px;
}

.variant-overview .add-to-cart {
	display: inline-block;
}

.variant-overview .add-to-wishlist {
	display: inline-block;
	vertical-align: top;
	font-size: 0;
	margin-left: 5px;
}

.overview .min-qty-notification,
.variant-overview .min-qty-notification {
	margin: 0 0 10px;
	font-size: 14px;
	color: #8c8c8c;
}

.overview .add-to-cart-panel {
	position: relative;
	font-size: 0;
}

.variant-overview .add-to-cart-panel {
	position: relative;
	font-size: 0;
	display: inline-block;
	vertical-align: top;
}

.overview .qty-label,
.variant-overview .qty-label {
	position: absolute;
	left: -25px;
	line-height: 36px;
	display: none !important;
}

.overview .qty-input,
.variant-overview .qty-input,
.overview .qty-dropdown,
.variant-overview .qty-dropdown {
	border-radius: 3px;
	height: 45px;
	padding: 12px;
	text-align: center;
	color: #444444;
	font-size: 14px;
	vertical-align: top;
}

.overview .qty-dropdown,
.variant-overview .qty-dropdown {
	margin-right: 10px;
	width: 73px;
	padding: 0 33px 0 17px;
	border: 1px solid #e7e7e7;
	border-radius: 3px;
	background: url(../svg/select-arrow-dark.svg) no-repeat right 15px center;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.variant-overview .qty-dropdown,
.variant-overview .add-to-cart-qty-wrapper {
	margin-right: 5px;
}

.overview .qty-input,
.variant-overview .qty-input {
	padding-right: 27px;
	width: 80px;
}

.variant-buttons-wrapper {
	font-size: 0;
}

.overview .qty-dropdown + .add-to-cart-button {
	width: calc(100% - 85px);
	max-width: 250px;
}

.overview .add-to-cart-qty-wrapper + .add-to-cart-button {
	padding: 0;
	width: calc(100% - 90px);
	max-width: 250px;
}

.add-to-cart-qty-wrapper {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}

	.add-to-cart-qty-wrapper .plus,
	.add-to-cart-qty-wrapper .minus {
		position: absolute;
		top: 0;
		right: 0;
		left: auto;
		display: inline-block;
		width: 15px;
		height: 18px;
		margin: 3px;
		background-color: #f1f1f1;
		text-align: center;
		font-family: "emporium-icons";
		font-size: 7px;
		line-height: 18px;
		color: #8e8e8e;
		cursor: pointer;
		user-select: none;
		transition: all .2s ease;
	}

	.add-to-cart-qty-wrapper .minus {
		top: auto;
		bottom: 0;
	}

		.add-to-cart-qty-wrapper .plus:hover,
		.add-to-cart-qty-wrapper .minus:hover {
			background-color: #eaeaea;
		}

.overview .add-to-cart-button,
.variant-overview .add-to-cart-button {
	padding: 0 15px;
	font-size: 15px;
	vertical-align: top;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
}

.variant-overview .add-to-cart-button {
	padding: 0 14px;
	width: 140px;
}

.overview .add-to-wishlist {
	display: inline-block;
	margin-left: 5px;
}

	.overview .add-to-wishlist button {
		display: block;
		width: 45px;
		height: 45px;
		line-height: 45px;
		border: none;
		border-radius: 3px;
		font-weight: bold;
		color: #8c8c8c;
		font-size: 0;
		text-transform: uppercase;
		text-align: center;
		background-color: #f1f1f1;
		transition: all .1s ease;
	}

		.overview .add-to-wishlist button:hover {
			background-color: #eaeaea;
		}

		.overview .add-to-wishlist button:before {
			content: "\63";
			display: inline-block;
			vertical-align: bottom;
			color: #8c8c8c;
			font-size: 17px;
			text-transform: none;
			font-weight: normal;
		}

.pre-order-availability-date {
	display: block;
	margin-top: 10px;
	font-size: 14px;
	color: #8c8c8c;
}

	.pre-order-availability-date label {
		vertical-align: top;
	}

.full-description,
.product-specs-box {
	margin: 0 -10px;
	padding: 0 10px;
	background-color: #f6f6f6;
	clear: both;
}

.full-description {
	padding: 20px;
	line-height: 1.5;
	font-size: 15px;
	color: #8c8c8c;
	font-weight: 400;
}

.product-specs-box {
	padding: 10px 10px 30px;
}

	.product-specs-box thead {
		display: none;
	}

.product-details-page .related-products-grid,
.product-details-page .also-purchased-products-grid {
	margin-top: 70px;
}

.product-collateral .title {
	margin: 0 0 10px;
	letter-spacing: 2px;
	font-size: 15px;
	color: #444;
	font-weight: 700;
	text-transform: uppercase;
}

.product-tags-box .title,
.product-details-page .product-grid .title {
	font-size: 24px;
	color: #444444;
	font-weight: bold;
	text-transform: none;
	letter-spacing: normal;
}

.product-specs-box .data-table {
	border: 1px solid #eeeeee;
	border-radius: 3px;
	text-align: left;
	margin: 0;
}

	.product-specs-box .data-table td {
		padding: 20px 25px;
		border: none;
	}

.data-table td .color-squares {
	margin: -5px 0;
}

.product-specs-box .data-table td.spec-value {
	font-size: 16px;
	color: #444444;
	border-left: 1px solid #eeeeee;
}

.product-specs-box .data-table td.spec-name {
	font-size: 17px;
	color: #8c8c8c;
	font-weight: 300;
}

.attributes-wrapper {
	margin-bottom: 30px;
	border: 1px solid #eeeeee;
	border-radius: 3px;
	padding: 10px;
}

.product-variant-line .attributes-wrapper {
	border: none;
}

.product-tags-list {
	font-size: 0;
}

.product-tags-box {
	margin: 50px 0 85px;
}

	.product-tags-box:last-child {
		margin-bottom: 0;
	}

	.product-tags-box .title {
		margin-bottom: 20px;
	}

.product-tags-list li {
	display: inline-block;
	color: #8c8c8c;
	font-size: 16px; /*reset zeroing*/
}

	.product-tags-list li.separator {
		margin: 0 5px 0 3px;
	}

.product-tags-list a {
	display: inline-block;
	line-height: 24px;
	color: #97c300;
	transition: color .2s ease;
}

	.product-tags-list a:hover {
		color: #7c9a16;
	}

.product-collateral > div.product-variant-list {
	margin: 50px 0;
}

.product-variant-line {
	margin: 0 0 15px;
	border: 1px solid #eeeeee;
	border-radius: 3px;
	padding: 30px 10px;
}

	.product-variant-line:after {
		content: "";
		display: block;
		clear: both;
	}

.variant-picture {
	position: relative;
	width: 100%;
	max-width: 330px;
	max-height: 330px;
	margin: 0 auto 15px;
	border-radius: 3px;
	overflow: hidden;
}

	.variant-picture img {
		max-width: 100%;
	}

.variant-overview {
	width: 100%;
}

	.variant-overview .variant-name {
		margin: 0 0 10px;
		font-size: 22px;
		color: #444444;
		font-weight: bold;
	}

	.variant-overview .variant-description {
		margin: 0 0 15px;
		line-height: 1.5;
		font-size: 15px;
		color: #8c8c8c;
	}

	.variant-overview .add-to-wishlist-button {
		display: block;
		float: none;
		clear: both;
		width: 45px;
		height: 45px;
		margin: 0 auto;
		font-size: 0;
		border: none;
		background-color: #f2f2f2;
		border-radius: 3px;
		transition: all .1s ease;
	}

		.variant-overview .add-to-wishlist-button:before {
			display: block;
			content: "\63";
			font-size: 20px;
			color: #8e8e8e;
			transition: all .2s ease;
		}

		.variant-overview .add-to-wishlist-button:hover {
			background-color: #eaeaea;
		}

.ui-tabs {
	margin: 0 0 20px;
}

	.ui-tabs .ui-tabs-nav {
		overflow: hidden;
		text-align: center;
	}

		.ui-tabs .ui-tabs-nav li {
			display: inline-block;
			margin: 0 15px;
		}

			.ui-tabs .ui-tabs-nav li a {
				display: inline-block;
				padding: 15px;
				font-size: 15px;
				letter-spacing: 1px;
				font-weight: 700;
				color: #8c8c8c;
				border-bottom: 2px solid transparent;
				text-transform: uppercase;
				transition: all .1s ease;
			}

				.ui-tabs .ui-tabs-nav li a:hover {
					color: #97c300;
				}

			.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
			.ui-tabs .ui-state-active.ui-tabs-active a {
				color: #97c300;
				border-bottom: 2px solid #97c300;
			}

	.ui-tabs .ui-tabs-panel {
		background-color: #f6f6f6;
		padding: 40px 20px;
		margin: 0 -10px;
	}

	.ui-tabs .ui-tabs-hide {
		display: none;
	}


/************ GROUPED PRODUCTS ************/

.product-group .overview,
.product-group .overview .product-name {
    margin-bottom: 0px;
}

.product-variant-list {
	margin-top: 0px !important;
	padding-top: 0px !important;
	margin-bottom: 30px;
	overflow-x: auto;
	width: 100%;
}

.prod-variant-table {
    border-collapse: collapse; /* Combine borders of table cells */
    table-layout: auto; /* Allow columns to adjust based on content */
    width: auto;
    font-size: 15px;
}

    .prod-variant-table thead {
        background-color: #f4f4f4;
        color: #333;
    }

    .prod-variant-table th {
        padding: 12px;
        text-align: left;
        font-weight: bold;
        border-bottom: 2px solid #ddd;
    }

    .prod-variant-table th {
        padding: 12px;
        border-bottom: 1px solid #ddd;
    }

prod-variant-table th, .product-variant-list .prod-variant-table td {
    border: 1px solid #ddd;
    padding: .25rem .75rem;
    text-align: left;
}

.prod-variant-table .line-sku,
.prod-variant-table .line-price,
.prod-variant-table .line-add-to-cart {
    white-space: nowrap;
}

.prod-variant-table .line-picture {
    width: 100px !important;
    max-width: 150px !important;
    max-height: 150px !important;
}

/* Only use hover hightlighting on associated products */
.prod-variant-table tr:hover {
    background-color: #f1f1f1;
}

.prod-variant-table td.line-price {
    text-align: right;
}

.prod-variant-table td.line-callforprice {
    text-align: center;
    color: #29a3d2;
    text-transform: uppercase;
}

.prod-variant-table .line-sku a,
.prod-variant-table .line-catalog-epage a {
    color: #29a3d2;
    text-decoration: underline;
    font-weight: bold;
}

.product-variant-list .prod-variant-table .line-add-to-cart .button-2 {
    padding: 0 10px !important;
    font-size: 0.8rem;
}

.product-variant-list .prod-variant-table .line-add-to-cart .qty-input {
    width: 80px
}


.product-variant-list .add-to-cart-qty-wrapper + .ajax-cart-button-wrapper button {
    width: auto !important;
}

/********** ESTIMATE SHIPPING **********/
.estimate-shipping-popup {
    position: relative;
    max-width: 800px;
    margin: auto;
    background-color: #fff;
    padding: 25px;
    transform: scale(0.8);
    transition: all 0.2s ease;
    opacity: 0;
}

	.estimate-shipping-popup strong {
		visibility: hidden;
		font-weight: 300;
		text-transform: uppercase;
		color: #222;
	}

.mfp-ready .estimate-shipping-popup {
	transform: scale(1);
	opacity: 1;
}

.mfp-removing .estimate-shipping-popup {
	transform: scale(0.8);
	opacity: 0;
}

.estimate-shipping-popup-zoom-in.mfp-removing {
	transition: all 0.3s ease;
	opacity: 0;
}

.estimate-shipping-row {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	position: relative;
}

.estimate-shipping-row-item {
	flex: 0 1 100%;
}

.mfp-container .address-item {
	display: block;
	width: auto;
	margin: 10px 0 0 !important;
	border: none;
	padding: 0;
}

	.mfp-container .address-item + div {
		padding: 0 0 0 15px;
	}

.estimate-shipping-address-control {
	width: 100%;
}

select.estimate-shipping-address-control {
	padding: 0 27px 0 20px;
	background: #fff url(../svg/select-arrow-dark.svg) no-repeat right 10px center;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.mfp-container .address-item .required {
	position: absolute;
	top: -6px;
	right: -9px;
}

.mfp-container .shipping-options {
	position: relative; /*preloader referrence*/
	margin: 10px 0 30px;
}

.mfp-container .shipping-header-item {
	align-self: flex-end;
	border: none !important;
	padding: 12px 5px !important;
	font-size: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.mfp-container .shipping-options-body {
	display: table;
	table-layout: fixed;
	width: 100%;
	border: 1px solid #f0f0f0;
	border-collapse: collapse;
}

.mfp-container .shipping-option {
	display: table-row;
	font-size: 14px;
	cursor: pointer;
}

	.mfp-container .shipping-option.active {
		background-color: #f2f2f2;
	}

	.mfp-container .shipping-option > div {
		display: table-cell;
		border-top: 1px solid #f0f0f0;
		padding: 12px 11px 11px;
	}

.mfp-container .shipping-item {
	overflow: hidden;
	padding: 8px 0;
	overflow-wrap: break-word;
}

.estimate-shipping-row-item-radio {
	flex: 0 0 30px;
	width: 24px;
}

.estimate-shipping-radio {
	display: none;
}

	.estimate-shipping-radio:checked + label:before {
		margin: 0 !important;
		position: relative;
		bottom: 1px;
	}

	.estimate-shipping-radio:checked + label:after {
		display: none;
	}

.apply-shipping-button-container {
	text-align: center;
}

.mfp-container .apply-shipping-button {
	min-width: 120px;
	border: none;
	height: 45px;
	padding: 0 25px;
	border-radius: 3px;
	background-color: #eebe00;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
	transition: all .2s ease;
}

	.mfp-container .apply-shipping-button:hover {
		background-color: #e8af00;
	}

.mfp-container .no-shipping-options {
	padding: 30px 15px;
	text-align: center;
}

.mfp-container .message-failure {
	margin: 10px 0 -5px;
}

@media all and (max-width: 600px) {

	.estimate-shipping-popup {
		padding: 25px 3%;
	}

	.mfp-container .shipping-address {
		flex-flow: column;
	}

	.mfp-container .address-item {
		width: 100%;
	}

		.mfp-container .address-item + div {
			padding: 0;
		}
}



/********** PRODUCT REVIEWS **********/



.product-reviews-page h1 a {
	font-style: italic;
	transition: all .1s ease;
}

	.product-reviews-page h1 a:hover {
		color: #8c8c8c;
	}

.write-review .title,
.comment-form-btn {
	position: relative;
	height: 45px;
	margin: 0 0 45px;
}

	.write-review .title strong,
	.comment-form-btn strong {
		position: absolute;
		display: inline-block;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		padding: 0 25px;
		height: 45px;
		max-width: 100%;
		border-radius: 3px;
		font-size: 14px;
		line-height: 45px;
		text-transform: uppercase;
		font-weight: 700;
		background-color: #eebe00;
		color: #fff;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		cursor: pointer;
		transition: all .3s ease;
	}

		.write-review .title strong span,
		.comment-form-btn strong span {
			transition: all .1s ease;
		}

		.product-reviews-page .title strong:before,
		.comment-form-btn strong:before,
		.close-comment-form:before {
			display: inline-block;
			vertical-align: bottom;
			margin-right: 10px;
			font-size: 16px;
			text-transform: none;
			font-weight: normal;
			transition: all .1s ease;
		}

	.product-reviews-page .title .close-review-form,
	.comment-form-btn .close-comment-form {
		background-color: #e5e5e5;
		color: #8c8c8c;
		width: 0;
		max-width: 0;
		padding: 0;
		opacity: .4;
	}


		.product-reviews-page .title .close-review-form:before,
		.comment-form-btn .close-comment-form:before {
			content: "\76";
			color: #8c8c8c;
			font-size: 12px;
		}

.product-reviews-page .title .write-review-title:before {
	content: "\79";
	color: #fff;
	opacity: .6;
}

.product-reviews-page .title .close-review-form:hover {
	background-color: #eaeaea;
}

.product-reviews-page .title .write-review-title:hover {
	background-color: #e8af00;
}

.comment-form-btn .open-comment-form,
.product-reviews-page .title .write-review-title {
	transition: width .3s ease .3s, max-width .3s ease .3s, padding .3s ease .3s, opacity .3s ease .3s, background-color .2s ease 0s;
	opacity: 1;
}

.comment-form-btn.open .open-comment-form,
.product-reviews-page .title.open .write-review-title {
	width: 0;
	max-width: 0;
	padding: 0;
	opacity: .4;
	transition-delay: 0s;
}

.comment-form-btn .open-comment-form span,
.comment-form-btn .open-comment-form:before,
.product-reviews-page .title .write-review-title span,
.product-reviews-page .title .write-review-title:before {
	opacity: 1;
}

.comment-form-btn.open .open-comment-form span,
.comment-form-btn.open .open-comment-form:before,
.product-reviews-page .title.open .write-review-title span,
.product-reviews-page .title.open .write-review-title:before {
	opacity: 0;
}

.comment-form-btn.open .close-comment-form,
.product-reviews-page .title.open .close-review-form {
	width: auto;
	max-width: 280px;
	padding: 0 25px;
	opacity: 1;
	transition: width .3s ease .3s, max-width .3s ease .3s, padding .3s ease .3s, opacity .3s ease .3s, background-color .2s ease 0s;
}

.comment-form-btn .close-comment-form:before,
.comment-form-btn .close-comment-form span,
.product-reviews-page .title .close-review-form span,
.product-reviews-page .title .close-review-title:before {
	opacity: 0;
}

.comment-form-btn.open .close-comment-form:before,
.comment-form-btn.open .close-comment-form span,
.product-reviews-page .title.open .close-review-form span,
.product-reviews-page .title.open .close-review-title:before {
	opacity: 1;
}

.write-review {
	margin: 0 0 50px;
	text-align: center;
}

.write-review-collapse {
	display: none;
	padding: 20px;
	max-width: 740px;
	margin: 0 auto;
	border-radius: 3px;
	border: 1px solid #eeeeee;
	background-color: #fff;
}

.write-review .form-fields {
	margin: 0 0 15px;
}

.write-review .review-rating {
	text-align: center;
	margin-top: 20px;
}

	.write-review .review-rating > label {
		display: block;
		margin-bottom: 10px;
		font-size: 15px;
		font-weight: 700;
	}

.review-rating .tooltip {
	position: relative;
}

	.review-rating .tooltip:hover .tooltiptext {
		opacity: 1;
	}

.review-rating .tooltiptext {
	position: absolute;
	bottom: 100%;
	margin-bottom: 10px;
	background: #e5e5e5;
	left: 50%;
	padding: 8px 15px;
	border-radius: 3px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	font-weight: normal;
	color: #444;
	opacity: 0;
	pointer-events: none;
	transition: all .2s ease;
}

	.review-rating .tooltiptext:after {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-top-color: #e5e5e5;
		border-width: 8px;
		margin-left: -8px;
	}


.review-rating ul {
	font-size: 0;
	vertical-align: middle;
}

.rating-options {
	display: inline-block;
	overflow: hidden;
	font-size: 0;
}

.write-review .rating-options * {
	float: left;
}

.write-review .rating-options input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.write-review .rating-options label {
	position: relative;
	display: inline-block;
	width: 25px;
	height: 25px;
	background-position: 0 0;
	background-size: contain;
	font-size: 0;
	cursor: pointer;
}

	.write-review .rating-options label:before,
	.write-review .rating-options input[type="radio"]:checked + label:before {
		display: inline-block;
		content: "\e900";
		color: #ffcd46;
		font-size: 25px;
		border: none;
		background-color: transparent;
		box-shadow: none;
		margin: 0;
		width: 25px;
		height: 25px;
		line-height: 1;
		transition: all .2s ease;
	}

.write-review .rating-options:hover label:before {
	color: #ffcd46 !important;
}

.write-review .rating-options:hover label:hover:before,
.write-review .rating-options:hover input:checked ~ label:before,
.write-review .rating-options input:checked ~ label:hover:before {
	color: #ffcd46;
}

.write-review .rating-options label:hover ~ label:before {
	color: #e0e0e0 !important;
}

.write-review .rating-options:hover input:checked ~ label:hover ~ label:before,
.write-review .rating-options input:checked ~ label:hover ~ label:before,
.write-review .rating-options input:checked ~ label ~ label:before {
	color: #e0e0e0;
}

.write-review .rating-options input:checked + label:before {
	-webkit-animation: stars .7s linear;
	-moz-animation: stars .7s linear;
	animation: stars .7s linear;
}


.write-review .review-rating li.first {
	color: #ff4f60;
}

.write-review .product-review-links,
.write-review .product-review-box {
	margin: 0 0 15px;
}

	.write-review .product-review-links a {
		font-size: 16px;
		color: #8c8c8c;
		font-weight: 700;
		transition: all .1s ease;
	}

		.write-review .product-review-links a:hover {
			color: #444;
		}

.write-review .captcha-box {
	margin: 15px 0 0;
}

.write-review .button-1 {
	display: block;
	border: none;
	padding: 0 25px;
	height: 45px;
	width: 100%;
	border-radius: 3px;
	background-color: #eebe00;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	transition: all .2s ease;
}

	.write-review .button-1:hover {
		background-color: #e8af00;
	}

.product-reviews-page .result,
.product-reviews-page .message-error {
	margin: 0 0 20px;
}

.product-review-list {
	overflow: hidden;
	margin-bottom: 30px;
	border: 1px solid #e7e7e7;
	background-color: #fff;
	border-radius: 3px;
}

	.product-review-list:last-child {
		margin-bottom: 0;
	}

.product-review-item {
	border-bottom: 1px solid #e7e7e7;
	padding: 30px 20px;
	text-align: center;
	overflow: hidden;
}

	.product-review-item:last-child {
		border-bottom: 0;
	}

	.product-review-item .product-review-box {
		display: block;
		margin-bottom: 12px;
		margin: 0 0 5px;
	}

		.product-review-item .product-review-box .rating {
			margin: 0 auto;
		}

	.product-review-item .review-item-head {
		margin: 0 0 15px;
		text-align: center;
	}

	.product-review-item .review-title {
		font-size: 15px;
		font-weight: 400;
		color: #444;
	}

	.product-review-item .review-text {
		margin: 0 0 25px;
		font-size: 15px;
		color: #8c8c8c;
	}

.review-type-rating-ext .review-title {
	display: none;
}

.product-review-item .review-text:last-child {
	margin-bottom: 0;
}

.product-review-item .review-info {
	margin: 0 0 10px;
}

	.product-review-item .review-info .avatar {
		margin: 15px 0;
		font-size: 0;
	}

		.product-review-item .review-info .avatar a {
			display: block;
			font-size: 0;
			line-height: normal;
		}

	.product-review-item .review-info a,
	.product-review-item .review-info span span {
		display: inline-block;
		font-weight: 300;
		font-size: 17px;
		line-height: 18px;
		color: #8c8c8c;
		transition: all .1s ease;
	}

	.product-review-item .review-info .user,
	.product-review-item .review-info .user a {
		font-size: 17px;
		color: #8c8c8c;
	}

.product-review-helpfulness {
	margin-top: 30px;
}

.product-review-item .review-info a:hover {
	color: #444;
}

.product-review-item .review-info span span {
	font-size: 14px;
}

.product-review-item .review-info span {
	display: block;
	vertical-align: middle;
	line-height: 18px;
}

.product-review-item .review-info .separator {
	margin: 0 5px;
	font-size: 18px;
	font-weight: 300;
	visibility: hidden;
}

.product-review-item .review-info span label {
	display: none;
}

.product-review-helpfulness > span {
	display: block;
	margin-top: 10px;
	font-size: 15px;
	color: #8c8c8c;
}


	.product-review-helpfulness > span:first-child {
		margin-top: 0;
	}

.vote-stats > span {
	display: inline-block;
	margin: 0 3px;
}

.product-review-helpfulness .vote {
	display: inline-block;
	padding: 5px 5px 0 5px;
	font-size: 0;
	cursor: pointer;
}

	.product-review-helpfulness .vote:before {
		display: block;
		font-size: 20px;
		color: #8c8c8c;
		transition: all .2s ease;
	}

	.product-review-helpfulness .vote:hover:before {
		color: #97c300;
	}

	.product-review-helpfulness .vote:first-child:before {
		content: "\46";
	}

	.product-review-helpfulness .vote:last-child:before {
		content: "\47";
	}

	.product-review-helpfulness .vote:first-child:hover:before {
		content: "\e902";
	}

	.product-review-helpfulness .vote:last-child:hover:before {
		content: "\e901";
	}

.product-review-helpfulness .result {
	margin: 0 0 0 10px;
}

.product-review-item .reply {
	margin: 30px 0 0;
	padding: 15px;
	border-radius: 3px;
	background-color: #f6f6f6;
}

.product-review-item .reply-header {
	margin: 0 0 10px;
	font-weight: bold;
	font-size: 15px;
	color: #444;
}

.product-review-item .reply-text {
	font-size: 14px;
}


/********** WISHLIST & COMPARE LIST **********/



.wishlist-content {
	margin: 0 0 20px;
}

	.wishlist-content > .message-error {
		margin: 0 0 20px !important;
		text-align: center;
	}

	.wishlist-content .tax-shipping-info {
		margin: 0 0 30px;
		font-size: 15px;
		color: #444;
	}

	.wishlist-content .cart {
		margin-bottom: 30px;
	}

	.wishlist-content .buttons {
		font-size: 0;
	}

	.wishlist-content .button-2 {
		position: relative;
		display: block;
		border: none;
		height: 45px;
		width: 255px;
		line-height: 45px;
		padding: 0 20px;
		margin: 0 auto 7px;
		background-color: #f1f1f1;
		border-radius: 3px;
		font-size: 14px;
		text-transform: uppercase;
		color: #8c8c8c;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		transition: all .1s ease;
	}

		.wishlist-content .button-2:hover {
			background-color: #eaeaea;
		}

	.wishlist-content .wishlist-add-to-cart-button:before {
		content: "\64";
	}

.update-wishlist-button,
.email-a-friend-wishlist-button {
	position: relative;
	overflow: hidden;
}

	.update-wishlist-button span,
	.email-a-friend-wishlist-button span {
		position: relative;
		z-index: 1;
	}

	.update-wishlist-button:before {
		content: "\59";
	}

	.update-wishlist-button:hover:before {
		-webkit-animation: updating 1s linear infinite;
		-moz-animation: updating 1s linear infinite;
		animation: updating 1s linear infinite;
	}

	.update-wishlist-button:hover::after {
		height: 100%;
		opacity: .6;
		transition: all .5s ease-in;
	}

	.email-a-friend-wishlist-button:before {
		content: "\6d";
	}

	.email-a-friend-wishlist-button:hover:before {
		-webkit-animation: emailing .2s linear;
		-moz-animation: emailing .2s linear;
		animation: emailing .2s linear;
	}


.wishlist-page .share-info {
	margin: 70px -10px 50px;
	background-color: #f9f9f9;
	padding: 30px 20px;
}

.wishlist-page .share-label {
	display: block;
	margin-bottom: 10px;
	font-size: 15px;
	color: #8c8c8c;
}

.wishlist-page .share-info a {
	display: block;
	font-size: 15px;
	color: #97c300;
}

.compare-products-page .page-body {
	text-align: center;
}

.compare-products-page .clear-list {
	position: relative;
	display: inline-block;
	padding: 0 25px;
	margin: 0 0 8px;
	font-weight: 700;
	border-radius: 3px;
	color: #8c8c8c;
	background-color: #f6f6f6;
	font-size: 13px;
	height: 45px;
	line-height: 45px;
	text-transform: uppercase;
	overflow: hidden;
	transition: all .2s ease;
}

	.compare-products-page .clear-list span {
		position: relative;
		z-index: 1;
	}

	.compare-products-page .clear-list:before {
		content: "\5a";
		position: relative;
		display: inline-block;
		vertical-align: bottom;
		margin-right: 10px;
		font-size: 20px;
		color: #8c8c8c;
		text-transform: none;
		font-weight: normal;
		transition: all .2s ease !important;
		z-index: 1;
	}

	.compare-products-page .clear-list:hover:before {
		-webkit-animation: swiping 0.82s cubic-bezier(0.035, 0.225, 0.885, 0.290) both;
		-moz-animation: swiping 0.82s cubic-bezier(0.035, 0.225, 0.885, 0.290) both;
		animation: swiping 0.82s cubic-bezier(0.035, 0.225, 0.885, 0.290) both;
	}

.compare-products-table {
	display: none;
}

.compare-products-mobile {
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	margin: 0 -10px;
}

	.compare-products-mobile .compare-section > ul {
		padding: 17px 10px;
		text-align: left;
		overflow: hidden;
	}

	.compare-products-mobile .product {
		overflow: hidden;
	}

		.compare-products-mobile .product .item {
			position: relative;
		}

	.compare-products-mobile .product-name {
		padding-right: 40px;
		font-size: 15px;
		color: #444;
		font-weight: 700;
	}

	.compare-products-mobile .item {
		padding: 3px 10px;
	}

		.compare-products-mobile .item .picture,
		.compare-products-mobile .item img {
			display: inline-block;
			vertical-align: middle;
			margin-right: 10px;
			max-width: 50px;
		}

		.compare-products-mobile .item .details,
		.compare-products-mobile .item > span,
		.compare-products-mobile .item > p {
			display: inline-block;
			vertical-align: middle;
			max-width: calc(100% - 63px);
			font-size: 15px;
			font-weight: 400;
			color: #8c8c8c;
		}

		.compare-products-mobile .item p {
			vertical-align: top;
			margin-bottom: 20px
		}


	.compare-products-mobile .title {
		padding: 15px 20px;
		font-size: 17px;
		color: #8c8c8c;
		font-weight: 300;
		background-color: #f6f6f6;
	}

.compare-section.product .title {
	display: none;
}

.compare-products-page .remove-button {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 3px;
	background-color: #f1f1f1;
	text-align: center;
	font-size: 0;
	border: none;
	transition: all .1s ease;
}

	.compare-products-page .remove-button:hover {
		background-color: #e9e9e9;
	}

	.compare-products-page .remove-button:before {
		content: "\4d";
		display: block;
		color: #8c8c8c;
		font-size: 16px;
	}

.compare-products-mobile .remove-button {
	position: absolute;
	top: 8px;
	right: 5px;
	left: auto;
}

.compare-products-mobile .price .item span {
	font-size: 17px;
	font-weight: 700;
	color: #97c300;
}

.compare-products-page .attribute-square {
	margin: 0 auto;
}


/*********** TOPICS ***********/



.topic-block {
	margin: 0 auto 30px;
	padding: 0 10px;
	text-align: center;
	max-width: 1000px;
}

.home-page .topic-block {
	margin: 0 0 30px;
}

.topic-block-title {
	margin: 0 0 20px;
}

	.topic-block-title h1 {
		font-weight: 700;
		color: #444;
	}

	.topic-block-title h2 {
		font-weight: 700;
		color: #8c8c8c;
	}

.topic-block-body p {
	line-height: 1.5;
	font-size: 16px;
	color: #8c8c8c;
	font-weight: 400;
}

.topic-block-body li {
	font-size: 15px;
	color: #8c8c8c;
	line-height: 2;
}

.topic-block a,
.topic-page a {
	text-decoration: underline;
}

.topic-page .page-body {
	line-height: 20px;
	max-width: 1000px;
	margin: 0 auto;
}

.topic-page ul,
.topic-page ol {
	font-size: 15px;
	line-height: 1.5;
	color: #8c8c8c;
}


.home-page .topic-block {
	margin: 0 auto 50px;
	text-align: center;
}

.home-page .topic-block-title h2 {
	font-size: 28px;
	color: #444444;
}

.home-page .topic-block-body {
	padding: 0 10px;
}

.popup-window .topic-page {
	padding: 15px;
}

.not-found-page p {
	margin: 30px 0;
}

.topic-password {
	text-align: center;
}

.enter-password-title {
	margin: 0 0 20px;
	color: #8c8c8c;
	font-size: 15px;
}

.enter-password-form {
	display: inline-block;
	overflow: hidden;
}

	.enter-password-form input[type="password"] {
		float: left;
		width: calc(100% - 100px);
		height: 36px;
		border-radius: 3px 0 0 3px;
	}

	.enter-password-form input[type="submit"] {
		float: left;
		width: 100px;
		height: 36px;
		border: none;
		border-radius: 0 3px 3px 0;
		padding: 0 20px;
	}

.password-error {
	margin: 0 0 10px;
}


/*********** CONTACT & EMAIL A FRIEND ***********/



.contact-page .form-fields,
.email-a-friend-page .form-fields,
.apply-vendor-page .form-fields {
	margin: 0 0 15px;
}

.contact-page .message-error,
.email-a-friend-page .message-error,
.apply-vendor-page .message-error {
	margin: 0 0 10px;
}

.contact-page .topic-block {
	margin-bottom: 40px;
}

.email-a-friend-page .title {
	margin: 0 0 30px;
	font-size: 16px;
}

	.email-a-friend-page .title h2 {
		font-size: 16px;
		font-weight: 300;
	}

	.email-a-friend-page .title a {
		color: #97c300;
	}

.apply-vendor-page .terms-of-service {
	margin: 30px 0;
}

.bb-code-editor-wrapper {
	margin-bottom: 5px;
}


/********** REGISTRATION, LOGIN, ACCOUNT PAGES  **********/



.login-page .title strong,
.registration-page .title strong {
	font-weight: 300;
	color: #8c8c8c;
}

.registration-page .page-title + .message-error {
	margin-bottom: 30px;
}

.gender {
	font-size: 0;
}

	.gender span:first-child {
		display: inline-block;
		margin-right: 40px;
	}

	.gender label {
		display: inline-block;
		padding: 8px 0;
		width: auto !important;
		cursor: pointer;
		font-weight: 300;
	}

	.gender input:checked + label {
		color: #444;
	}

.date-picker-wrapper {
	width: 100%;
}

.date-of-birth .date-picker-wrapper select {
	border-radius: 0;
	padding: 0 25px 0 10px;
	width: 46%;
	background: #fff url(../svg/select-arrow-dark.svg) no-repeat right 10px center;
}

	.date-of-birth .date-picker-wrapper select:first-child {
		border-radius: 3px 0 0 3px;
		width: 27%;
	}

	.date-of-birth .date-picker-wrapper select:last-child {
		border-radius: 0 3px 3px 0;
		width: 27%;
	}

.date-of-birth select + select {
	margin: 0 0 0 -1px;
}

#check-availability-button {
	display: block;
	border: none;
	border-radius: 3px;
	vertical-align: top;
	background-color: #f1f1f1;
	color: #8c8c8c;
	text-transform: uppercase;
	padding: 0 20px;
	margin: 10px auto 0;
	height: 45px;
	font-size: 13px;
	font-weight: 700;
	transition: all .1s ease;
}

	#check-availability-button:hover {
		background-color: #eaeaea;
	}

#username-availabilty {
	display: block;
	margin: 5px 0 0;
	text-align: center;
	font-size: 13px;
}

	#username-availabilty:empty {
		display: none;
	}

.login-page .forgot-password {
	font-size: 13px !important;
	font-weight: 700 !important;
}

.vat-status, .vat-note {
	display: block;
	margin: 5px 0 0;
	text-align: center;
	font-size: 12px; /*reset zeroing*/
	white-space: normal;
}

.inputs.accept-consent {
	margin: 0 0 20px;
	text-align: center;
}

	.inputs.accept-consent .read {
		margin-left: 5px;
		font-size: 15px;
		color: #97c300;
		cursor: pointer;
		clear: none;
		transition: all .1s ease;
	}

.center-2 .product-list .item-box .buttons .button-2:hover {
	background-color: #e8af00;
}

.email-a-friend-page .button-1:only-child,
.contact-page .buttons .button-1:only-child,
.forum-edit-page .button-1:only-child,
.registration-page .button-1:only-child,
.apply-vendor-page .button-1:only-child {
	width: 100%;
}

.forum-edit-page .buttons,
.private-message-send-page .buttons,
.move-topic-page .buttons {
	font-size: 0;
}

	.forum-edit-page .buttons input,
	.private-message-send-page .buttons input,
	.move-topic-page .buttons input {
		width: 49%;
		margin: 0 0 0 2%;
	}

		.forum-edit-page .buttons input:nth-child(2n+1),
		.private-message-send-page .buttons input:nth-child(2n+1),
		.move-topic-page .buttons input:nth-child(2n+1) {
			margin-left: 0;
		}

.account-page .button-1,
.return-request-page .button-1,
.user-agreement-page .button-1 {
	width: auto;
	min-width: 125px;
}

.account-page .save-customer-info-button {
	min-width: 100px !important;
}

.registration-result-page .result {
	margin: 0 0 30px;
	color: #8c8c8c;
}

.login-page .in-header-register {
	display: none;
}

.page.login-page {
	text-align: center;
}

.login-page .page-title,
.registration-page .page-title {
	text-align: center;
}

.login-page .customer-blocks {
	margin: 0 0 50px;
}

	.login-page .customer-blocks:after {
		content: "";
		display: block;
		clear: both;
	}

	.login-page .customer-blocks + .topic-block {
		margin-bottom: 50px;
	}

.login-page .new-wrapper,
.login-page .returning-wrapper form,
.registration-page .page-body,
.email-a-friend-page .page-body form,
.password-recovery-page .page-body,
.private-message-send-page .page-body,
.contact-page .page-body form,
.apply-vendor-page .page-body form,
.forum-edit-page .page-body,
.form-style,
.move-topic-page .page-body {
	max-width: 600px;
	margin: 0 auto 30px;
	border: 1px solid #eee;
	border-radius: 3px;
}

.registration-page .page-body,
.email-a-friend-page .page-body form,
.contact-page .page-body form,
.apply-vendor-page .page-body form,
.forum-edit-page .page-body,
.password-recovery-page .page-body,
.private-message-send-page .page-body,
.move-topic-page .page-body {
	max-width: none;
	margin-bottom: 0;
}

.registration-page,
.email-a-friend-page,
.contact-page,
.apply-vendor-page,
.forum-edit-page,
.password-recovery-page,
.private-message-send-page,
.move-topic-page {
	max-width: 800px;
	margin: 0 auto;
}

	.email-a-friend-page .page-body form,
	.contact-page .page-body form,
	.apply-vendor-page .page-body form,
	.forum-edit-page .page-body,
	.form-style,
	.password-recovery-page .page-body,
	.private-message-send-page .page-body,
	.move-topic-page .page-body {
		padding: 40px 20px;
	}

	.login-page .title,
	.registration-page .title {
		margin: 0;
		padding: 18px;
		font-size: 18px;
		color: #8c8c8c;
		background-color: #f9f9f9;
		border-radius: 3px 3px 0 0;
		text-align: center;
	}


.login-page .topic-block-title h2 {
	color: #444;
}

.title + .message-error {
	margin: 20px 20px 0;
}

.login-page .title strong {
	font-weight: 300;
}

.login-page .text {
	padding: 30px 20px 20px;
	font-size: 16px;
	line-height: 1.8;
	font-weight: 400;
	color: #8c8c8c;
}

.new-wrapper .text:before {
	content: "\79";
	display: block;
	margin-bottom: 15px;
	font-size: 55px;
	line-height: initial;
	color: #c6c6c6;
}

.returning-wrapper .form-fields,
.registration-page .form-fields {
	padding: 30px 20px 20px;
}

label[for="Newsletter"],
.inputs.accept-consent label {
	color: #444 !important;
	clear: none;
}

.login-page .buttons,
.registration-page .buttons {
	padding: 10px 20px 20px;
}

.login-page .inputs.reversed label,
.login-page .inputs.reversed span {
	margin: 0;
	width: auto;
	font-size: 13px; /*reset zeroing*/
	color: #8c8c8c;
	font-weight: 400;
}

.login-page .inputs.reversed label {
	float: left;
	clear: none;
}

.login-page .inputs.reversed span {
	float: right;
	clear: none;
}

.login-page .inputs.reversed a:hover {
	color: #444;
}

.login-page .inputs.reversed input[type="checkbox"] + label:before {
	vertical-align: bottom;
}

.login-page .returning-wrapper .external-authentication {
	clear: both;
}

.login-page .external-authentication > * {
	margin: 30px -10px 0;
	padding: 30px 0;
	width: calc(100% + 20px);
	background-color: #f9f9f9;
	text-align: center;
}

.login-page .external-authentication .buttons {
	margin: 0;
	padding: 0;
}

.external-authentication .title {
	display: none;
}

.password-recovery-page .tooltip {
	margin: 0 0 20px;
	font-size: 15px;
	color: #8c8c8c;
	line-height: 1.5;
}

.password-recovery-page .result {
	margin: 0 0 5px;
	font-weight: bold;
}

.select-navigation {
	padding: 20px;
	background-color: #f6f6f6;
	text-align: center;
}

	.select-navigation select {
		background-color: #fff;
		width: 300px;
	}

.html-account-page .side-2 {
	margin-bottom: 3px;
}

.html-account-page .master-wrapper-content {
	padding: 40px 0 0;
}

.account-page {
	padding: 40px 10px;
	background-color: #f6f6f6;
}

	.account-page .data-table {
		text-align: center;
	}

	.account-page .fieldset {
		margin-bottom: 40px;
	}

.registration-page .fieldset {
	margin-bottom: 20px;
}

.account-page .section > .title,
.reward-points-overview,
.forum-subscriptions-page .description {
	text-align: center;
}

.account-page .title {
	margin-bottom: 20px;
	font-size: 18px;
	color: #8c8c8c;
	text-align: center;
}

	.account-page .title strong {
		font-size: 18px;
		color: #8c8c8c;
		font-weight: 300;
	}

.customer-info-page .page-body,
.change-password-page .page-body,
.check-gift-card-balance-page .page-body,
.avatar-page .page-body,
.address-edit-page .page-body,
.vendorinfo-page .page-body {
	padding: 20px;
	max-width: 740px;
	margin: 0 auto;
	border-radius: 3px;
	border: 1px solid #eeeeee;
	background-color: #fff;
}

.account-page .inputs {
	text-align: left;
}

.account-page .button-2 {
	border: none;
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	border-radius: 3px;
	vertical-align: top;
	background-color: #f1f1f1;
	font-size: 13px;
	color: #8c8c8c;
	text-transform: uppercase;
	font-weight: 700;
	transition: all .1s ease;
}

	.account-page .button-2:hover {
		background-color: #eaeaea;
	}

	.account-page .button-2.return-items-button {
		display: block;
		width: auto;
		height: auto;
		margin: 20px auto 0;
		padding: 0;
		background-color: transparent;
		transition: all .2s ease;
	}

		.account-page .button-2.return-items-button:before {
			content: "\4f";
			display: inline-block;
			vertical-align: bottom;
			margin-right: 10px;
			font-size: 14px;
			color: #8c8c8c;
			text-transform: none;
			font-weight: normal;
			transition: all .2s ease;
		}

		.account-page .button-2.return-items-button:hover,
		.account-page .button-2.return-items-button:hover:before {
			color: #97c300;
		}

.account-page .edit-address {
	margin: 0 0 20px;
}

.account-page .description,
.reward-points-overview,
.result {
	margin-bottom: 20px;
	line-height: 1.5;
	font-size: 17px;
	color: #8c8c8c;
	font-weight: 300;
	text-align: center;
}

.result {
	text-align: center;
}

.address-item,
.add-button,
.order-item,
.request-item {
	padding: 40px 20px;
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 3px;
	vertical-align: top;
}

	.add-button:before {
		display: block;
		margin-bottom: 40px;
		content: "\55";
		font-size: 100px;
		color: #8e8e8e;
	}

	.address-item .title,
	.order-item .title,
	.request-item .title {
		margin-bottom: 12px;
		color: #444;
	}

		.address-item .title strong,
		.order-item .title strong,
		.request-item .title strong {
			font-weight: 700;
			color: #444;
			font-size: 18px;
		}

.email-to-revalidate,
.email-to-revalidate-note {
	display: inline-block;
	margin: 10px 5px;
	vertical-align: top;
	font-size: 12px; /*reset zeroing*/
	white-space: normal;
}

.address-item .info,
.order-item .info {
	margin: 0 0 30px;
}

.address-item li,
.order-item li,
.request-item li {
	margin-bottom: 3px;
	font-size: 16px;
	color: #959595;
	line-height: 1.3;
}

.address-list-page .info li > label,
.order-list-page .info li > label {
	display: none;
}

.address-item .name,
.address-item .email {
	font-weight: 700;
	font-size: 16px;
	color: #444;
}

.address-item .email {
	margin-bottom: 10px;
}

.button-2.edit-address-button,
.button-2.delete-address-button {
	border: none;
	border-radius: 3px;
	width: 40px;
	height: 40px;
	margin: 0 2px;
	background-color: #f1f1f1;
	background-position: center;
	background-repeat: no-repeat;
	font-size: 0;
}

.button-2.edit-address-button {
	background-image: url('../png/edit-icon.png');
}

.button-2.delete-address-button {
	background-image: url('../png/delete-icon.png');
}

.return-request-list-page a {
	font-weight: bold;
	color: #444;
}

.return-request-list-page .comments {
	margin: 15px 0 0;
}

.user-agreement-page .terms-of-agreement {
	margin: 0 0 20px;
	text-align: center;
}

.reward-points-overview {
	margin: 0 0 15px;
}

.avatar-page .message-error {
	margin: 0 0 10px;
}

.avatar-page .fieldset {
	margin: 0 auto 30px;
	text-align: center;
}

.avatar-page .image {
	margin: 0 0 10px;
}

.account-page .button-1 {
	height: 40px;
	line-height: 40px;
	font-size: 13px;
	font-weight: 700;
}

.avatar-page .info {
	margin: 0 0 30px;
	font-size: 15px;
	color: #959595;
	text-align: center;
}

.account-page.avatar-page .buttons {
	text-align: center;
}

.avatar-page .upload-image {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

	.avatar-page .upload-image + label {
		display: inline-block;
		cursor: pointer;
	}

	.avatar-page .upload-image.valid + label {
		background-color: #97c300;
		color: #fff;
	}

		.avatar-page .upload-image.valid + label:hover {
			background-color: #5c7600;
		}

		.avatar-page .upload-image.valid + label:before {
			content: "\30";
			display: inline-block;
			vertical-align: middle;
			margin-right: 10px;
			color: #fff;
			text-transform: lowercase;
			font-size: 13px;
		}

	.avatar-page .upload-image:focus + label,
	.avatar-page .upload-image + label:hover {
		background-color: #eaeaea;
	}

.vendorinfo-page .vendor-picture {
	margin: 10px 0 0;
	text-align: center;
}

	.vendorinfo-page .vendor-picture img {
		display: block;
		margin: 0 auto 10px;
	}

.reward-points-history {
	margin-bottom: 0;
}

.gdpr-tools-page .form-fields + .buttons {
	margin-top: 30px;
}

.check-gift-card-balance-page .captcha-box {
	margin-bottom: 25px;
}


/********** SHOPPING CART **********/



.order-progress {
	margin: 0 0 40px;
	text-align: center;
}

	.order-progress ul {
		font-size: 0;
	}

	.order-progress li {
		display: inline-block;
	}

	.order-progress a {
		position: relative;
		width: 50px;
		height: 50px;
		display: block;
		font-size: 0; /*reset zeroing*/
	}

		.order-progress a:before {
			content: "";
			position: absolute;
			display: block;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			width: 15px;
			height: 15px;
			background-color: #eee;
			border-radius: 50%;
			border: 0;
			color: #fff;
			box-shadow: none;
			z-index: 1;
			transition: all .5s ease 0s, color .4s ease .4s;
		}

	.order-progress .active-step.last a:before {
		content: "\64";
		font-size: 20px;
		text-indent: -2px;
		background-color: #fff;
		width: 50px;
		height: 50px;
		color: #8e8e8e;
		line-height: 43px;
		text-align: center;
		font-weight: normal;
		text-transform: none;
		border: 3px solid #97c300;
		box-shadow: 0 0 15px rgba(0,0,0,.2);
	}

	.order-progress a:after {
		content: "";
		position: absolute;
		display: block;
		width: 100%;
		top: 50%;
		left: 0;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 100%;
		height: 3px;
		background-color: #eee;
		z-index: 0;
	}

	.order-progress li:first-child a:after,
	.order-progress li:last-child a:after {
		width: 50%;
	}

	.order-progress li:first-child a:after {
		right: 0;
		left: auto;
	}

	.order-progress .active-step a {
		cursor: pointer;
	}

	.order-progress .active-step:not(.last) a:hover:before {
		background-color: #97c300;
		width: 20px;
		height: 20px;
		transition: all .3s ease;
	}

	.order-progress li.inactive-step a {
		cursor: default;
	}

.checkout-buttons .button-1 {
	width: 100%;
	font-size: 15px;
}

	.checkout-buttons .button-1:disabled {
		background-color: #29a3d27f;
		pointer-events: none;
	}

.no-data {
	text-align: center;
	font-size: 15px;
	color: #8c8c8c;
}

.shopping-cart-page .common-buttons button,
.shopping-cart-page .cart-collaterals .button-2,
.checkout-page .button-2,
.order-details-page .page-title a,
.order-details-page .repost .button-2 {
	display: inline-block;
	border: none;
	height: 45px;
	line-height: 45px;
	padding: 0 25px;
	margin: 0 2px;
	background-color: #f1f1f1;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #8c8c8c;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all .1s ease;
}

	.shopping-cart-page .common-buttons button:hover,
	.shopping-cart-page .cart-collaterals .button-2:hover,
	.checkout-page .button-2:hover,
	.order-details-page .page-title a:hover,
	.order-details-page .repost .button-2:hover {
		background-color: #eaeaea;
	}

.shopping-cart-page .common-buttons {
	margin-bottom: 50px;
	font-size: 0;
}

	.shopping-cart-page .common-buttons button {
		position: relative;
		display: block;
		margin: 0 auto 7px;
		padding: 0 20px;
		width: 255px;
	}

		.shopping-cart-page .common-buttons button:before,
		.wishlist-content .button-2:before {
			position: relative;
			display: inline-block;
			vertical-align: bottom;
			margin-right: 10px;
			font-size: 20px;
			color: #8c8c8c;
			font-weight: normal;
			text-transform: none;
			transition: all .2s ease !important;
			z-index: 1;
		}

.continue-shopping-button:before {
	content: "\64";
}

.update-cart-button:before {
	content: "\59";
}

.clear-cart-button:before {
	content: "\5a";
}

.clear-cart-button:hover:before {
	-webkit-animation: swiping 0.82s cubic-bezier(0.035, 0.225, 0.885, 0.290) both;
	-moz-animation: swiping 0.82s cubic-bezier(0.035, 0.225, 0.885, 0.290) both;
	animation: swiping 0.82s cubic-bezier(0.035, 0.225, 0.885, 0.290) both;
}

.clear-cart-button span,
.update-cart-button span {
	position: relative;
	z-index: 1;
}

.update-cart-button:hover:before {
	-webkit-animation: updating 1s linear infinite;
	-moz-animation: updating 1s linear infinite;
	animation: updating 1s linear infinite;
}

.shopping-cart-page .product-grid {
	clear: both;
	float: left;
	width: 100%;
	margin: 70px 0 0;
}

.remove-discount-button,
.remove-gift-card-button {
	width: 16px;
	height: 16px;
	border-radius: 3px;
	margin: 0 0 0 5px;
	border: none;
	background: #f1f1f1 url('../png/close.png') center no-repeat;
	cursor: pointer;
}

	.remove-discount-button:hover,
	.remove-gift-card-button:hover {
		background-color: #e9e9e9;
	}

.shopping-cart-page .message-error {
	margin: 0 0 20px !important;
	font-size: 13px;
}

.shopping-cart-page .order-summary-content > .message-error {
	text-align: center;
}

.cart-options {
	margin: 0;
	text-align: center;
}

	.cart-options > *:last-child {
		margin-bottom: 2px;
	}

	.cart-options .common-buttons {
		font-size: 0;
	}

		.cart-options .common-buttons input {
			min-width: 150px;
			margin: 0 5px 5px;
		}

	.cart-options .checkout-attributes {
		text-align: left;
	}

		.cart-options .checkout-attributes dl {
			max-width: 400px;
			margin: 0 auto;
		}

		.cart-options .checkout-attributes dt {
			margin: 0 0 5px;
			font-weight: bold;
		}

		.cart-options .checkout-attributes dd {
			margin: 0 0 15px;
		}

		.cart-options .checkout-attributes li {
			line-height: 24px;
		}

.section.options {
	margin-bottom: 3px;
}

.checkout-attributes,
.selected-checkout-attributes {
	padding: 30px 20px;
	margin: 20px 0 0;
	border-radius: 3px;
	background-color: #f6f6f6;
	font-size: 15px;
	color: #444;
}

.cart-footer:after {
	content: "";
	display: block;
	clear: both;
}

.cart-footer .total-info {
	margin: 0 0 30px;
}

	.cart-footer .total-info:only-child {
		margin: 0;
	}

.totals {
	border-radius: 3px;
	padding: 50px 20px;
	background-color: #f6f6f6;
}

	.totals > div {
		max-width: 400px;
		margin-left: auto !important;
		margin-right: auto !important;
	}


.cart-total td {
	width: 50%;
	padding: 7px 5px;
	font-size: 16px;
	color: #444;
	font-weight: 400;
}





	.cart-total td label {
		font-size: 16px;
		color: #444;
		font-weight: 400;
	}

.order-total td label,
.order-total td span {
	font-size: 22px;
	color: #97c300;
	font-weight: 700;
}

.cart-total-left {
	text-align: left;
}

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

.cart-total .order-total {
	font-size: 16px;
	color: #97c300;
}

.terms-of-service {
	margin: 0 0 30px;
	text-align: center;
}

	.terms-of-service input[type="checkbox"] + label {
		display: inline;
		cursor: pointer;
		font-weight: 400;
		font-size: 16px;
	}

		.terms-of-service input[type="checkbox"] + label:before {
			vertical-align: middle;
		}

	.terms-of-service .read {
		margin: 0 0 0 3px;
		font-size: 15px;
		font-weight: 400;
		cursor: pointer;
		color: #97c300;
	}

		.terms-of-service .read:hover {
			color: #7c9a16;
		}

.cart-footer .addon-buttons > img:first-child,
.cart-footer .addon-buttons > p:first-child {
	margin: 20px 0 0;
}

.cart-collaterals {
	max-width: 100%;
	margin: 0 auto 30px;
}

	.cart-collaterals > div {
		border: 1px solid #eee;
		border-radius: 3px;
		margin: 0 0 10px;
		overflow: hidden;
	}

		.cart-collaterals > div > .title {
			position: relative;
			display: block;
			height: 60px;
			padding: 0 20px 0 20px;
			margin: 0;
			line-height: 60px;
			color: #444;
			font-size: 18px;
			font-weight: 300;
			text-align: center;
			background-color: #f6f6f6;
			border-radius: 3px 3px 0 0;
			cursor: pointer;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			transition: all .1s ease;
		}

			.cart-collaterals > div > .title a {
				display: block;
				margin: 0 -20px;
				padding: 0 20px;
			}

			.cart-collaterals > div > .title:hover {
				color: #97c300;
			}

			.cart-collaterals > div > .title:before {
				content: "\57";
				position: absolute;
				display: inline-block;
				top: 50%;
				left: 20px;
				font-size: 10px;
				color: #97c300;
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				transform: translateY(-50%);
				text-transform: none;
				transition: all .3s ease;
			}

	.cart-collaterals .deals .title.open:before {
		-webkit-transform: translateY(-50%) rotate(90deg);
		-ms-transform: translateY(-50%) rotate(90deg);
		transform: translateY(-50%) rotate(90deg);
	}

	.cart-collaterals > div > .list {
		display: none;
		padding: 30px 20px;
	}

	.cart-collaterals .title {
		margin: 0 0 10px;
		font-size: 18px;
		color: #444;
	}

	.cart-collaterals .hint {
		margin: 0 0 20px;
		font-size: 15px;
		color: #8c8c8c;
	}

	.cart-collaterals .coupon-code {
		overflow: hidden;
		font-size: 0;
	}

		.cart-collaterals .coupon-code input[type="text"],
		.cart-collaterals .coupon-code input[type="email"],
		.cart-collaterals .coupon-code input[type="tel"] {
			float: left;
			width: calc(100% - 105px);
		}

		.cart-collaterals .coupon-code input[type="submit"] {
			float: left;
			width: 100px;
			padding: 0 15px;
			height: 45px;
			margin: 0 0 0 5px;
			border-radius: 3px;
		}

	.cart-collaterals .message-failure {
		margin: 5px 0 0;
		color: #ff4f60;
		font-size: 13px;
		font-weight: 700
	}

	.cart-collaterals .message-success {
		margin: 5px 0 0;
		color: #97c300;
		font-size: 13px;
		font-weight: 700
	}

	.cart-collaterals .current-code {
		margin: 7px 0 0;
		color: #444;
		font-size: 14px;
	}

.coupon-code + .current-code {
	margin-top: 10px;
}

.cart-collaterals .shipping-results {
	margin: 30px 0 0;
}

	.cart-collaterals .shipping-results li {
		margin: 10px 0 0;
		font-size: 14px;
		color: #8c8c8c;
	}

		.cart-collaterals .shipping-results li strong {
			color: #444;
		}

		.cart-collaterals .shipping-results li:first-child {
			margin-top: 0;
		}

	.cart-collaterals .shipping-results .option-description {
		font-weight: 400;
	}

.coupon-box + .giftcard-box,
.shipping-options .buttons {
	margin-top: 30px;
}

.estimate-shipping-result {
	margin-top: 20px;
	font-size: 13px;
	font-weight: 700;
	text-align: center;
	color: #ff4f60;
}


/********** CHECKOUT **********/
/* I could not find the html for this element to delete it, so this is my next best solution... just hide it */
#trUseDefaultCardInputMessage {
    display: none !important;
}

.select-billing-address .min-amount-warning {
    text-align: center;
}

.checkout-page .section {
	margin: 0 0 50px;
}

	.checkout-page .section .title {
		margin: 0 0 30px;
		text-align: center;
	}

.checkout-page .add-button:before {
	content: none;
	display: none;
}

.checkout-page .select-billing-address > .title {
	display: none;
}

.checkout-page .order-summary > .title strong {
	font-size: 24px;
	font-weight: 700;
}


.ship-to-same-address,
.pickup-in-store {
	margin-top: 40px !important;
	text-align: center;
}

	.ship-to-same-address input[type="checkbox"] + label,
	.pickup-in-store input[type="checkbox"] + label {
		font-weight: 700;
		color: #444;
	}

	.pickup-in-store .description {
		margin: 10px 0 0;
		font-size: 15px;
		color: #8c8c8c;
		font-weight: 400;
	}

.pickup-points .message-error {
	text-align: center;
	margin: 20px 0 !important;
}

.checkout-page .address-grid {
	overflow: hidden;
	font-size: 0;
}

.address-grid > div {
	max-width: 550px;
	margin-left: auto;
	margin-right: auto;
}

.checkout-page .message-error {
	text-align: center;
	margin-top: 25px;
}

.checkout-page .multiple-locations {
	text-align: center;
	margin-bottom: 25px;
	font-weight: 700;
	color: #97c300;
}


.checkout-page .add-button .btn-holder:before {
	display: block;
	margin-bottom: 40px;
	content: "\55";
	font-size: 100px;
	color: #8e8e8e;
	transition: all .3s ease;
}

.checkout-page .add-button .btn-holder.open:before {
	color: #97c300;
}

.checkout-page .add-button .enter-address {
	display: none;
}

.checkout-page .btn-holder {
	position: relative;
	padding-bottom: 45px;
}

	.checkout-page .btn-holder label {
		position: absolute;
		display: inline-block;
		top: auto;
		left: 50%;
		bottom: 0;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		line-height: 45px;
		max-width: 280px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		cursor: pointer;
		transition: all .3s ease;
	}


.add-button .btn-holder .open-address-form {
	transition: width .3s ease .3s, max-width .3s ease .3s, padding .3s ease .3s, opacity .3s ease .3s, background-color .2s ease 0s;
	opacity: 1;
}

.add-button .btn-holder.open .open-address-form {
	max-width: 0;
	padding: 0;
	opacity: .4;
	transition-delay: 0s;
}

.checkout-page .btn-holder .close-address-form {
	max-width: 0;
	padding: 0;
	opacity: .4;
}

.add-button .btn-holder.open .close-address-form {
	max-width: 280px;
	padding: 0 25px;
	opacity: 1;
	transition: width .3s ease .3s, max-width .3s ease .3s, padding .3s ease .3s, opacity .3s ease .3s, background-color .2s ease 0s;
}

.checkout-page .edit-address {
	padding-top: 40px;
	margin: 0 0 30px;
}

.checkout-page .address-box {
	margin: 0 0 25px;
}

.checkout-page .address-item li {
	padding: 2px 0;
}






	.checkout-page .address-item li.name {
		margin: 0;
	}

	.checkout-page .address-item li.country {
		margin: 5px 0 0;
		font-size: 16px;
	}

.checkout-page .pickup-points .title {
	display: none;
	margin: 0 0 40px;
}

.checkout-page .select-pickup-point {
	text-align: center;
}

	.checkout-page .select-pickup-point li {
		display: inline-block;
		margin: 0 5px;
		font-size: 15px;
		color: #444;
		font-weight: 700;
	}

.checkout-page .select-address select {
	max-width: 100%;
}

.checkout-page .pickup-points-map {
	height: 300px;
	margin: 20px 0 0;
}

.payment-logo {
	width: 53px;
}

.shipping-method .method-list,
.payment-method .method-list {
	margin: 0 0 30px;
}

	.shipping-method .method-list li,
	.payment-method .method-list li {
		position: relative;
		border: 1px solid #eee;
		border-radius: 3px;
		padding: 22px 22px 22px 70px;
		max-width: 560px;
		text-align: left;
		margin: 0 auto 10px;
	}

		.shipping-method .method-list li label,
		.payment-method .method-list li label {
			display: block;
			width: 100%;
			font-weight: 700;
			color: #444;
			font-size: 18px;
		}

	.shipping-method .method-list input[type="radio"] + label:before,
	.payment-method .method-list input[type="radio"] + label:before {
		position: absolute;
		top: 50%;
		left: 25px;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

.shipping-method .method-description,
.payment-method .payment-description {
	margin: 5px 0 0;
	font-size: 16px;
	color: #8c8c8c;
	font-weight: 400;
}

.shipping-method .pickup-points ~
.method-list[style*="display: none;"] ~ .buttons {
	display: none;
}

.checkout-page .select-pickup-point label {
	display: none;
}

.use-reward-points {
	margin: 0 0 30px;
	text-align: center;
}

.payment-info .info {
	margin: 0 0 30px;
}

	.payment-info .info table {
		max-width: 800px;
		border: 1px solid #eee;
		border-radius: 3px;
		margin: 0 auto;
	}

	.payment-info .info td {
		padding: 5px;
	}

	.payment-info .info tr:first-child td {
		padding-top: 30px;
	}

	.payment-info .info tr:last-child td {
		padding-bottom: 30px;
	}

	.payment-info .info td label {
		font-size: 14px;
	}

	.payment-info .info td:first-child {
		text-align: right;
	}

	.payment-info .info td:only-child {
		text-align: center;
	}

	.payment-info .info td + td {
		text-align: left;
	}

	.payment-info .info td select:only-of-type,
	.payment-info .info td input:only-of-type {
		width: 100% !important;
		max-width: 250px;
	}

	.payment-info .info td p {
		margin: 10px 0;
		font-size: 16px;
		color: #444;
	}

.message-error.validation-summary-errors {
	text-align: center;
}

.order-confirm-page .order-review-data .billing-info .title,
.order-confirm-page .order-review-data .shipping-info .title,
.opc .order-review-data .billing-info .title,
.opc .order-review-data .shipping-info .title {
	margin: -45px -20px 30px;
	height: 60px;
	line-height: 60px;
	background-color: #f9f9f9;
	border-radius: 3px 3px 0 0;
}

.order-review-data > div .info-list .name,
.order-review-data > div .title {
	margin-bottom: 10px;
}

	.order-review-data > div .info-list .name,
	.order-review-data > div .title strong {
		font-weight: 700;
		font-size: 16px;
		color: #444;
	}

.confirm-order .terms-of-service {
	text-align: center;
}

.order-completed .details {
	max-width: 800px;
	border: 1px solid #eee;
	border-radius: 3px;
	padding: 30px;
	margin: 0 auto 30px;
	text-align: center;
}

	.order-completed .details a {
		display: inline-block;
		margin: 20px 0 0;
		padding: 0 20px;
		max-width: 100%;
		height: 45px;
		line-height: 45px;
		background-color: #eee;
		color: #8c8c8c;
		border-radius: 3px;
		font-size: 13px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		font-weight: 700;
		text-transform: uppercase;
	}

.order-completed .order-number {
	font-size: 18px;
	font-weight: 700;
	color: #97c300;
}

.opc {
	margin: 0 auto;
}

	.opc > li {
		border: 1px solid #eee;
		border-radius: 3px;
		margin-bottom: 10px;
		overflow: hidden;
	}

		.opc > li:last-child {
			margin-bottom: 0;
		}

	.opc .step-title {
		position: relative;
		height: 60px;
		line-height: 60px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		background-color: #f6f6f6;
		padding: 0 40px;
		text-align: center;
	}


	.opc > li.allow:not(.active) .step-title:after {
		content: "\30";
		position: absolute;
		display: inline-block;
		top: 0;
		right: 20px;
		left: auto;
		color: #97c300;
		font-size: 20px;
		line-height: 60px;
	}

	.opc input[type="checkbox"] ~ label:before {
		content: "";
		display: inline-block;
		margin-right: 10px;
		width: 17px;
		height: 17px;
		border: 1px solid #eeeeee;
		vertical-align: text-top;
		background-color: #fff;
	}

	.opc input[type="checkbox"]:checked ~ label:before {
		margin-left: 1px;
		width: 16px;
		height: 16px;
		box-shadow: 0 0 0 1px #e7e7e7;
		border: 3px solid #fff;
		background-color: #97c300;
	}

	.opc input[type="checkbox"] ~ label {
		font-weight: 700;
		color: #444;
	}

	.opc .ship-to-same-address,
	.opc .pickup-in-store {
		margin-top: 0 !important;
	}

	.opc .section.new-billing-address,
	.opc .section.new-shipping-address {
		max-width: 600px;
		margin: 0 auto;
	}

	.opc .allow .step-title,
	.opc .allow .step-title .number,
	.opc .allow .step-title .title {
		cursor: pointer;
	}

	.opc .step-title .number,
	.opc .step-title .title {
		display: inline-block;
		font-size: 18px;
		color: #444;
		font-weight: 300;
	}

	.opc .step-title .number {
		margin: 0 5px 0 0;
	}

	.opc > li.active .step-title .number,
	.opc > li.active .step-title .title {
		font-weight: 700;
		color: #97c300;
	}

	.opc .step {
		padding: 40px 20px;
		overflow: hidden;
	}

	.opc .section {
		margin: 0 0 15px;
		text-align: center;
	}

		.opc .section > label,
		.opc .select-pickup-points > label {
			display: block;
			font-weight: 700;
			color: #444;
			font-size: 15px;
			margin: 0 0 10px;
		}

	.opc .payment-info .info {
		margin: 0;
	}

		.opc .payment-info .info table {
			border: none;
		}

	.opc input[type="text"],
	.opc input[type="email"],
	.opc input[type="tel"],
	.opc input[type="password"],
	.opc select:only-of-type {
		max-width: 100%;
	}

	.opc select {
		padding: 0 27px 0 20px;
		background: #fff url(../svg/select-arrow-dark.svg) no-repeat right 10px center;
	}

	.opc .buttons {
		margin-bottom: 0;
		font-size: 0;
	}

	.opc .pickup-points .buttons {
		display: none;
	}

	.opc #opc-confirm_order .buttons,
	.opc #opc-payment_info .buttons,
	.opc .checkout-data > div:not(.section) {
		float: left;
		clear: both;
		width: 100%;
		margin: 30px 0 0;
	}

	.opc .back-link {
		display: inline-block;
		vertical-align: top;
		margin: 0 10px 10px 0;
	}

		.opc .back-link small {
			display: none;
		}

		.opc .back-link a {
			display: block;
			padding: 0 20px;
			border-radius: 3px;
			background-color: #eee;
			height: 45px;
			min-width: 95px;
			line-height: 45px;
			color: #959595;
			font-size: 14px;
			text-transform: uppercase;
			font-weight: 700;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.opc .back-link,
		.opc .back-link + .button-1 {
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

	.opc .please-wait {
		display: block;
		margin: 10px 0 0;
	}

	.opc .terms-of-service {
		text-align: center;
	}


/*********** ORDER DETAILS & RETURN REQUEST ***********/



.order-review-data,
.order-details-area,
.shipment-details-area {
	margin: 0 0 50px;
	overflow: hidden;
}

.order-details-page,
.order-overview {
	text-align: center;
}

.order-review-data > div,
.order-details-area > div,
.shipment-details-area > div {
	padding: 45px 20px;
	margin: 0 0 20px;
	border: 1px solid #eee;
	border-radius: 3px;
	text-align: center;
}

	.order-review-data > div > div,
	.order-details-area > div > div,
	.shipment-details-area > div > div {
		margin-bottom: 40px;
	}

		.order-review-data > div > div:last-child,
		.order-details-area > div > div:last-child,
		.shipment-details-area > div > div:last-child {
			margin-bottom: 0;
		}

.order-review-data li,
.order-details-area li,
.shipment-details-area li {
	padding: 2px 0;
	font-size: 16px;
	color: #8c8c8c;
}

.order-review-data .title,
.order-details-area .title,
.shipment-details-area .title {
	margin: 0 0 15px;
	font-size: 18px;
	color: #444;
}

.order-details-page .page-title {
	margin: 0 0 40px;
	overflow: hidden;
}

	.order-details-page .page-title h1 {
		margin: 0 0 30px;
	}

.order-details-page .order-overview {
	margin: 0 0 40px;
	line-height: 20px;
}

	.order-details-page .order-overview .order-number {
		margin-bottom: 15px;
		font-size: 20px;
		font-weight: 700;
		color: #97c300;
	}

.order-overview-content li {
	font-size: 16px;
	color: #8c8c8c;
	line-height: 1.5;
	font-weight: 300;
}

	.order-overview-content li strong {
		color: #444;
	}

.order-details-page .tax-shipping-info {
	margin: 0 0 10px;
	font-size: 15px;
	color: #444;
}

.order-details-page .actions {
	margin: 20px 0 0;
	overflow: hidden;
	font-size: 0;
}

	.order-details-page .actions input {
		display: inline-block;
		vertical-align: top;
		width: 100%;
		margin: 5px 0 0;
		padding: 0 20px;
		height: 45px;
		border-radius: 3px;
		border: none;
		font-size: 14px;
		color: #fff;
		text-transform: uppercase;
	}

		.order-details-page .actions input:first-child {
			margin-top: 0;
		}

	.order-details-page .actions .button-2 {
		background-color: #e7e7e7;
		color: #8c8c8c;
	}

.section.shipments {
	margin-bottom: 50px;
}

td.view-details a,
td.download a {
	display: inline-block;
	padding: 10px 20px;
	margin: -7px 0;
	border-radius: 3px;
	background-color: #f1f1f1;
	color: #8c8c8c;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	transition: all .2s ease;
}

	td.view-details a:hover,
	td.download a:hover {
		background-color: #eaeaea;
	}

.downloadable-products-page td.order a {
	color: #444;
}

.return-request-file > div {
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	font-size: 13px;
	overflow: hidden;
}

.qq-uploader .qq-upload-drop-area,
.qq-uploader .qq-upload-list {
	float: left;
	width: calc(100% - 45px);
	height: 45px;
	line-height: 45px;
	border: 1px solid #e7e7e7;
	border-right: none;
	border-radius: 3px;
	background-color: #fff;
	padding: 0 0 0 20px;
	text-align: left;
	font-size: 13px;
	color: #000;
}

.qq-uploader .qq-upload-button {
	width: 45px;
	height: 45px;
	line-height: 45px;
	padding: 0;
	display: inline-block;
	float: right;
	border: none;
	border-radius: 0 3px 3px 0;
	background-color: #eebe00;
	font-size: 0;
	transition: all .2s ease;
}

	.qq-uploader .qq-upload-button:before {
		content: "\e903";
		font-size: 16px;
		color: #fff;
	}

	.qq-uploader .qq-upload-button:hover {
		background-color: #e8af00;
	}

.return-request-page .qq-upload-list li {
	background-color: transparent !important;
	font-size: 13px;
	color: #444 !important;
	padding: 0 !important;
	line-height: 45px;
}

.qq-uploader .qq-upload-drop-area,
.qq-uploader .qq-upload-extra-drop-area {
	width: calc(100% - 45px);
	height: 100%;
	min-height: 45px;
	background: #fff9e0;
	text-align: left;
}

	.qq-uploader .qq-upload-drop-area span {
		top: 0;
		left: 0;
		margin: 0;
	}


/*********** SEARCH & SITEMAP ***********/

.search-page .search-input {
	display: none;
}

	.search-page .search-input .fieldset {
		margin: 0;
	}

	.search-page .search-input form {
		background-color: #f6f6f6;
		margin: 0 -10px 40px;
		padding: 30px 0;
	}

.search-input input + label {
	display: inline;
	margin: 0 0 0 2px;
}

.basic-search {
	padding: 0 20px 30px;
}

.advanced-search {
	padding: 30px 20px;
	border-top: 2px solid #fff;
}

	.basic-search > .inputs,
	.advanced-search > .inputs {
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}

.search-page .search-input form .buttons {
	padding: 0 20px;
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}

	.search-page .search-input form .buttons input {
		width: 100%;
	}

.advanced-search .price-range {
	display: block;
	width: 100%;
	font-size: 0;
}

	.advanced-search .price-range input {
		width: calc(50% - 5px);
		font-size: 13px;
	}

		.advanced-search .price-range input:nth-child(2) {
			margin-left: 10px;
		}

.search-input .warning,
.search-results .result {
	display: block;
	margin: 10px 0 0;
	font-weight: normal;
	color: #ff4f60;
}

.search-results {
	margin: 30px 0 0;
}

.sitemap-page .description {
	margin: 0 auto 30px;
	max-width: 1000px;
	font-size: 15px;
	color: #8c8c8c;
	text-align: center;
}

.sitemap-page .entity {
	border: 1px solid #eee;
	border-radius: 3px 3px 0 0;
	border-bottom: none;
	padding: 30px 20px;
	text-align: center;
}


	.sitemap-page .entity + .entity {
		border-radius: 0;
	}

	.sitemap-page .entity:last-child {
		border-radius: 0 0 3px 3px;
		border-bottom: 1px solid #eee;
	}

.sitemap-page .entity-title {
	margin: 0 0 20px;
}

	.sitemap-page .entity-title h2 {
		font-size: 17px;
		color: #444;
		text-transform: uppercase;
		letter-spacing: 2px;
	}

.sitemap-page .entity-body {
	line-height: 24px;
}

.sitemap-page li {
	display: inline-block;
	margin: 0 5px;
}

.sitemap-page a {
	display: block;
	padding: 5px;
	color: #97c300;
	font-size: 15px;
	transition: all .2s ease;
}

	.sitemap-page a:hover {
		color: #7c9a16;
	}

	.sitemap-page a:empty {
		display: none;
	}


/********** BLOG & NEWS **********/

.block-blog-archive .year {
	margin-top: 10px;
}

.year strong {
	display: block;
	cursor: default;
}

.blog-page .post,
.news-items .news-item {
	position: relative;
	margin: 0 0 20px;
	border: 1px solid #eeeeee;
	border-radius: 3px;
	overflow: hidden;
}

.blog-page .post-details,
.news-items .news-item {
	padding: 30px 15px;
}

.center-2 .blog-page .post,
.center-2 .news-items .news-item {
	text-align: left;
}

.blog-page .post:after,
.news-items .item:after {
	content: "";
	display: block;
	clear: both;
}

.post-title,
.news-title {
	display: block;
	margin: 0 0 20px;
	font-size: 25px;
	font-weight: 300;
	color: #444444;
}

.post-date,
.news-date {
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1.3px;
	color: #97c300;
	margin-bottom: 10px;
	text-transform: uppercase;
}

	.post-date + .read-comments {
		margin-left: 15px;
	}

.post-body,
.news-body {
	line-height: 1.5;
	font-size: 16px;
	color: #8c8c8c;
	font-weight: 400;
}

	.post-body + .buttons,
	.news-body + .buttons {
		margin-top: 25px;
	}

	.post-body p:first-child,
	.news-body p:first-child {
		margin-top: 0;
	}

.back-to-all-button {
	display: inline-block;
	margin: 0 auto 20px;
	width: auto;
	text-align: center;
	font-size: 13px;
	color: #959595;
	text-transform: uppercase;
	font-weight: 700;
	transition: all .2s ease;
}

	.back-to-all-button:before {
		content: "\6b";
		display: inline-block;
		margin-right: 7px;
		color: #959595;
		text-transform: none;
		font-weight: normal;
		font-size: 10px;
		transition: all .2s ease;
	}

	.back-to-all-button:hover,
	.back-to-all-button:hover:before {
		color: #97c300;
	}

.blogpost-page .page-title,
.news-item-page .page-title {
	margin-bottom: 15px;
}

.blogpost-page .post-date,
.news-item-page .news-date {
	display: block;
	margin-bottom: 25px;
}

.blogpost-page .post-body,
.news-item-page .news-body {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 900px;
	text-align: justify;
}

.blogpost-page .post-body {
	border-bottom: 1px solid #eee;
	padding: 0 30px;
	margin: 0 -10px 20px;
}

.blog-page .tags,
.blogpost-page .tags {
	margin: 0 0 5px;
	overflow: hidden;
}

	.blog-page .tags label,
	.blogpost-page .tags label {
		display: inline-block;
		font-size: 0;
	}

		.blog-page .tags label:before,
		.blogpost-page .tags label:before {
			content: "\58";
			display: inline-block;
			margin-right: 7px;
			font-size: 16px;
			color: #8c8c8c;
		}

	.blog-page .tags ul,
	.blogpost-page .tags ul {
		display: inline-block;
		font-size: 0;
	}

	.blog-page .tags li,
	.blogpost-page .tags li {
		display: inline-block;
		font-size: 13px;
		text-transform: uppercase;
		font-weight: 700;
	}

		.blog-page .tags li.separator,
		.blogpost-page .tags li.separator {
			margin: 0 5px 0 3px;
		}

	.blog-page .tags a,
	.blogpost-page .tags a {
		display: inline-block;
		color: #97c300;
		line-height: 24px;
		transition: all .2s ease;
	}

		.blog-page .tags a:hover,
		.blogpost-page .tags a:hover {
			color: #7c9a16;
		}

.blog-posts .buttons,
.news-items .buttons {
	text-align: left;
}

.blog-posts .read-more,
.news-items .read-more {
	display: inline-block;
	padding: 0 25px;
	border-radius: 3px;
	background-color: #eebe00;
	height: 45px;
	line-height: 45px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	transition: all .2s ease;
}

	.blog-posts .read-more:hover,
	.news-items .read-more:hover {
		background-color: #e8af00;
	}

.read-comments {
	font-size: 13px;
	color: #8c8c8c;
	font-weight: 700;
	transition: all .2s ease;
}

	.read-comments:before {
		content: "\52";
		display: inline-block;
		vertical-align: middle;
		margin-right: 7px;
		font-weight: normal;
		text-transform: none;
		color: #8c8c8c;
		font-size: 16px;
		transition: all .2s ease;
	}

	.read-comments:hover,
	.read-comments:hover:before {
		color: #97c300;
	}

.new-comment {
	padding: 40px 20px;
}

.comment-list {
	padding: 0 10px 40px;
}

.new-comment,
.comment-list {
	margin: 70px -10px 0;
	background-color: #f6f6f6;
}

	.new-comment > *,
	.comment {
		max-width: 900px;
		margin-left: auto;
		margin-right: auto;
	}

	.new-comment + .comment-list {
		margin-top: 0;
	}

	.new-comment .title {
		margin: 0 auto 20px;
	}

		.new-comment .title strong {
			font-weight: 700;
			font-size: 26px;
			color: #444;
		}

	.new-comment form {
		display: none;
	}

.comment-form-btn strong:before {
	display: inline-block;
	vertical-align: bottom;
	margin-right: 10px;
	font-size: 16px;
	text-transform: none;
	font-weight: normal;
}

.open-comment-form:hover {
	background-color: #e8af00;
}

.open-comment-form:before {
	content: "\52";
	color: #fff;
}

.new-comment .notifications {
	font-size: 15px;
	color: #8c8c8c;
}

.new-comment .result {
	margin: 20px 0 0;
	color: #97c300;
}

.comment-list .comment {
	background-color: #fff;
	border: 1px solid #eee;
	border-top: none;
	padding: 30px 20px;
	text-align: left;
}

	.comment-list .comment:first-child {
		border-top: 1px solid #eee;
		border-radius: 3px 3px 0 0;
	}

	.comment-list .comment:last-child {
		border-radius: 0 0 3px 3px;
	}


.new-comment .form-fields {
	padding-top: 30px;
	margin: 0 auto 15px;
	max-width: 500px;
}

.new-comment textarea {
	width: 100%;
}

.comment-list .title {
	margin: 0 0 10px;
	font-weight: bold;
}

.blog-comment:after,
.news-comment:after {
	content: "";
	display: block;
	clear: both;
}

.comment-info {
	margin: 0 0 15px;
	font-size: 0;
	overflow: hidden;
}

	.comment-info .username {
		display: inline-block;
		margin-bottom: 3px;
		font-size: 17px;
		color: #444;
		font-weight: 700;
	}

	.comment-info .avatar {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		width: 70px;
		height: 70px;
		overflow: hidden;
	}

		.comment-info .avatar img {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			max-width: 100%;
			height: auto;
			margin: auto;
		}

.name-and-time {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	width: calc(100% - 80px);
	text-align: left;
}

.comment-time {
	font-size: 14px;
	color: #aaa;
}

.comment-body,
.comment-text {
	font-size: 15px;
	color: #8c8c8c;
	line-height: 1.5;
}

.news-item-page .inputs:first-child label {
	display: block;
}

.news-list-homepage {
	margin: 0 auto 50px;
	text-align: center;
}

	.news-list-homepage .title {
		margin: 0 0 7px;
		font-size: 28px;
		color: #444444;
	}

		.news-list-homepage .title strong {
			font-weight: bold;
		}

	.news-list-homepage .view-all {
		margin-bottom: 15px;
	}

		.news-list-homepage .view-all a {
			display: inline-block;
			line-height: 32px;
			color: #97c300;
			letter-spacing: 1.3px;
			text-transform: uppercase;
			font-size: 13px;
			font-weight: bold;
			transition: all .2s ease;
		}

			.news-list-homepage .view-all a:after {
				content: "\57";
				display: inline-block;
				margin-left: 7px;
				font-size: 8px;
				color: #97c300;
				vertical-align: bottom;
				text-transform: none;
				transition: all .2s ease;
			}

			.news-list-homepage .view-all a:hover,
			.news-list-homepage .view-all a:hover:after {
				color: #7c9a16;
			}

.post-details,
.news-item {
	padding: 30px 15px;
}

/********** FORUM & PROFILE **********/


.forums-main-page .topic-block {
	margin-bottom: 0;
}

.forums-main-page .topic-block-title h2 {
	color: #444;
	font-size: 28px;
}

.forums-header {
	margin: 0 0 30px;
	text-align: center;
}

	.forums-header:after {
		content: "";
		display: block;
		clear: both;
	}

.current-time {
	margin: 27px 0 30px;
	color: #97c300;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
}

.forum-search-box {
	margin: 0 0 45px;
	text-align: center;
}

.forum-search-box {
	display: block;
	padding: 0 !important;
	margin: 0 auto 20px;
	width: 100%;
	max-width: 600px;
}

	.forum-search-box form {
		padding: 0 !important;
	}

	.forum-search-box .basic {
		overflow: hidden;
		margin: 0 0 15px;
	}

	.forum-search-box.search-box input.search-box-text {
		padding: 0 5px 0 15px;
		width: calc(100% - 45px);
		height: 45px;
	}

	.forum-search-box.search-box .search-box-button {
		float: left;
		width: 45px;
		height: 45px;
		border: none;
		background: #ccc url('../png/search-button.png') center no-repeat;
		font-size: 0;
		border: 1px solid #eeeeee;
		border-left: 0;
		border-radius: 0 3px 3px 0;
	}

		.forum-search-box.search-box .search-box-button:hover {
			background-color: #97c300;
		}

	.forum-search-box .advanced > a {
		font-size: 15px;
		color: #8c8c8c;
		transition: color .2s ease
	}

		.forum-search-box .advanced > a:hover {
			color: #97c300;
		}

.forum-search-page .basic-search .forum-search-text {
	text-align: center;
	font-size: 15px;
}

	.forum-search-page .basic-search .forum-search-text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		color: #aaa;
	}

	.forum-search-page .basic-search .forum-search-text::-moz-placeholder { /* Firefox 19+ */
		color: #aaa;
	}

	.forum-search-page .basic-search .forum-search-text:-ms-input-placeholder { /* IE 10+ */
		color: #aaa;
	}

	.forum-search-page .basic-search .forum-search-text:-moz-placeholder { /* Firefox 18- */
		color: #aaa;
	}

.forum-search-page .inputs.reversed {
	text-align: center;
}

.forum-search-page .advanced-search {
	margin: 0 -10px 30px;
	padding: 30px;
	max-width: 800px;
	background-color: #f6f6f6;
}

.forum-search-page .search-error {
	padding: 15px;
	margin: 30px 0 0;
	font-size: 13px;
	color: #ff4f60;
	font-weight: 700;
	text-align: center;
}

.forum-search-page .fieldset {
	margin: 0;
}

.forum-search-page .search-results {
	margin: 40px 0 0;
}

.no-result {
	font-size: 15px;
	color: #8c8c8c;
	text-align: center;
}


/* forum group */

.forums-table-section {
	margin: 0 0 50px;
}

	.forums-table-section a {
		vertical-align: middle;
	}

.forums-table-section-title {
	margin: 0 0 25px;
	overflow: hidden;
	text-align: center;
}

	.forums-table-section-title > a,
	.forums-table-section-title strong {
		font-size: 24px;
		font-weight: 700;
		color: #444;
	}

.forums-table-section .view-all a {
	display: inline-block;
	margin-top: 10px;
	height: 45px;
	line-height: 45px;
	padding: 0 25px;
	border-radius: 3px;
	background-color: #eebe00;
	color: #fff !important;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 15px;
	transition: all .2s ease;
}

	.forums-table-section .view-all a:hover {
		background-color: #e8af00;
	}

.forums-table-section .image div {
	font-size: 0;
	width: 24px;
	height: 24px;
	margin: auto;
}

	.forums-table-section .image div:before {
		content: "\32";
		display: block;
		color: #8e8e8e;
		font-size: 24px;
		font-weight: normal;
		text-transform: none;
	}


	.forums-table-section .image div.sticky:before {
		color: #ffa20f;
	}

	.forums-table-section .image div.announcement:before {
		color: #e5323f;
	}

.forums-table-section .latest-post {
	white-space: nowrap;
}

/* forum-page, topic-page */



.forum-page .forum-info,
.forum-topic-page .topic-name,
.forum-page .forum-name {
	margin: 0 0 30px;
	text-align: center;
}

.forum-page .forums-table-section {
	margin: 0;
}

.forum-page .forum-description {
	margin-top: -5px;
}

	.forum-page .forum-description p {
		font-size: 15px;
		color: #8c8c8c;
	}

.forum-actions,
.topic-actions {
	margin: 0 0 25px;
	font-size: 0;
	text-align: center;
}

	.forum-actions .actions a,
	.topic-actions .actions a {
		display: inline-block;
		padding: 0 10px;
		margin: 0 0 6px 6px;
		width: calc(50% - 3px);
		height: 45px;
		line-height: 45px;
		font-size: 13px;
		color: #8c8c8c;
		text-transform: uppercase;
		font-weight: 700;
		background-color: #f1f1f1;
		border-radius: 3px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		transition: all .2s ease;
	}

		.topic-actions .actions a:nth-child(2n),
		.forum-actions .actions a:nth-child(2n+1) {
			margin-left: 0;
		}

	.topic-actions .pager {
		margin-top: 50px;
	}

.pager.upper {
	display: none;
}

.forum-actions .actions a:hover,
.topic-actions .actions a:hover {
	background-color: #eaeaea;
}

.forum-actions .actions a:before,
.topic-actions .actions a:before,
.topic-post .post-actions a:before {
	display: inline-block;
	vertical-align: bottom;
	margin-right: 10px;
	color: #8c8c8c;
	font-size: 17px;
	text-transform: none;
	font-weight: normal;
}

.forum-actions .actions a.edit-topic-button,
.topic-actions .actions a.edit-topic-button {
	width: 100%;
	margin: 0 0 6px;
}

.forum-actions .actions .new-topic:before {
	content: "\52";
}

.forum-actions .actions .watch-forum:before,
.topic-actions .actions .watch-forum:before,
.topic-actions .watch-topic-button:before {
	content: "\31";
}

.topic-actions .reply-topic-button:before {
	content: "\4f";
}

.topic-actions .move-topic-button:before {
	content: "\33";
}

.topic-actions .edit-topic-button:before {
	content: "\4c";
}

.topic-actions .delete-topic-button:before {
	content: "\4d";
}

.topic-actions.lower .actions {
	display: none;
}

.forum-table a {
	color: #444;
	font-weight: 700;
	transition: color .2s ease;
}

	.forum-table a:hover {
		color: #97c300;
	}

.forum-details .forum-title a,
.topic-details .topic-title a {
	font-size: 18px;
}

.forum-description,
.topic-details .topic-pager,
.topic-details .topic-starter,
.topic-details .topic-starter,
td.latest-post {
	font-size: 16px;
	color: #8c8c8c;
}

.forum-page .pager {
	margin-top: 30px;
}

td.topics,
td.posts,
td.views,
td.replies,
td.votes {
	font-weight: 700;
}


/* topic post */

.topic-post {
	margin: 0 0 20px;
	border: 1px solid #eee;
	border-radius: 3px;
	overflow: hidden;
}

	.topic-post:after {
		content: "";
		display: block;
		clear: both;
	}

	.topic-post .post-head {
		padding: 0 17px;
		background-color: #f6f6f6;
		text-align: left;
		height: 45px;
	}

	.topic-post .post-time {
		display: inline-block;
	}

		.topic-post .post-time span,
		.topic-post .post-time label {
			display: inline-block;
			color: #aaa;
			font-size: 14px;
			line-height: 43px;
		}


	.topic-post .post-link-button {
		float: right;
		font-size: 15px;
		font-weight: 700;
		line-height: 43px;
		color: #8c8c8c;
	}

	.topic-post .post-info {
		padding: 15px 10px;
		text-align: left;
		font-size: 0;
	}

	.topic-post .user-info {
		position: relative;
		display: inline-block;
		vertical-align: top;
		min-height: 105px;
		padding-left: 120px;
	}

	.topic-post .username {
		display: block;
		margin-bottom: 5px;
		font-size: 17px;
		color: #444;
		font-weight: 700;
	}

	.topic-post .avatar {
		position: absolute;
		display: inline-block;
		top: 0;
		left: 0;
		vertical-align: top;
		width: 105px;
		overflow: hidden;
		font-size: 0;
	}

		.topic-post .avatar a {
			display: block;
		}

		.topic-post .avatar img {
			max-width: 100%;
		}

	.topic-post .user-stats {
		margin: 0 0 15px;
		font-size: 14px;
		color: #8c8c8c;
		line-height: 1.1;
	}

		.topic-post .user-stats span {
			margin: 0 0 0 3px;
		}

	.topic-post .pm-button {
		display: inline-block;
		margin: 0;
		padding: 0;
		height: auto;
		background-color: transparent;
		font-size: 13px;
		line-height: 16px;
	}

		.topic-post .pm-button:before {
			position: static;
			margin-right: 10px;
			vertical-align: bottom;
			color: #97c300;
		}

	.topic-post .post-actions {
		font-size: 0;
		text-align: right;
		overflow: hidden;
	}

		.topic-post .post-actions > div {
			display: inline-block;
			float: right;
			vertical-align: top;
		}

		.topic-post .post-actions a {
			display: inline-block;
			vertical-align: top;
			margin: 0 0 0 5px;
			font-size: 0;
			width: 40px;
			height: 40px;
			line-height: 40px;
			background-color: #f1f1f1;
			border-radius: 3px;
			text-align: center;
			transition: all .2s ease;
		}

			.topic-post .post-actions a:hover {
				background-color: #eaeaea;
			}

			.topic-post .post-actions a:before {
				margin: 0;
			}

		.topic-post .post-actions .edit-post-button:before {
			content: "\4c";
		}

		.topic-post .post-actions .delete-post-button:before {
			content: "\4d";
		}

		.topic-post .post-actions .quote-post-button {
			width: auto;
			padding: 0 25px;
			background-color: #eebe00;
			color: #fff;
			font-size: 13px;
			text-transform: uppercase;
			font-weight: 700;
		}

			.topic-post .post-actions .quote-post-button:hover {
				background-color: #e8af00;
			}

	.topic-post .post-content {
		padding: 20px;
	}

	.topic-post .post-body {
		position: relative;
		text-align: left;
		font-size: 15px;
		margin-bottom: 40px;
	}

	.topic-post .user-posted-image,
	.latest-posts .user-posted-image {
		max-width: 100%;
		height: auto;
	}

	.topic-post .quote,
	.latest-posts .quote {
		margin: 10px 0;
		background-color: #f6f6f6;
		border-radius: 3px;
		padding: 15px 10px;
	}

	.topic-post .post-actions > div.post-vote {
		float: left;
	}

	.topic-post .post-vote > span {
		display: inline-block;
		vertical-align: top;
		width: 25px;
		height: 40px;
		line-height: 40px;
		cursor: pointer;
	}

		.topic-post .post-vote > span:before {
			display: block;
			font-size: 20px;
			color: #8c8c8c;
			text-align: center;
		}

	.topic-post .post-vote > .vote.up:before {
		content: "\46";
	}

	.topic-post .post-vote > .vote.down:before {
		content: "\47";
	}

	.topic-post .post-vote > .vote.up:hover:before {
		content: "\e902";
		color: #97c300;
	}

	.topic-post .post-vote > .vote.down:hover:before {
		content: "\e901";
		color: #97c300;
	}

	.topic-post .post-vote > div {
		display: inline-block;
		vertical-align: top;
		margin: 0 5px;
		text-align: center;
		font-size: 14px;
		line-height: 40px;
		font-weight: 700;
		color: #8c8c8c;
	}

	.topic-post .signature {
		border-top: 1px dashed #eee;
		padding: 20px 0 0;
		margin-bottom: 30px;
		font-size: 15px;
		color: #aaa;
		text-align: left;
	}

/* forum edit & send message */


.forum-edit-page strong,
.private-message-send-page a {
	font-size: 18px;
	font-weight: normal;
	vertical-align: middle;
}

.forum-edit-page .buttons,
.private-message-send-page .buttons {
	margin: 15px 0 0;
	text-align: center;
}

	.forum-edit-page .buttons input,
	.move-topic-page .buttons input,
	.private-messages .buttons input {
		min-width: 115px;
		border: none;
		padding: 0 25px;
		height: 45px;
		color: #fff;
		border-radius: 3px;
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		transition: all .1s ease;
	}

.forum-edit-page input.button-2,
.move-topic-page input.button-2,
.private-messages input.button-2 {
	color: #8c8c8c;
	background-color: #f1f1f1;
}

	.forum-edit-page input.button-2:hover,
	.move-topic-page input.button-2:hover,
	.private-messages input.button-2:hover {
		background-color: #dfdfdf;
	}

.forum-edit-page .inputs span {
	vertical-align: middle;
	margin-left: 5px;
	font-size: 12px; /*reset zeroing*/
}

.private-message-send-page .message label {
	display: none;
}

/* inbox & view message */


.private-message-view-page .buttons .button-2 {
	background-color: #f1f1f1;
}

.private-messages .page-title {
	text-align: center;
}

.private-messages-page td.date {
	white-space: normal;
}

.private-messages-page .td-title {
	display: none;
}

.private-messages .data-table a,
.private-messages .data-table td {
	color: #8c8c8c;
	font-weight: 400;
}

.private-messages-page td,
.private-messages-page th {
	text-align: left;
}

.private-messages-page .data-table .pm-unread {
	color: #444;
	font-weight: 700;
}

.private-messages-page .buttons input {
	width: 80%;
	max-width: 200px;
	margin: 0 5px;
}

	.private-messages-page .buttons input + input {
		margin-top: 15px;
	}

.private-message-view-page .view-message {
	border: 1px solid #eee;
	border-radius: 3px;
	padding: 30px 20px;
	margin: 0 auto 30px;
	max-width: 800px;
}

.private-message-view-page .message-head li {
	margin-bottom: 10px;
	font-size: 15px;
	color: #8c8c8c;
}

.private-message-view-page .message-head label {
	font-weight: 300;
}

.private-message-view-page .message-head {
	margin-bottom: 30px;
}

	.private-message-view-page .message-head span {
		font-weight: 700;
		margin: 0 0 0 5px;
		vertical-align: middle;
	}

.private-message-view-page .message-body {
	font-size: 15px;
	line-height: 1.5;
	font-weight: 400;
	color: #8c8c8c;
}

.private-message-view-page .message {
	display: block !important;
	margin: 15px 0;
	border: 1px solid #ccc;
	padding: 15px;
}

.private-message-view-page .buttons {
	font-size: 0;
}

.private-message-view-page .reply-pm-button,
.private-message-view-page .delete-pm-button {
	display: inline-block;
	width: calc(40% - 5px);
	margin-bottom: 10px;
	max-width: 150px;
}

.private-message-view-page .reply-pm-button {
	margin-right: 10px;
}

.private-message-view-page .back-pm-button {
	display: block;
	margin: 0 auto;
	width: 80%;
	max-width: 310px;
}

/* profile page  */

.profile-info-box {
	overflow: hidden;
	border: 1px solid #eee;
	border-radius: 3px;
	padding: 30px 20px;
	max-width: 650px;
	margin: 0 auto;
	background-color: #fff;
	text-align: center;
}

	.profile-info-box .avatar {
		margin: 0 auto 20px;
		font-size: 0;
	}

	.profile-info-box .profile-stats {
		margin: 0 0 10px;
	}

	.profile-info-box .title {
		margin: 0 0 13px;
		font-size: 16px;
		color: #444;
	}

	.profile-info-box .avatar {
		max-width: 180px;
		border-radius: 3px;
		overflow: hidden;
	}

	.profile-info-box .stats {
		font-size: 15px;
		color: #8c8c8c;
		font-weight: 300;
	}

		.profile-info-box .stats li {
			margin-bottom: 6px;
		}

		.profile-info-box .stats span {
			font-weight: 700;
		}

.profile-page .ui-tabs-nav,
.private-messages-page .ui-tabs-nav {
	font-size: 0;
}

	.profile-page .ui-tabs-nav li,
	.private-messages-page .ui-tabs-nav li {
		max-width: calc(50% - 10px);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin: 0 5px;
	}

.profile-page .topic {
	padding: 30px 20px;
	background-color: #fff;
	border: 1px solid #eee;
	border-top: 0;
}

	.profile-page .topic:first-child {
		border-top: 1px solid #eee;
		border-radius: 3px 3px 0 0;
	}

	.profile-page .topic:last-child {
		border-radius: 0 0 3px 3px;
	}

	.profile-page .topic:only-child {
		border-radius: 3px;
	}

.profile-page .topic-title {
	margin: 0 0 7px;
	font-size: 16px;
}

	.profile-page .topic-title label {
		font-weight: 300;
		color: #8c8c8c;
	}

	.profile-page .topic-title a {
		font-weight: 700;
		color: #444;
	}

.profile-page .topic-data {
	color: #8c8c8c;
	font-size: 14px;
	margin-bottom: 15px;
	font-weight: 300;
}





.profile-page .topic-body {
	font-size: 15px;
	font-weight: 400;
	color: #8c8c8c;
	line-height: 1.5;
}

.pm-button {
	position: relative;
	display: inline-block;
	border: none;
	height: 45px;
	line-height: 45px;
	max-width: 80%;
	padding: 0 25px 0 55px;
	margin: 15px auto 0;
	background-color: #f1f1f1;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #8c8c8c;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: background-color .1s ease, padding .3s ease;
}

	.pm-button:before {
		content: "\6d";
		position: absolute;
		display: inline-block;
		top: 0;
		left: 25px;
		font-size: 20px;
		color: #8c8c8c;
		text-transform: none;
		transition: all .3s linear !important;
		font-weight: normal;
	}

	.pm-button:hover::before {
		-webkit-animation: emailing .2s linear;
		-moz-animation: emailing .2s linear;
		animation: emailing .2s linear;
	}

.csharpcode {
	margin: 10px 0;
	padding: 10px 15px;
	color: #444;
	white-space: normal;
	text-align: left;
	border: 1px dotted #cacaca;
	border-radius: 3px;
}

.manufacturer-logo-container {
	display: flex;
	flex-wrap: wrap;
}

.manufacturer-logo-wrapper {
	padding: 10px 0;
}

.manufacturer-logo-img {
	padding: 5px;
	width: 100px;
}

.block-category-navigation .list a {
	padding: 3px 0;
	font-size: 13px;
}

.cart-item-row .sku {
	margin-top: 12px;
	color: #666;
	font-size: 15px;
}

.manufacturer-logo-container {
	justify-content: center;
}

.sku.order-history-sku {
	color: #898989;
	font-size: 15px;
	padding-top: 5px;
}

@media (min-width: 1025px) {
	.header {
		position: sticky;
		top: 0;
		width: 100%;
		background-color: #fff;
		z-index: 1020;
		box-shadow: 0 0 5px #ccc;
	}

	.header-menu {
		margin-bottom: 0;
	}

	.admin-header-links + .header {
		top: 35px;
	}

		.admin-header-links + .header + .overlayOffCanvas + .responsive-nav-wrapper-parent + * {
			margin-top: 168px;
		}

	.category-description h2 {
		font-size: 16px !important;
	}

	.category-description {
		color: #484848 !important;
		font-size: 16px !important;
		line-height: 25px !important;
	}

	.short-description {
		color: #484848 !important;
	}

	.title a {
		text-transform: none !important;
		font-size: 16px !important;
		letter-spacing: normal !important;
	}

	p {
		color: #484848 !important;
	}

	/*This important is used to override the important in the p styles above.*/
	.schematic-mfg-name p {
		color: white !important;
	}
}

.clearL {
	clear: left;
	height: 0px;
}

.clearR {
	clear: right;
	height: 0px;
}

.clearB {
	clear: both;
	height: 0px;
}

.clearXtra {
	clear: both;
	height: 20px;
}

.dult-home-top-category .carousel-title {
	text-align: left;
}

.dult-home-top-category .title strong {
	font-weight: 300;
}

.search-box .search-box-button {
	background-color: #29a3d2 !important;
}

.step-title h2 {
    margin: 0 !important;
}

.video-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    padding: 0;
    margin: 0;
}

.video-item {
    padding: 5px;
    width: 400px;
    height: 300px;
    margin-top: 10px;
}

.video-group-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    padding: 0;
    margin: 0;
}

.video-group-item {
    padding: 5px;
    width: 400px;
    height: 300px;
    margin-top: 10px;
}

.manufacturers-menu-pane .nav-submenu {
    visibility: hidden;
    opacity: 0;
    display: block;
}

	.manufacturers-menu-pane .nav-submenu.open {
		visibility: visible;
		opacity: 1;
	}

.resources-menu-pane .nav-submenu {
    visibility: hidden;
    opacity: 0;
    display: block;
}

	.resources-menu-pane .nav-submenu.open {
		visibility: visible;
		opacity: 1;
	}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 2000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100vw; /* Full width */
    height: 100vh; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Black w/ opacity */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    padding-top: 60px;
}

.modal-inner {
    background-color: white;
    position: absolute;
    width: 600px;
    justify-self: center;
    align-self: center;
    display: grid;
    padding: 24px 24px 24px 24px;
}

.modal-content {
    background-color: #fefefe;
    box-sizing: border-box; /* Make sure padding and border are included in the width */
    font-size: 15px;
}

.close-button {
    position: absolute;
    top: 2px;
    right: 10px;
    font-size: 36px;
    color: #8c8c8c;
    border: none;
    background-color: transparent !important;
    justify-items: end;
    justify-content: end;
    justify-self: end;
}

	.close-button:hover,
	.close-button:focus {
		color: black;
		text-decoration: none;
		cursor: pointer;
		background-color: transparent !important;
		padding: 0px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}

.modal-title {
    color: #444444;
    margin-bottom: 18px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.modal-buttons {
    display: flex;
    justify-content: flex-end; /* Align buttons to the right */
}

	.modal-buttons button {
		padding: 6px 8px;
		font-size: 15px;
	}

/* Phone button styles*/
.dial-phone-button {
    height: 40px;
    float: right;
    width: 40px;
    display: grid;
}

	.dial-phone-button > img {
		width: 20px;
		height: 20px;
	}

/* Body is here to make these more specific than bootstrap */
body ul, body ol {
    padding-left: 0rem;
}


/* Building Block Styles, apply these styles in html and create things the way you want. */
/* Grid Styles*/
.grid {
    display: grid;
}

.grid-3-col {
    grid-template-columns: 1fr 1fr 1fr;
}

.grid-order-details-items {
    grid-template-columns: repeat(6, minmax(max-content, 1fr));
}

/* Breakpoint for extra large screens */
@media (max-width: 1200px) {
	.grid-media-query-xlarge {
		grid-template-columns: 1fr !important;
	}

	.product-variant-list .prod-variant-table td .add-to-cart-panel {
		display: flex;
		flex-direction: column;
	}

	.prod-variant-table {
		font-size: 13px;
	}

	.product-variant-list .prod-variant-table td .add-to-cart-panel button {
		margin-top: 10px;
	}
}

/* Breakpoint for large screens */
@media (max-width: 992px) {
	.grid-media-query-large {
		grid-template-columns: 1fr !important;
	}

	.prod-variant-table {
		font-size: 15px;
		width: 100%;
	}

		.prod-variant-table thead {
			display: none;
		}

		.prod-variant-table tr {
			display: flex;
			flex-direction: column;
			border: 1px solid #000;
			padding: 10px 10px;
		}

	.product-variant-list .prod-variant-table td {
		border: 0;
		padding: 7px 0;
		text-align: left;
	}

		.product-variant-list .prod-variant-table td .add-to-cart-panel {
			display: flex;
			flex-direction: row;
		}

			.product-variant-list .prod-variant-table td .add-to-cart-panel button {
				margin-top: 0px;
			}
}

/* Breakpoint for medium screens */
@media (max-width: 768px) {
    .grid-media-query-medium {
        grid-template-columns: 1fr !important;
    }
}

/* Breakpoint for small screens */
@media (max-width: 576px) {
    .grid-media-query-small {
        grid-template-columns: 1fr !important;
    }
}

/* Breakpoint for extra large screens */
@media (max-width: 1400px) {
    .grid-2-col-media-query-ultra-large {
        grid-template-columns: 1fr 1fr;
    }
}

/* Breakpoint for extra large screens */
@media (max-width: 1200px) {
    .grid-2-col-media-query-xlarge {
        grid-template-columns: 1fr 1fr;
    }
}

/* Breakpoint for large screens */
@media (max-width: 992px) {
    .grid-2-col-media-query-large {
        grid-template-columns: 1fr 1fr;
    }
}

/* Breakpoint for medium screens */
@media (max-width: 768px) {
    .grid-2-col-media-query-medium {
        grid-template-columns: 1fr 1fr;
    }
}

/* Breakpoint for small screens */
@media (max-width: 576px) {
    .grid-2-col-media-query-small {
        grid-template-columns: 1fr 1fr;
    }
}


.gap-4 {
    gap: 4px;
}

.gap-8 {
    gap: 8px;
}

.gap-12 {
    gap: 12px;
}

.gap-16 {
    gap: 16px;
}

.gap-24 {
    gap: 24px;
}

.gap-32 {
    gap: 32px;
}

.gap-60 {
    gap: 60px;
}

/* Scrolbar Styles*/
.scrollbar {
    overflow: auto;
}

/* Positioning Styles*/
.justify-content-center {
    justify-content: center;
}

.align-content-center {
    align-content: center;
}

.justify-items-start {
    justify-items: start;
}

.justify-items-center {
    justify-items: center;
}

.justify-items-end {
    justify-items: end;
}

.align-items-start {
    align-items: start;
}

.align-items-center {
    align-items: center;
}

.align-items-end {
    align-items: end;
}

.justify-start {
    justify-self: start;
}

.justify-center {
    justify-self: center;
}

.justify-end {
    justify-self: end;
}

.align-start {
    align-self: start;
}

.align-center {
    align-self: center;
}

.align-end {
    align-self: end;
}

.justify-content-space-between {
    justify-content: space-between;
}

/* Button Styles */
.btn-primary {
    display: grid;
    align-items: center;
    justify-items: center;
    background-color: #29a3d2;
    color: white;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
    font-weight: bold;
    font-size: 16px;
    transition: all 0.2s;
}

	.btn-primary:hover {
		cursor: pointer;
		color: white;
		background-color: #0a8dbf;
	}

.btn-large {
    font-size: 20px;
    padding-top: 16px;
    padding-bottom: 16px;
}

.btn-small {
    font-size: 12px;
}

.btn-card-full-width {
    margin-left: -1rem;
    margin-right: -1rem;
}

/* Font Styles */
.fw-regular {
    font-weight: 400;
}

.fw-medium {
    font-weight: 500;
}

.fw-semibold {
    font-weight: 600 !important;
}

.fw-bold {
    font-weight: 700;
}

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

.uppercase-text {
    text-transform: uppercase;
}

.text-underline {
    text-decoration: underline;
}

.fs-12 {
    font-size: 12px;
}

.fs-14 {
    font-size: 14px;
}

.fs-16 {
    font-size: 16px;
}

.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}

/* Flex Styles */
.flex {
    display: flex;
}

/* Loading Spinner */
.loading-spinner-overlay {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

	.loading-spinner-overlay .spinner {
		border: 8px solid #f3f3f3;
		border-top: 8px solid #3498db;
		border-radius: 50%;
		width: 60px;
		height: 60px;
		animation: spin 2s linear infinite;
	}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.text-underline {
    text-decoration: underline;
}

.bg-light-yellow {
    background-color: #FFFFCC;
}

/* Navbar Styles - example usage on order details page */
.custom-nav {
    display: flex;
    justify-content: center;
    margin-bottom: 44px;
}

@media only screen and (max-width: 400px) {
    .custom-nav {
        border-top: 1px solid #B7B7B7;
        display: grid;
    }
}

.custom-nav .custom-nav-item {
    color: #B7B7B7;
    font-weight: 600;
    font-size: 18px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 24px;
    padding-right: 24px;
    background-color: white;
    border: none;
    border-bottom: 3px solid transparent;
}

	.custom-nav .custom-nav-item.active {
		color: #29a3d2;
		border-bottom: 3px solid #29a3d2;
	}

.custom-nav-section {
    display: none;
}

	.custom-nav-section.active {
		display: grid; /* or whatever display value is appropriate for your layout */
	}

.custom-banner {
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-weight: 900;
    letter-spacing: .5px;
}

/* Notification styles */
.success-notification {
    background: #e4f8f0;
    border: solid #1ea97c;
    border-width: 0 0 0 6px;
    color: #1ea97c;
    font-size: 16px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.error-notification {
    background: #ffe7e6;
    border: solid #ff5757;
    border-width: 0 0 0 6px;
    color: #ff5757;
    font-size: 16px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.warning-notification {
    background: #fff2e2;
    border: solid #cc8925;
    border-width: 0 0 0 6px;
    color: #cc8925;
    font-size: 16px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.modal-background {
    background-color: rgba(1, 1, 1, 0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    z-index: 1020;
}

.all-unset {
    all: unset;
}

.position-fixed-important {
    position: fixed !important;
}

/* Color Styles */
.color-red {
    color: #fe1817;
}

.color-darkgray {
    color: #5a5a5a;
}

.color-black {
    color: #000000 !important;
}

.color-blue {
    color: #29a3d2 !important
}


/* Border Styles */
.border-black-thin {
    border: 1px solid darkgray;
}

/* Width Styles */
.max-width-525 {
    max-width: 525px;
}

.max-width-400 {
    max-width: 400px;
}

.width-525 {
    width: 525px;
}

/* Padding and Margin Styles */
.mb-1 {
    margin-bottom: 4px;
}

.mb-2 {
    margin-bottom: 8px;
}

.mb-3 {
    margin-bottom: 12px;
}

.mb-4 {
    margin-bottom: 16px;
}

.mtn-6 {
    margin-top: -24px;
}

.pt-6 {
    padding-top: 24px;
}

.pb-6 {
    padding-bottom: 24px;
}

.pe-4 {
    padding-right: 16px;
}

.pe-17 {
    padding-right: 68px;
}

.ps-4 {
    padding-left: 16px;
}

/* One off styles that can't be inlined because they are media queries*/
@media only screen and (max-width: 400px) {
	#orderDetails td {
		padding: .25rem .25rem;
	}
}

@media (max-width: 1000px) {
    .grid-order-details-items {
        width: calc(100vw - 36px);
    }
}


.product-strike {
    text-decoration: line-through;
}

.buttons-container, #buttons-container {
	display: grid;
	align-items: center;
	justify-content: end;
}

/*Registration*/
select#BillingStateProvinceId {
	width: 100%;
}

select#BillingCountryId {
	width: 100%;
}

select#BusinessTypeId {
	width: 100%;
}

select#ReferralTypeId {
	width: 100%;
}

.div-please-wait {
	font-size:medium;
}
@media all and (max-width: 480px) {
	.private-messages-page thead {
		display: none;
	}

	.private-messages-page .data-table,
	.private-messages-page tbody,
	.private-messages-page tr,
	.private-messages-page td {
		display: block;
	}

	.private-messages-page tr {
		margin: 0 0 20px;
		border: 1px solid #eee !important;
		border-radius: 3px;
	}

	.private-messages-page tr:last-child {
		margin: 0;
	}

	.private-messages-page td {
		border-left: none !important;
		border-right: none !important;
		background-color: #fff;
		text-align: center;
	}

	.private-messages-page td:first-child {
		border-radius: 3px 3px 0 0 !important;
		border-top: 0 !important;
	}

	.private-messages-page td:last-child {
		border-radius: 0 0 3px 3px !important;
		border-bottom: 0;
	}

	.private-messages-page .select label {
		margin: 0 auto;
	}

	.private-messages-page .select input[type="checkbox"]:checked + label {
		margin-left: auto;
		margin-bottom: 1px;
	}
	.private-messages-page .td-title {
		display: inline-block;
	}
}


@media all and (max-width: 1024px) {


	/*.order-details-page .data-table .attributes,
	.shipment-details-page .data-table .sku,*/
	.order-details-page .shipments thead,
	.order-details-page .products thead,
	.order-list-page .recurring-payments thead,
	.return-request-page .data-table thead,
	.shipment-details-page .data-table thead,
	.downloadable-products-page .data-table thead,
	.reward-points-history .data-table thead,
	.wishlist-page thead,
	.cart thead {
	    display: none;
	}

	.order-details-page .shipments .data-table,
	.order-details-page .shipments tbody,
	.order-details-page .shipments tr,
	.order-details-page .shipments td,
	.order-details-page .products .data-table,
	.order-details-page .products tbody,
	.order-details-page .products tr,
	.order-details-page .products td,
	.order-list-page .recurring-payments td,
	.order-list-page .recurring-payments tr,
	.return-request-page .data-table tbody,
	.return-request-page .data-table tr,
	.return-request-page .data-table td,
	.shipment-details-page .data-table,
	.shipment-details-page .data-table tbody,
	.shipment-details-page .data-table tr,
	.shipment-details-page .data-table td,
	.reward-points-history .data-table tr,
	.reward-points-history .data-table td,
	.downloadable-products-page .data-table tr,
	.downloadable-products-page .data-table td,
	.wishlist-page tbody,
	.wishlist-page tr,
	.wishlist-page td,
	.cart tbody,
	.cart tr,
	.cart td {
		display: block;
	}

	.order-details-page .shipments tr,
	.order-details-page .products tr,
	.return-request-page .data-table tr,
	.shipment-details-page .data-table tr,
	.order-list-page .recurring-payments tr,
	.reward-points-history .data-table tr,
	.downloadable-products-page .data-table tr,
	.wishlist-page tr,
	.cart tr {
		margin: 0 0 20px;
		border: 1px solid #eee !important;
		border-radius: 3px;
	}

	.downloadable-products-page .data-table td.product,
	.reward-points-history .data-table td.message {
		text-align: center;
	}

	.order-details-page .products tr,
	.cart tr,
	.wishlist-page tr {
		position: relative;
		background-color: #fff;
		overflow: hidden;
		padding-bottom: 70px;
	}

	.order-details-page .shipments tr:last-child,
	.order-details-page .products tr:last-child,
	.shipment-details-page .data-table tr:last-child,
	.return-request-page .data-table tr:last-child,
	.order-list-page .recurring-payments tr:last-child,
	.reward-points-history .data-table tr:last-child,
	.downloadable-products-page .data-table tr:last-child
	.wishlist-page tr:last-child,
	.cart tr:last-child {
		margin-bottom: 0;
	}

	.order-details-page .shipments td,
	.shipment-details-page .data-table td,
	.order-details-page .products td,
	.return-request-page .data-table td,
	.order-list-page .recurring-payments td,
	.reward-points-history .data-table td,
	.downloadable-products-page .data-table td,
	.wishlist-page td,
	.cart td {
		border-left: none !important;
		border-right: none !important;
		background-color: #fff;
		text-align: center;
	}


	.order-details-page .shipments td:first-child,
	.order-details-page .products td:first-child,
	.return-request-page .data-table td:first-child,
	.shipment-details-page .data-table td:first-child,
	.order-list-page .recurring-payments td:first-child,
	.reward-points-history .data-table td:first-child,
	.downloadable-products-page .data-table td:first-child,
	.wishlist-page td:first-child,
	.cart td:first-child {
		border-radius: 3px 3px 0 0 !important;
		border-top: 0 !important;
	}

	.order-details-page .shipments td:last-child,
	.order-details-page .products td:last-child,
	.shipment-details-page .data-table td:last-child,
	.return-request-page .data-table td:last-child,
	.order-list-page .recurring-payments td:last-child,
	.reward-points-history .data-table td:last-child,
	.downloadable-products-page .data-table td:last-child,
	.wishlist-page td:last-child,
	.cart td:last-child {
		border-radius: 0 0 3px 3px !important;
		border-bottom: 0;
	}


	.order-details-page .products td.unit-price,
	.cart td.unit-price,
	.wishlist-page td.unit-price {
		position: absolute;
		top: auto;
		left: auto;
		bottom: 35px;
		right: 0;
		float: right;
		background-color: #f6f6f6 !important;
		padding: 9px 20px 2px 10px;
		width: 65%;
		height: 35px;
		border-top: 1px solid #eee !important;
		border-bottom: 0 !important;
		text-align: right;
		overflow: hidden;
	}
	.order-details-page .products td.unit-price *,
	.cart td.unit-price *,
	.wishlist-page td.unit-price * {
		color: #8c8c8c !important;
		font-weight: 700 !important;
		font-size: 15px !important;
	}



	.order-details-page .products td.total,
	.order-details-page .products td.subtotal,
	.cart td.total,
	.cart td.subtotal,
	.wishlist-page td.total,
	.wishlist-page td.subtotal {
		position: absolute;
		bottom: 0;
		right: 0;
		left: auto;
		top: auto;
		background-color: #f6f6f6 !important;
		width: 62%;
		height: 35px;
		border: none !important;
		padding: 0px 20px 9px 10px;
		text-align: right;
		overflow: hidden;
	}

	.order-details-page .products td.total *,
	.order-details-page .products td.subtotal *,
	.cart td.total *,
	.cart td.subtotal *,
	.wishlist-page td.total *,
	.wishlist-page td.subtotal * {
		font-weight: 700 !important;
		color: #444 !important;
	}


	.order-details-page .products td.quantity,
	.cart td.quantity,
	.wishlist-page td.quantity {
		position: absolute;
		top: auto;
		left: 0;
		bottom: 0;
		width: 38%;
		height: 70px;
		padding: 20px 5px 20px 20px;
		overflow: hidden;
		border-top: 1px solid #eee !important;
		border-bottom: 0 !important;
		background-color: #f6f6f6 !important;
		text-align: left;
	}

	.order-details-page .products td.quantity,
	.cart td.quantity,
	.wishlist-page td.quantity {
		color: #8c8c8c !important;
	}

	.order-details-page .products td.quantity span,
	.cart td.quantity span,
	.wishlist-page td.quantity span {
		line-height: 30px;
	}


	td.shipment-id {
		background-color: #f6f6f6 !important;
	}

	td.quantity label.td-title {
		display: inline-block;
		max-width: calc(100% - 45px);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}


	td label {
		color: #8c8c8c;
		font-weight: 300;
	}

	td .attributes {
		padding: 7px 0;
		margin: 0;
	}

	td.remove-from-cart,
	td.add-to-cart {
		padding: 10px;
		font-size: 0;
	}

	td.remove-from-cart input[type="checkbox"] + label,
	td.add-to-cart input[type="checkbox"] + label {
		font-size: 13px;
		text-transform: uppercase;
		font-weight: 700;
		user-select: none;
	}

	td.remove-from-cart input[type="checkbox"] + label:before,
	td.add-to-cart input[type="checkbox"] + label:before {
		vertical-align: bottom;
	}

	td.product-picture {
		padding: 4px !important;
		float: left;
		width: 90px;
		border: none !important;
	}

	td.product {
		border: none !important;
		padding: 15px;
	}

	td.product-picture + td.product {
		margin-left: 90px;
		text-align: left;
	}
}


@media all and (min-width: 768px) and (max-width: 1024px) {

	.order-details-page .products tr,
	.shipment-details-page .data-table tr,
	.return-request-page .data-table tr,
	.reward-points-history .data-table tr,
	.downloadable-products-page .data-table tr,
	.wishlist-page tr,
	.cart tr {
		display: inline-block;
		vertical-align: top;
		width: calc(50% - 10px);
		margin-left: 20px;
	}


	.order-details-page .products tr:nth-child(2n+1),
	.return-request-page .data-table tr:nth-child(2n+1),
	.shipment-details-page .data-table tr:nth-child(2n+1),
	.reward-points-history .data-table tr:nth-child(2n+1),
	.downloadable-products-page .data-table tr:nth-child(2n+1),
	.wishlist-page tr:nth-child(2n+1),
	.cart tr:nth-child(2n+1) {
		margin-left: 0;
	}

	.shipment-details-page .data-table,
	.return-request-page .data-table,
	.order-details-page .products .data-table,
	.account-page .cart,
	.account-page .data-table,
	.account-page .compare-products-table,
	.account-page .forums-table-section table,
	.wishlist-page .cart,
	.cart {
		text-align: left;
		font-size: 0;
	}

	.cart td.product,
	.data-table td.product,
	.data-table td.message,
	.data-table td.info,
	.data-table td.name,
	.forum-table td.forum-details,
	.forum-table td.topic-details {
		text-align: left;
	}


}


@media all and (min-width: 769px) and (max-width: 1600px) {


	.account-page .recurring-payments .data-table td label {
		display: inline-block;
	}

	.account-page .recurring-payments .data-table thead {
		display: none;
	}

	.account-page .recurring-payments .data-table tbody,
	.account-page .recurring-payments .data-table tr,
	.account-page .recurring-payments .data-table td {
		display: block;
	}


	.order-list-page .recurring-payments tr {
		display: inline-block;
		vertical-align: top;
		width: calc(50% - 12.5px);
		margin-left: 25px;
	}


	.order-list-page .recurring-payments tr:nth-child(2n+1) {
		margin-left: 0;
	}

}

@media all and (min-width: 1025px) and (max-width: 1600px)  {


	.order-list-page .recurring-payments td {
		border-left: none !important;
		border-right: none !important;
	}
	.order-list-page .recurring-payments td:first-child {
		border-radius: 3px 3px 0 0 !important;
		border-top: 1px solid #eee;
	}

	.compare-products-table td {
		vertical-align: top;
	}

	.cart td,
	.compare-products-table td,
	.forums-table-section td {
		font-size: 16px;
	}


}
@media all and (max-width: 1024px) {

.header-upper .header-selectors-wrapper {
	display: none;
}

.desktop {
    display: none !important;
}
.category-navigation-title, .category-navigation-list-wrapper {
    display: none !important;
}

.admin-header-links {
	position: fixed;
	top: 0;
	z-index: 1030;
	width: 100%;
}
.responsive-nav-wrapper-parent {
	position: fixed;
	top: 0;
	z-index: 1020;
	width: 100%;
	background-color: #fff;
	border-bottom: 3px solid #eeeeee;
}

.admin-header-links ~ .responsive-nav-wrapper-parent {
	top: 35px;
}

.admin-header-links ~ .responsive-nav-wrapper-parent ~ .header {
	margin-top: 100px;
}

.header {
	margin-top: 65px;
}

.mobile-selector {
	overflow: hidden;
}

.header-selectors-wrapper > div {
	margin: 0;
	display: block;
	position: relative;
}

.profile-menu-box > a,
.selector-title {
	display: block;
	padding: 15px 20px;
	line-height: 18px;
    font-size: 13px;
    color: #8c8c8c;
    font-weight: 700;
	background-color: #f6f6f6;
	border-top: 3px solid #fff;
	cursor: pointer;
	text-transform: uppercase;
}

.selector-title:after {
	content: "\6a";
	display: inline-block;
	float: right;
	font-size: 9px;
	font-family: "emporium-icons";
	transform: rotate(90deg);
	text-transform: none;
	color: #8c8c8c;
	transition: all .3s ease;
}

.selector-title.open:after {
	transform: rotate(-90deg);
}

.mobile-collapse {
	display: none;
	background-color: #efefef;
	padding: 10px 0;
}

.header-selectors-wrapper > div input[type="radio"] {
	display: none;
}

.header-selectors-wrapper > div label {
	display: block;
	padding: 10px 38px;
	line-height: 18px;
	font-size: 14px;
	font-weight: 400;
}

.header-selectors-wrapper > div input[type="radio"]:checked + label {
	color: #97c300;
}

.header-selectors-wrapper > div input[type="radio"] + label:before {
	content: none;
	display: none;
} 


/* RESPONSIVE NAV WRAPPER */

.responsive-nav-wrapper {
	position: relative;
	padding: 11px 0;
	background-color: #fff;
	text-align: center;
	font-size: 0;
	width: calc(100% - 20px);
	margin: 0 auto;
}

.header-logo {
	display: none;
}

.mobile-logo {
	position: relative;
	display: inline-block;
	text-align: center;
	max-width: calc(100% - 180px);
}

.mobile-logo .logo {
	position: relative;
	display: block;
	max-width: 100%;
	height: 40px;
	width: 200px;
	margin: 0 auto;
}

.mobile-logo img {
	position: absolute;
	display: inline-block;
	width: auto;
	max-width: 100%;
	max-height: 100%;
	height: auto;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.responsive-nav-wrapper:after {
	content: "";
	display: block;
	clear: both;           
}

.responsive-nav-wrapper > div {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.responsive-nav-wrapper > div > span,
.responsive-nav-wrapper > div > a {
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 0;
	cursor: pointer;
}

.responsive-nav-wrapper > div > span:before,
.responsive-nav-wrapper > div > a:before {
	display: inline-block;
	font-family: "emporium-icons";
	font-size: 18px;
	color: #8e8e8e;
}

.responsive-nav-wrapper .menu-title span:before {
	content: "\67";
}

.responsive-nav-wrapper .search-wrap span:before {
	content: "\65";
}

.shopping-cart-link > a {
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 0;
}
.shopping-cart-link > a:before {
	content: "\64";
	display: inline-block;
	font-family: "emporium-icons";
	font-size: 24px;	
}

.shopping-cart-link .cart-qty {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #97c300;
	font-size: 10px;
	height: auto;
	padding: 0 1px;
	width: auto;
	min-width: 15px;
	display: inline-block;
	min-height: 15px;
	line-height: 15px;
	border-radius: 50%;
	color: #fff;
}

.responsive-nav-wrapper .menu-title,
.responsive-nav-wrapper .search-wrap {
	float: left;
}

.responsive-nav-wrapper .shopping-cart-link,
.responsive-nav-wrapper .personal-button {
	float: right;
}


/* RESPONSIVE MENU */

.overlayOffCanvas {
    display: none;
    position: fixed;
    top: 0;
	right: 0;
    bottom: 0;
	left: 0;
	z-index: 1060;
    background-color: rgba(0,0,0,0);
    transition: background 0.3s ease;
}
.overlayOffCanvas.show {
	background-color: rgba(0,0,0,0.4);
}
.scrollYRemove {
    overflow: hidden !important;
    -ms-touch-action: none !important;
    -webkit-overflow-scrolling: touch !important;
}
.header-menu.ps-container .ps-scrollbar-y-rail {
    visibility: hidden !important; /*scroll is active, but invisible*/
}
	
.header-menu,
.profile-menu-box,
.store-search-box {
	position: fixed;
	top: 0;
	left: -100%;
	width: 320px;
	max-width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #fff;
	text-align: left;
	margin-top: 0 !important;
    opacity: 1;
    padding: 0;
    border-radius: 0;
    pointer-events: auto;
	transition: all 0.3s ease;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	box-shadow: none;
	z-index: 1070 !important;
}

.store-search-box {
	width: 400px;
}
   
.header-menu.open,
.profile-menu-box.open,
.store-search-box.open {
	left: 0;
}
.header-menu .close-menu,
.close-side-menu,
.mobile-flyout-wrapper .close-side-menu {
	display: block;
	padding: 15px 20px;
	background-color: #97c300;
	color: #fff;
}

.close-menu span,
.close-side-menu span {
	display: inline-block;
	line-height: 17px;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
}

.close-menu .close-menu-text,
.close-side-menu .close-side-menu-text {
	font-weight: 700;
	letter-spacing: 1px;
}

.close-menu .close-menu-btn,
.close-side-menu-btn {
	float: right;
	font-size: 0 !important;
}

.close-menu-text:before,
.close-side-menu-text:before {
	content: "\67";
	display: inline-block;
	margin-right: 15px;
    font-family: "emporium-icons";
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0;
    color: #fff !important;
    text-transform: none;
    vertical-align: bottom;

}

.profile-menu-box .close-side-menu-text:before {
	content: "\61";
}

.store-search-box .close-side-menu-text:before {
	content: "\65";
}

.close-menu-btn:before,
.close-side-menu-btn:before {
	content: "\7a";
	display: inline-block;
	margin: 0 !important;
	font-family: "emporium-icons";
	text-transform: none;
	font-size: 16px;
	color: #fff !important;
	vertical-align: bottom;
}

.header-menu .all-categories,
.header-menu .all-categories li {
	background-color: #f6f6f6;
}
.header-menu > ul li:after {
	content: "";
	display: block;
	clear: both;
}
.header-menu > ul li > a,
.header-menu > ul li > span,
.profile-menu-box > a,
.header-form-holder > a {
	display: block;
	position: relative;
	z-index: 0;
	padding: 16px 18px !important;
	font-size: 13px;
	line-height: 17px;
	color: #8c8c8c;
	font-weight: 700;
	text-transform: uppercase;
}

.header-menu > ul li {
	border-bottom: 3px solid #fff;
}

.header-menu .top-menu > li {
	border-bottom: 0;
}


.header-menu > ul li:last-child,
.header-menu > ul li:last-child,
.header-menu > ul li.back-button {
	border-bottom: 0;
} 
.header-menu > ul li > .with-subcategories {
	float: left; 
	width: calc(100% - 50px);
}

.header-menu .all-categories > span {
	float: left; 
	width: calc(100% - 50px);
	cursor: default;
}

.header-menu .all-categories > span:before {
    content: "\66";
    display: inline-block;
    margin-right: 10px;
    font-size: 17px;
    vertical-align: bottom;
    font-family: "emporium-icons";
    color: #8c8c8c;
    font-weight: normal;
    text-transform: none;
    transition: all .2s ease;
}


.plus-button {
	position:relative;
	z-index: 1;
	float: right;
	width: 50px;
	height: 50px;
	cursor: pointer;
}

.plus-button:before {
	content: "\6a";
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-family: "emporium-icons";
	font-size: 10px;
	color: #8c8c8c;
}

.ico-compare,
.ico-wishlist {
	display: block;
    padding: 15px 20px;
    line-height: 18px;
    font-size: 13px;
    font-weight: 700;
    color: #8c8c8c;
    background-color: #f6f6f6;
    border-top: 3px solid #fff;
    cursor: pointer;
    text-transform: uppercase;
}


.ico-compare:before,
.ico-wishlist:before {
	display: inline-block;
	font-family: "emporium-icons";
	margin-right: 10px;
	font-size: 17px;
	color: #8e8e8e;
	font-weight: normal;
	text-transform: none;
	vertical-align: bottom;
}


/* NEW ACCOUNT STYLING */

.personal-button {
	position: static !important;
}

/* END ACCOUNT STYLING */

.wishlist-qty {
	display: none;
}

.header-menu .sublist-wrap {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 320px;
	height: 100%;
	box-shadow: 1px 0 5px rgba(0,0,0,0.5); 
	overflow: hidden;
	background-color: #fff !important;
	transition: all 0.3s ease;
}
.header-menu .sublist-wrap {
	left: -100%;
}
.header-menu .sublist-wrap.active {
	left: 0;
}
.header-menu ul li.back-button {
	background-color: #97c300;
}
.header-menu .back-button span {
	padding: 15px 20px !important;
	text-align: right;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
}

.header-menu .back-button span:before {
	content: "\6b";
	display: inline-block;
	margin-right: 10px;
	font-family: "emporium-icons";
	font-size: 10px;
	text-transform: none;
}


/*********** MOBILE FLYOUT CART ************/

.mobile-flyout-wrapper .close-side-menu-text:before {
	content: "\64";
}

.mobile-flyout-wrapper .flyout-cart-scroll-area {
	max-height: calc(100vh - 97px);
	overflow-y: scroll;
}

.mobile-flyout-wrapper {
	position: fixed;
	top: 0;
	left: -100%;
	width: 400px;
	max-width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #fff;
	text-align: left;
	margin-top: 0 !important;
	opacity: 1;
	padding: 0;
	border-radius: 0;
	pointer-events: auto;
	transition: all 0.3s ease;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	box-shadow: none;
	z-index: 1070 !important;
}

.mobile-flyout-wrapper.open {
	left: 0;
}

.mobile-flyout-wrapper .close-side-menu {
	display: block;
}



/******** LOGIN FORM IN HEADER ********/


.profile-menu-box.login-form-in-header {
	padding: 0;
	width: 320px;
}

.login-form-in-header form {
	padding: 20px 20px 0;
}



/* SEARCH BOX */

.search-box form {
	padding: 20px;
}

.search-box input.search-box-text {
	width: calc(100% - 45px);
	padding: 0 5px 0 15px;
}

.ui-autocomplete {
	width: calc(100% - 40px) !important;
}


/* HEADER LINKS */

#topcartlink {
	display: none;
}

.header-links-wrapper .header-links > ul {
	display: none;
}
.header-links-wrapper.open {
	display: block;
}

/* ACCOUNT PAGES */




.html-account-page .block {
	float: none;
	width: auto;
	text-align: center;
}
.html-account-page .block .listbox {
	display: block !important;
}


.item-box .btn-wrapper {
	display: none !important;
}


}







/*=====================================================
    
    TABLETS PORTRAIT & SMARTPHONES LANDSCAPE

=====================================================*/

@media all and (min-width: 481px) {
	
/* GLOBAL STYLES */

.side-2:after {
	content: "";
	display: block;
	clear: both;
}

/* FOOTER */


.footer-middle {
	text-align: center;
	font-size: 0;
}

.footer-block {
	display: inline-block;
	border-bottom: 0;
	width: 31.33%;
	margin: 0 1%;
	vertical-align: top;
}

.footer-block .title {
	padding: 0 15px 5px;
	border: none;
}

.footer-block:first-child {
	border-top: none;
}

.footer-block ul {
	display: block;
	background-color: transparent;
}
.footer-block .title:before,
.footer-block .title:after {
	display: none;
}

.social-icons {
	padding-top: 35px;
	border-top: 1px solid #eeeeee;
}

.newsletter-email  {
	max-width: 355px;
}

/* LEFT/RIGHT COLUMN */

.block {
	float: left;
	width: 48%;
	margin: 0 1% 2%;
	text-align: left;
}

.block:nth-of-type(2n+1) {
	clear: left;
}


.block .tags li,
.product-tags-all-page li {
	margin: 0 5px;
}



/* CATEGORY PAGE & GRIDS */

.item-box {
	width: 32%;
	text-align: center;
}

.item-box:nth-child(2n+1) {
	margin-left: 2%;
	clear: none;
}

.item-box:nth-child(3n+1) {
	margin-left: 0;
	clear: both;
}



/* PRODUCT PAGE */

.attributes-wrapper {
	max-width: 560px;
	margin: 0 auto 30px;
}

.product-additional  {
	margin: 0 -10px 60px;
}

.attributes select + .qty-box {
	margin-top: 0;
	vertical-align: top;
}


/* REVIEW PAGE */
/* WISHLIST & COMPARE LIST */
/* TOPICS */

.enter-password-form input[type="password"] {
	width: 300px !important;
}

/* CONTACT PAGE & EMAILaFRIEND */
/* REGISTRATION, LOGIN, MY ACCOUNT */

.login-page .title strong,
.registration-page .title strong {
	font-size: 18px;
}
.date-of-birth .date-picker-wrapper select {
	padding: 0 35px 0 20px;
	background: #fff url(../svg/select-arrow-dark.svg) no-repeat right 15px center;
}

.account-page {
	padding: 40px 20px;
}

.customer-info-page .page-body,
.change-password-page .page-body,
.check-gift-card-balance-page .page-body,
.avatar-page .page-body,
.address-edit-page .page-body,
.vendorinfo-page .page-body {
	padding: 50px;
}

.date-of-birth .date-picker-wrapper select,
.date-of-birth .date-picker-wrapper select:first-child,
.date-of-birth .date-picker-wrapper select:last-child {
	width: 33.33%;
}

.address-item .title,
.order-item .title,
.request-item .title {
	text-align: center;
}

.address-item:first-child,
.add-button:first-child,
.order-item:first-child,
.request-item:first-child {
	margin-top: 0;
}


/* SHOPPING CART & CHECKOUT */


.cart-collaterals > div > .list {
	padding: 30px;
}

.order-review-data,
.order-details-area,
.shipment-details-area {
	font-size: 0;
	margin: 0 0 30px;
	text-align: center;
}
.order-review-data > div,
.order-details-area > div,
.shipment-details-area > div {
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 12.5px);
	margin-left: 25px;
	max-width: 590px;
}

.order-review-data > div:nth-child(2n + 1),
.order-details-area > div:nth-child(2n + 1),
.shipment-details-area > div:nth-child(2n + 1) {
	margin-left: 0;
}

.checkout-page .edit-address {
	padding: 40px 20px 0;
}


.payment-logo {
	display: inline-block;
	margin: 0 15px 0 0;
	vertical-align: middle;
}


.payment-logo + .payment-details {
	display: inline-block;
	vertical-align: middle;
	max-width: calc(100% - 90px);
}

.shipping-method .method-list li,
.payment-method .method-list li {
	padding: 22px 22px 22px 85px;
}
.shipping-method .method-list input[type="radio"] + label:before,
.shipping-method .method-list input[type="checkbox"] + label:before,
.payment-method .method-list input[type="radio"] + label:before,
.payment-method .method-list input[type="checkbox"] + label:before {
	left: 35px;
}


/* SEARCH PAGE & SITEMAP */
/* BLOG & NEWS */
/* FORUM & PROFILE */



.forum-actions .actions a,
.forum-actions .actions a:nth-child(2n+1) {
	padding: 0 20px;
	margin: 0 3px;
	width: auto;
}

.topic-post .post-info {
	padding: 30px 30px 25px;
}

.topic-post .avatar {
	width: 160px;
}

.topic-post .user-info {
	padding-left: 175px;
	min-height: 160px;
}

.topic-post .username {
	margin: 5px 0;
}
.topic-post .post-content {
	padding: 0 30px 30px;
}


.topic-post .post-vote > span {
	width: 30px;
}


}

/*=====================================================
    
    TABLETS LANDSCAPE & NETBOOKS

=====================================================*/

@media all and (min-width: 768px) {

/* GLOBAL STYLES */
.master-wrapper-content,
.html-account-page .master-wrapper-content {
	padding: 60px 20px;
}

.page {
	clear: both;
	text-align: left;
}
.link-rss {
	display: block;
	float: right;
	margin: 5px 0 0;
}


/* NOTIFICATIONS & POPUPS */

.eu-cookie-bar-notification {
	padding: 50px;
}

.bar-notification {
	padding: 14px 20px 14px 40px;
}

.bar-notification .content {
	font-size: 17px;
	line-height: 32px;
}


/* LEFT/RIGHT COLUMN */

.center-2 {
	margin: 0 0 50px;
}

.block {
	width: 31.3333%;
	margin: 0 1% 2%;
}
.block:nth-of-type(2n+1) {
	clear: none;
}
.block:nth-of-type(3n+1) {
	clear: left;
}


/* CATEGORY PAGE & GRIDS */

.two-row-carousels {
	padding: 0 10px;
}

.home-page .topic-block-body {
	padding: 0 20px;
}

.vendor-item .title a,
.manufacturer-item .title a,
.category-grid .item-box .title a {
	padding: 19px 15px;
}

.home-page .topic-block-title h2,
.product-grid .title,
.news-list-homepage .title,
.home-page-polls .title {
	font-size: 30px;
}

.shopping-cart-page .product-grid .title {
	font-size: 26px;
}

.item-box .product-title, .item-box .title {
	padding: 0 10px;
}

.home-page-advantages {
	font-size: 0;
}

.advantages-item {
	display: inline-block;
	width: calc(50% - 2.5px);
	margin: 0 0 5px 5px;
}

.advantages-item:nth-child(2n+1) {
	margin-left: 0;
}
.advantages-item:only-child {
	width: 100%;
	margin: 0; 
}


.news-list-homepage:after {
	content: "";
	display: block;
	clear: both;
}

.news-list-homepage .news-item {
	float: left;
	padding: 30px;
	width: 49.3%;
	margin-left: 1.4%;
}

.news-list-homepage .news-item:nth-child(2n+1) {
	margin-left: 0;
	clear: left;
}


.breadcrumb {
	margin: 0 0 5px;
}

.page-title,
.category-description,
.manufacturer-description,
.vendor-description {
	text-align: center;
}


.item-box .picture {
	position: relative;
	backface-visibility: hidden;
}

.item-box .btn-wrapper {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
	min-width: 130px;
	pointer-events: none;
	transition: opacity .2s ease;
}

.item-box:hover .btn-wrapper {
	opacity: 1;
	pointer-events: auto;
}


.item-box .buttons {
	display: block;
}


.item-box .product-rating-box {
	margin-bottom: 12px;
}

.item-box .prices > *:last-child:not(:empty) {
	margin-bottom: 19px;
}


.pager li {
	margin: 0 2px;
}

/* PRODUCT PAGE */

.product-details-page {
	text-align: center;
}

.full-description,
.product-specs-box {
	margin: 0 -20px;
	padding: 40px 30px;
}

.full-description + .product-collateral .product-specs-box {
	padding-top: 0;
	padding-bottom: 40px;
}


.product-tags-box {
	margin-top: 60px;
}

.attributes-wrapper > div.product-prices-box,
.attributes-wrapper > div.tier-prices {
	padding: 0;
}

.overview-buttons {
	text-align: left;
}
.overview-buttons div {
	margin: 0 10px 10px 0;
}
.overview .qty-label,
.variant-overview .qty-label {
	position: static;
	left: 0;
	margin: 0 5px 0 0;
}
.variant-picture {
	float: left;
}
.variant-picture + .variant-overview {
	width: auto;
	text-align: left;
	margin: 0 0 0 350px;
}

.variant-overview .tax-shipping-info {
	text-align: left;
}

.product-variant-line .attributes-wrapper,
.product-variant-line .attributes {
	padding: 0;
}


.product-variant-line .attributes dt,
.product-variant-line .attributes dd {
	text-align: left;
}

.product-variant-line .attributes-wrapper > div {
	margin-left: 0;
}

.tier-prices .table-wrapper {
	border: 1px solid #e7e7e7;
	border-radius: 3px;
}

.tier-prices .prices-table {
	display: table;
	width: 100%;
	border: none;
	border-collapse: collapse;
}
.tier-prices .prices-row {
	display: table-row;
	border-top: 1px solid #e7e7e7;
	float: none;
	width: auto;
}
.tier-prices .prices-row:first-child {
	border-top: 0;
}
.tier-prices .tbody {
	border-left: none;
}

.tier-prices .prices-row > div {
	display: table-cell;
}
.tier-prices .field-header {
	min-width: 100px;
}

.rental-attributes dt {
	min-width: 75px;
}

.attribute-squares {
	text-align: center;
}
.attribute-squares li {
	margin: 0 10px 10px 0;
}
.attributes-wrapper > div.tier-prices {
	max-width: none;
}



/* REVIEW PAGE */

.write-review-collapse {
	padding: 40px 60px;
}


/* TABLES */



/* WISHLIST & COMPARE LIST */


.share-info,
.tax-shipping-info,
.wishlist-content .buttons {
	text-align: center;
}

.wishlist-content .button-2 {
	display: inline-block;
	margin: 0 3.5px 7px;
}

.wishlist-content .wishlist-add-to-cart-button {
	display: block;
	width: 517px;
	margin: 0 auto;
}

.wishlist-content .button-2,
.wishlist-content .wishlist-add-to-cart-button {
	display: inline-block;
	min-width: 200px;
	width: auto;
	margin: 0 3.5px;
	font-weight: 700;
}

.wishlist-page .share-info {
	margin: 70px -20px 50px;
}

.compare-products-page img {
	width: 100%;
	max-width: 280px;
}

.compare-products-mobile {
	margin: 0 -20px;
}

.compare-products-table td {
	padding: 20px 10px;
	font-size: 15px;
	color: #8c8c8c;
	font-weight: 400;
	text-align: center;
}

.compare-products-table .remove-product td {
	padding: 0;
}
.compare-products-table .product-price td {
	color: #97c300;
	font-size: 17px;
	font-weight: 700;
}

.compare-products-table .product-name td {
	font-size: 16px;
	font-weight: 700;
}

.compare-products-table .product-picture td {
	padding: 10px;
}

.compare-products-table .remove-product td {
	position: relative;
	text-align: right;
}

.compare-products-table .remove-product td button {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 1;
}

.compare-products-table .product-name td a {
	color: #444;
}

.compare-products-table tr td:first-child {
	padding: 20px;
	min-width: 170px;
	max-width: 170px;
	color: #8c8c8c;
	font-size: 17px;
	background-color: #f6f6f6;
	text-align: right;
	font-weight: 300;
}

.compare-products-table tr td.empty:first-child {
	padding: 0;
	font-size: 0;
}

.compare-products-table .full-description {
	display: none;
}
.compare-products-table-mobile img {
	max-width: 160px;
}


/* TOPICS */
/* CONTACT PAGE & EMAILaFRIEND */

.registration-page,
.private-messages,
.email-a-friend-page,
.contact-page,
.apply-vendor-page,
.forum-edit-page,
.registration-page .page-title,
.private-messages .page-title,
.email-a-friend-page .page-title,
.contact-page .page-title,
.apply-vendor-page .page-title,
.forum-edit-page .page-title {
	text-align: center;
}

.private-messages-page .buttons input + input {
	margin-top: 0;
}

.ui-tabs .ui-tabs-panel {
	margin: 0 -20px;
	padding: 50px 6vw;
}

.private-messages-page td.date,
.private-messages-page th.date {
	white-space: nowrap;
	width: 20%;
}


/* REGISTRATION, LOGIN, MY ACCOUNT */

.customer-info-page .page-body,
.change-password-page .page-body,
.check-gift-card-balance-page .page-body,
.avatar-page .page-body,
.address-edit-page .page-body,
.vendorinfo-page .page-body,
.form-style {
	padding: 50px 65px;
}

.login-page .external-authentication > * {
	margin: 30px -20px 0;
	width: calc(100% + 40px);
}


.account-page #Username,
.registration-page #Username {
	max-width: calc(100% - 200px);
}

#check-availability-button {
	position: absolute;
	top: 30px;
	right: 0;
	left: auto;
	width: 190px;
	margin: 0;
	float: none;
	clear: none;
}

.address-list,
.order-list,
.return-request-list-page .page-body {
	font-size: 0;
}

.address-item,
.add-button,
.order-item,
.request-item,
.address-grid > div {
	display: inline-block;
	width: calc(50% - 12.5px);
	margin: 25px 0 0 25px;
	text-align: center;
}

.address-item:nth-child(2),
.order-item:nth-child(2),
.request-item:nth-child(2),
.address-grid > div:nth-child(2) {
	margin-top: 0;
}
.address-item:nth-child(2n+1),
.order-item:nth-child(2n+1),
.request-item:nth-child(2n+1),
.address-grid > div:nth-child(2n+1) {
	margin-left: 0;
}

 .checkout-page .address-grid .add-button:only-child {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto;
    float: none;
}

/* SHOPPING CART & CHECKOUT */

.cart-collaterals:after{
	content: "";
	display: block;
	clear: both;
}

.cart-collaterals > div {
	float: left;
	width: calc(50% - 5px);
	margin: 0 0 10px 10px;
}

.cart-collaterals > div:nth-child(2n+1) {
	margin-left: 0;
}

.shopping-cart-page .common-buttons {
	text-align: center;
}

.shopping-cart-page .common-buttons button {
	display: inline-block;
	margin: 0 3.5px 7px;
}

.cart-options {
	text-align: right;
}
.cart-options .common-buttons input {
	margin: 0 0 0 10px;
}

.cart-options .checkout-attributes {
	padding: 40px;
}
.cart-options .attribute-squares {
	text-align: left;
}
.cart-options dd:last-child {
	margin-bottom: 0;
}


.order-details-page .options,
.order-details-page .tax-shipping-info {
	text-align: center;
}
.order-details-page .total-info {
	overflow: hidden;
}

.order-details-page .actions {
	text-align: center;
}
.order-details-page .actions input {
	min-width: 0;
}

.order-progress {
	overflow: hidden;
	padding-top: 10px;
	margin: -40px 0 50px;
}

.order-progress a {
	padding: 0 5px;
	margin-bottom: 40px;
	width: 120px;
	height: 70px;
}

.order-progress a span {
	position: absolute;
	display: block;
	top: 80px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 13px;
	color: #8c8c8c;
	font-weight: 700;
	text-transform: uppercase;
}

.order-progress .inactive-step span {
	color: #b7b7b7;
}

.order-progress .active-step.last a span {
	color: #97c300;
}

.order-progress .active-step.last a:before {
	font-size: 22px;
	width: 65px;
	height: 65px;
	line-height: 57px;
}


/* SEARCH & SITEMAP */

.search-page .search-input form {
	margin: 0 -20px 40px;
	padding: 45px 0;
}


/* BLOG & NEWS */



.center-2 .news-items:after,
.center-2 .blog-page:after {
	content: "";
	display: block;
	clear: both;
}

.center-2 .blog-page .post,
.center-2 .news-items .news-item {
	float: left;
	width: calc(50% - 15px);
	margin: 0 0 30px 30px;
}

.center-2 .blog-page .post-details,
.center-2 .news-items .news-item {
	padding: 40px;
}

.center-2 .blog-page .post:nth-child(2n+1),
.center-2 .news-items .news-item:nth-child(2n+1) {
	margin-left: 0;
	clear: left;
}

.blogpost-page .post-body, .news-item-page .news-body {
	padding: 0 0 20px;
	margin: 0 auto 20px;
}

.blogpost-page .post-body p {
	padding: 0 20px;
}


.blog-page .tags,
.blogpost-page .tags {
	text-align: center;
}

.blogpost-page,
.news-item-page {
	text-align: center;
}


.post-date, .news-date {
	text-align: center;
}


.new-comment, .comment-list {
	margin-left: -20px;
	margin-right: -20px;
}

.comment-list {
	padding: 0 20px 50px;
}

.new-comment {
	text-align: center;
}

.new-comment textarea {
	width: 500px;
}

.comment-list .comment {
	position: relative;
	padding: 35px;
}

.comment-info {
	float: left;
	margin: 0;
}

.comment-info .avatar {
	width: 125px;
	height: 125px;
}

.name-and-time {
	position: absolute;
	top: 35px;
	left: 180px;
	width: auto;
	margin-left: 0;
}

.comment-info + .comment-content {
	margin: 55px 0 0 145px;
}

/* FORUM & PROFILE */


.forum-name h1 {
	margin: 0 40px;
}

.forums-main-page .topic-block-title h2 {
	font-size: 30px;
}

.forums-table-section-title .link-rss {
	float: right;
	margin: 0;
}
.forums-table-section .view-all {
	text-align: center;
}

.forum-actions .pager.upper {
	display: block;
}

.topic-actions .actions a,
.topic-actions .actions a.edit-topic-button {
	display: inline-block;
	width: auto;
	padding: 0 18px;
	margin: 0 2.5px;
}

.topic-actions .actions a:nth-child(2n) {
	margin-left: 3px;
}


.forum-topic-page .topic-options {
	float: left;
}

.topic-post .quote, .latest-posts .quote {
	padding: 15px 25px;
}

.forum-search-page .advanced-search {
	margin: 0 auto 30px;
	padding: 35px 30px 40px;
}




.private-message-view-page .message-head li {
	display: inline-block;
	margin-right: 20px;
}

.private-message-view-page .message-head span:after {
	content: "|";
	margin: 0 0 0 25px;
}
.private-message-view-page .message-head li:last-child span:after {
	content: none;
}

.private-message-view-page .buttons input {
	display: inline-block;
	margin: 0 5px;
	width: auto;
	width: 25%;
	max-width: 220px;
}

.profile-info-box {
	padding: 40px;
}

.profile-page .topic {
	padding: 33px 50px;
	overflow: hidden;
}

.profile-page .topic-title,
.profile-page .topic-data {
	float: left;
	width: 22%;
	clear: both;
}

.profile-page .topic-body {
	margin-left: 24%;
}

	

}
/*=====================================================
    
    DESKTOP

=====================================================*/

@media all and (min-width: 1025px) {

    /* GLOBAL STYLES */



    .mobile {
        display: none !important;
    }

    .admin-header-links {
        float: left;
        font-size: 12px;
        background: none;
        color: #bbb;
    }

    .admin-header-links * {
        color: #bbb;
    }

        .admin-header-links:only-child {
            float: none;
            display: block;
        }

        .admin-header-links a,
        .admin-header-links span {
            line-height: 30px;
            font-weight: normal;
            transition: 0.2s ease;
        }

            .admin-header-links a:hover {
                color: #fff;
            }

    .product-grid,
    .category-grid,
    .topic-block,
    .news-list-homepage {
        margin: 0 auto 50px;
    }

        .product-grid:last-child,
        .category-grid:last-child,
        .topic-block:last-child,
        .news-list-homepage:last-child {
            margin-bottom: 0;
        }

    .center-2 .category-grid {
        margin: 0 0 30px;
    }

    .center-2 .product-grid,
    .center-2 .category-grid,
    .center-2 .topic-block {
        width: 100%;
    }

    .category-description,
    .manufacturer-description,
    .vendor-description {
        margin: 0 0 30px;
    }

    .center-2 {
        margin: 0 0 50px 0;
        float: right;
        width: 70%;
    }

    .side-2 {
        border: 1px solid #eeeeee;
        float: left;
        width: 27%;
    }

    .inputs {
        text-align: left;
    }

    /* HEADER */

    .header {
        position: relative;
        z-index: 1020;
        margin: 0 auto;
        text-align: left;
    }

    .header-upper {
        background-color: #444444;
        text-align: right;
    }

    .header-selectors-wrapper:after {
        content: "";
        display: block;
        clear: both;
    }

    .header-selectors-wrapper select {
        padding: 0 15px 0 0;
        background: transparent;
        border: none;
        color: #ababab;
        height: 30px;
        font-size: 13px;
        min-width: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .currency-selector.desktop,
    .language-selector.desktop .select-wrap,
    .tax-display-type-selector {
        position: relative;
    }

        .currency-selector.desktop:before,
        .language-selector.desktop .select-wrap:before,
        .tax-display-type-selector:before {
            content: "\6b";
            position: absolute;
            top: 50%;
            left: auto;
            right: 0;
            transform: translateY(-50%) rotate(-90deg);
            display: inline-block;
            font-family: "emporium-icons";
            font-size: 7px;
            color: #ababab;
            pointer-events: none;
        }

    .header-selectors-wrapper,
    .header-lower {
        width: calc(100% - 110px);
        margin: 0 auto;
    }

    .header-menu {
        padding: 0 55px;
    }

    .all-categories {
        display: none !important;
    }

    .header-menu:after {
        content: "";
        display: block;
        clear: both;
    }

    .header-menu > ul {
        float: right;
    }

    .header-menu-parent {
        font-size: 0;
    }

    .category-navigation-list-wrapper {
        display: inline-block;
        position: relative;
        border-right: 3px solid #fff;
        overflow: hidden;
    }

        .category-navigation-list-wrapper * {
            font-size: 0;
        }

    .category-navigation-list {
        position: absolute;
        top: 100%;
        left: 0;
        margin-top: 10px;
        padding: 10px 0;
        border: 1px solid #eeeeee;
        opacity: 0;
        pointer-events: none;
        width: 100%;
        background-color: #fff;
        transition: all .3s ease;
        z-index: 1099;
        box-shadow: 0 0 15px rgba(0,0,0,.1);
        overflow-y: scroll;
        -ms-overflow-style: none; /* Internet Explorer 10+ */
        scrollbar-width: none; /* Firefox */
    }

        .category-navigation-list::-webkit-scrollbar {
            display: none; /* Safari and Chrome */
        }

        .category-navigation-list > li > .sublist-wrap {
            margin-top: -16px;
        }

            .category-navigation-list > li > .sublist-wrap .sublist-wrap {
                margin-left: -1px;
            }

    .category-navigation-list-wrapper .sublist-wrap {
        position: absolute;
        font-size: 0;
        top: 0;
        margin: 0;
        width: 0 !important;
        left: 100%;
        border: none;
        padding: 15px 0;
        background: url(../png/shadow-top.png) top left repeat-x, url(../png/shadow-bottom.png) bottom left repeat-x;
        pointer-events: none;
        overflow: hidden;
        transition: all .3s ease;
    }


        .category-navigation-list-wrapper .sublist-wrap .sublist {
            border: 1px solid #eeeeee;
            border-width: 1px 0;
            padding: 10px 0;
            background-color: #fff;
        }

    .category-navigation-list .plus-button {
        display: none;
    }

    .category-navigation-list-wrapper .sublist > li {
        opacity: 0;
    }

    .category-navigation-list-wrapper ul li a,
    .category-navigation-list-wrapper ul li > span {
        position: relative;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 0 35px 0 20px;
        line-height: 30px;
        color: #8c8c8c;
        font-size: 15px;
        font-weight: bold;
        transition: all .2s ease;
    }

    .category-navigation-list-wrapper ul li span {
        font-size: 15px;
    }

    /*.category-navigation-list-wrapper ul li:hover > .sublist-wrap {
	opacity: 1;
	pointer-events: auto;
	overflow: visible;
	width: 100% !important;
}

.category-navigation-list-wrapper ul li:hover > .sublist-wrap > .sublist {
	border-width: 1px;
}

.category-navigation-list-wrapper ul li:hover > .sublist-wrap > .sublist > li {
	opacity: 1;
	transition: all .1s ease-in .3s;

}*/

    /* CUSTOM */

    .sublist-wrap-active * {
        font-size: 0;
    }

    .sublist-wrap-active > li > .sublist-wrap {
        margin-top: -16px;
    }

        .sublist-wrap-active > li > .sublist-wrap .sublist-wrap {
            margin-left: -1px;
        }

    .sublist-wrap-active, .sublist-wrap-active .sublist-wrap {
        position: fixed;
        font-size: 0;
        top: 0;
        margin: 0;
        width: 0 !important;
        left: 100%;
        border: none;
        padding: 15px 0;
        background: url(../png/shadow-top.png) top left repeat-x, url(../png/shadow-bottom.png) bottom left repeat-x;
        pointer-events: none;
        overflow: hidden;
        transition: all .3s ease;
    }

        .sublist-wrap-active .sublist .back-button {
            display: none;
        }


        .sublist-wrap-active .sublist {
            border: 1px solid #eeeeee;
            border-width: 1px 0;
            padding: 10px 0;
            background-color: #fff;
        }

        .sublist-wrap-active .plus-button {
            display: none;
        }

        .sublist-wrap-active .sublist > li {
            opacity: 0;
        }

        .sublist-wrap-active ul li a,
        .sublist-wrap-active ul li > span {
            position: relative;
            display: block;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            padding: 0 35px 0 20px;
            line-height: 30px;
            color: #8c8c8c;
            font-size: 15px;
            font-weight: bold;
            transition: all .2s ease;
        }

        .sublist-wrap-active ul li span {
            font-size: 15px;
        }

    .sublist-wrap-active {
        opacity: 1;
        pointer-events: auto;
        overflow: visible;
        width: 280px !important;
        z-index: 9999;
    }

        .sublist-wrap-active > .sublist {
            border-width: 1px;
        }

            .sublist-wrap-active > .sublist > li {
                opacity: 1;
                transition: all .1s ease-in .3s;
            }

        .sublist-wrap-active .with-subcategories:after {
            content: "\6a";
            position: absolute;
            top: 50%;
            right: 20px;
            left: auto;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            font-family: "emporium-icons";
            font-size: 8px;
            color: #8e8e8e;
        }

        .sublist-wrap-active a {
            font-weight: normal !important;
        }

    .sublist-wrap-active {
        overflow-y: scroll;
        -ms-overflow-style: none; /* Internet Explorer 10+ */
        scrollbar-width: none; /* Firefox */
    }

        .sublist-wrap-active::-webkit-scrollbar {
            display: none; /* Safari and Chrome */
        }

    .category-navigation-list-wrapper-active {
        overflow: visible;
    }


    /* -CUSTOM */
    .category-navigation-list-wrapper ul li:hover > a,
    .category-navigation-list-wrapper ul li:hover > span {
        background-color: #f6f6f6;
        color: #97c300;
    }

        .category-navigation-list-wrapper ul li:hover > a:after {
            color: #97c300;
        }

    .category-navigation-title {
        position: relative;
        z-index: 1100;
        display: block;
        width: 280px;
        padding: 0 15px;
        line-height: 50px;
        height: 50px;
        font-size: 14px;
        cursor: pointer;
        text-transform: uppercase;
        color: #444444;
        font-weight: bold;
        transition: all .2s ease;
    }

        .category-navigation-title:before {
            content: "\66";
            display: inline-block;
            margin-right: 10px;
            font-size: 17px;
            vertical-align: bottom;
            font-family: "emporium-icons";
            color: #8c8c8c;
            font-weight: normal;
            text-transform: none;
            transition: all .2s ease;
        }

    /*.category-navigation-list-wrapper:hover {
	overflow: visible;
}*/

    /*.category-navigation-list-wrapper:hover .category-navigation-title {
	background-color: #eebe00;
	color: #fff;
}

.category-navigation-list-wrapper:hover .category-navigation-title:before {
	color: #fff;
}*/

    /*.category-navigation-list-wrapper:hover .category-navigation-list {
	margin-top: 0;
	opacity: 1;
	pointer-events: auto;
}*/
    .category-navigation-list-active {
        margin-top: 0;
        opacity: 1;
        pointer-events: auto;
    }

    .category-navigation-list-wrapper-active .category-navigation-title {
        background-color: #29a3d2 !important;
        color: #fff;
    }

        .category-navigation-list-wrapper-active .category-navigation-title:before {
            color: #fff;
        }


    .category-navigation-list-wrapper .with-subcategories:after {
        content: "\6a";
        position: absolute;
        ;
        top: 50%;
        right: 20px;
        left: auto;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-family: "emporium-icons";
        font-size: 8px;
        color: #8e8e8e;
    }


    .header-lower {
        padding: 0;
        text-align: center;
        font-size: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .header-lower:after {
            content: '';
            display: block;
            clear: both;
        }

    .header-logo {
        width: 25%;
        text-align: left;
        padding-right: 10px;
    }

    .header-contact-wrapper {
        display: flex;
    }

    .header-links-wrapper {
        margin-bottom: 0;
        text-align: right;
    }

    .header-links {
        display: table;
        width: 100%;
    }

        .header-links ul {
            font-size: 0;
            padding-left: 10px;
            display: inline-table;
        }

        .header-links li {
            position: relative;
            display: table-cell;
            text-align: center;
            vertical-align: top;
        }

            .header-links li + li {
                padding-left: 10px;
            }

        .header-links a {
            display: inline-block;
            font-size: 13px;
            color: #8c8c8c;
            transition: color .2s ease;
        }

        .header-links .profile-menu-box .ico-inbox {
            font-size: 0;
        }

        .header-links .profile-menu-box span:before,
        .header-links .profile-menu-box a:before {
            font-size: 17px;
            margin: 0 7px 0 0;
        }

        .header-links span:before,
        .header-links a:before {
            display: block;
            margin-bottom: 4px;
            font-family: "emporium-icons";
            font-size: 24px;
            color: #8e8e8e;
            transition: color .2s ease;
        }

        .header-links a.ico-cart:before {
            font-size: 26px;
        }

        .header-links a:hover,
        .header-links a:hover:before {
            color: #97c300;
        }

    .ico-wishlist .wishlist-qty,
    .ico-cart .cart-qty {
        position: absolute;
        display: inline-block;
        top: -5px;
        left: 50%;
        -webkit-transform: translateX(-50%) translateX(25px);
        -ms-transform: translateX(-50%) translateX(25px);
        transform: translateX(-50%) translateX(25px);
        background-color: #97c300;
        font-size: 10px;
        height: auto;
        padding: 0 3px;
        width: auto;
        min-width: 15px;
        min-height: 15px;
        line-height: 15px;
        border-radius: 20px;
        color: #fff;
        text-align: center;
    }

    .ico-cart .cart-label {
        font-weight: bold;
        display: inline-block;
        height: 15px;
        white-space: nowrap;
    }

    .search-box {
        display: inline-block;
        font-size: 0;
    }

    .header-lower .search-box {
        width: 25%;
    }

    .search-box .search-box-button {
        width: 47px;
        height: 47px;
        border: none;
        background: #eebe00 url(../png/search-button-desktop.png) center no-repeat;
        transition: background-color .1s ease;
    }

    .search-box form {
        display: block;
    }

    .search-box input.search-box-text {
        height: 47px;
        color: #8c8c8c;
        width: calc(100% - 47px);
    }

    .mobile-flyout-wrapper {
        position: relative;
        display: table-cell;
        width: 1%;
        vertical-align: top;
        text-align: center;
        padding-left: 10px;
        z-index: 1200;
    }

    .mini-shopping-cart {
        display: none;
        position: absolute;
        top: 98%;
        right: 0;
        padding-top: 8px;
        z-index: 1030;
    }

    .mini-shopping-cart > div:before {
        content: " ";
        position: absolute;
        bottom: 100%;
        left: auto;
        right: 17px;
        border: solid transparent;
        height: 0;
        width: 0;
        pointer-events: none;
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 8px;
        margin-left: -8px;
    }

    .mini-shopping-cart .flyout-cart-scroll-area {
        border-radius: 3px;
        box-shadow: 0 0 15px rgba(0,0,0,0.15);
        width: 430px;
    }

    .flyout-cart .items {
        padding: 0 20px;
        max-height: calc(100vh - 320px);
        overflow: hidden;
    }

    .mini-shopping-cart .right {
        float: right;
        clear: right;
        max-width: 80px;
        text-align: right;
    }

    .mini-shopping-cart .left {
        width: calc(100% - 90px);
        float: left;
    }


    .mini-shopping-cart .name a {
        margin: 0 0 10px;
        white-space: pre-wrap;
    }

    .mini-shopping-cart .attributes {
        margin-bottom: 10px;
    }

    .mini-shopping-cart .quantity {
        font-size: 16px;
        float: none;
        margin: 0;
    }

        .mini-shopping-cart .quantity:after {
            content: none;
        }

    .mini-shopping-cart .price {
        float: none;
    }

    .ui-autocomplete {
        width: calc(100% - 47px) !important;
        z-index: 1015; /*should be lower than header but equal or higher than header-menu*/
    }

    .ui-autocomplete {
        padding: 8px 0;
    }

        .ui-autocomplete a {
            padding: 5px 15px;
        }

        .ui-autocomplete img {
            width: 77px;
        }

        .ui-autocomplete span {
            max-width: calc(100% - 90px);
        }

    .header-selectors-wrapper > div {
        margin: 0 10px;
    }

    .responsive-nav-wrapper-parent {
        display: none;
    }


    /* HEADER MENU */


    .menu-title, .close-menu,
    .header-menu .back-button {
        display: none;
    }

    .overlayOffCanvas {
        display: none !important;
    }

    .header-menu {
        text-align: left;
        position: relative;
        z-index: 1010;
        margin: 0 0 3px;
        background-color: #f6f6f6;
    }

        .header-menu > ul {
            margin: 0 auto;
            font-size: 0;
        }

            .header-menu > ul > li {
                display: inline-block;
                vertical-align: middle;
            }

                .header-menu > ul > li > a,
                .header-menu > ul > li > span {
                    display: block;
                    padding: 0 15px;
                    height: 50px;
                    line-height: 50px;
                    font-size: 13px; /*reset zeroing*/
                    cursor: pointer;
                    text-transform: uppercase;
                    color: #8c8c8c;
                    font-weight: bold;
                    transition: color .2s ease;
                }

                .header-menu > ul > li:hover > a,
                .header-menu > ul > li:hover > span {
                    color: #444444;
                }

    .top-menu {
        display: block;
    }

    .header-menu .sublist .back-button {
        display: none;
    }



    /* FOOTER */


    .footer:after {
        content: "";
        display: block;
        clear: both;
    }

    .footer-upper {
        width: 32%;
        float: left;
        clear: left;
        text-align: left;
        padding-left: 3%;
    }

    .footer-middle {
        float: right;
        width: 68%;
        margin: 55px 0;
        padding: 0 3% 0 1.5%;
        clear: right;
        text-align: left;
    }

    .footer-lower {
        clear: both;
    }

    .footer-logo {
        margin-top: 0;
    }

    .footer-block {
        width: 20.5%;
        margin: 0 1.5%;
    }

        .footer-block ul {
            padding-bottom: 0;
        }

        .footer-block .title {
            padding: 0;
            margin-bottom: 7px;
        }

        .footer-block ul li {
            padding: 9px 0;
        }

    .footer-middle .socials-and-payments {
        width: 27%;
        float: right;
    }

    .footer-middle .social-icons {
        padding: 0;
        border: none;
        margin-top: 0;
    }

    .footer-lower {
        padding: 13px;
    }


        .footer-lower > div {
            display: inline-block;
            margin: 0 0 0 5px;
        }

            .footer-lower > div:before {
                content: "";
                display: inline-block;
                margin-right: 5px;
                width: 4px;
                height: 4px;
                vertical-align: middle;
                border-radius: 50%;
                font-size: 0;
                background-color: #c8c8c8;
            }

            .footer-lower > div:first-child {
                margin-left: 0;
            }

                .footer-lower > div:first-child:before,
                .footer-lower > div.theme-selector:before {
                    display: none;
                }

            .footer-lower > div.theme-selector {
                margin: -9px 0 -9px 5px;
            }


    /* LEFT/RIGHT COLUMN */

    .product-selectors {
        margin: 0 0 20px;
    }


    .block {
        float: none;
        width: auto;
        margin: 0 0 3px;
    }


        .block .title {
            cursor: default;
            padding: 14px 30px;
        }

            .block .title:before {
                content: none;
                display: none;
            }

        .block.block-recently-viewed-products .title {
            padding: 15px 20px;
        }

            .block.block-recently-viewed-products .title:before {
                display: none;
            }

        .block.block-recently-viewed-products .listbox {
            padding: 0;
        }

            .block.block-recently-viewed-products .listbox li {
                padding: 10px;
                border-top: 1px solid #eeeeee;
            }

                .block.block-recently-viewed-products .listbox li:first-child {
                    border-top: 0;
                }

        .block.block-recently-viewed-products .list a {
            color: #444444;
        }

            .block.block-recently-viewed-products .list a:hover {
                color: #97c300;
            }


        .block.block-recently-viewed-products .product-picture {
            display: inline-block;
            margin-right: 16px;
            width: 84px;
            vertical-align: middle;
        }

        .block .product-picture img {
            display: block;
            max-width: 100%;
        }

        .block .product-name {
            display: inline-block;
            width: calc(100% - 103px);
            vertical-align: middle;
        }


    /* CATEGORY PAGE & GRIDS */


    .vendor-item .title a,
    .manufacturer-item .title a,
    .category-grid .item-box .title a {
        font-size: 17px;
    }


    .home-page .topic-block,
    .home-page-category-grid,
    .sub-category-grid,
    .manufacturer-grid,
    .product-grid,
    .category-grid,
    .topic-block,
    .news-list-homepage,
    .home-page-polls {
        margin-bottom: 70px;
    }

    .center-2 .product-grid {
        margin-bottom: 50px;
    }

    .home-page-advantages {
        padding: 35px 20px;
        margin: -60px -20px 70px;
        background-color: #f6f6f6;
        text-align: center;
    }

    .advantages-item {
        padding: 0 1%;
        width: 25%;
        margin: 0;
        background-color: transparent;
        text-align: center;
        vertical-align: top;
    }

        .advantages-item > div {
            display: block;
        }

        .advantages-item .picture {
            margin-bottom: 15px;
            width: 100%;
            height: auto;
        }

        .advantages-item .info {
            width: 100%;
        }

        .advantages-item .description {
            display: block;
            margin-top: 10px;
            color: #8c8c8c;
            font-size: 15px;
        }

            .advantages-item .description p {
                line-height: 1.7;
            }

    .center-2 .page-title,
    .category-description,
    .manufacturer-description,
    .vendor-description,
    .center-2 .product-grid .title {
        text-align: left;
    }

    .block {
        border: none;
    }

        .block .listbox {
            display: block;
        }


    .center-1 .breadcrumb {
        text-align: center;
    }

    .breadcrumb {
        text-align: left;
        margin: 0 0 15px 0;
    }

    .mobile-name-holder .breadcrumb {
        text-align: center;
    }

    .breadcrumb li * {
        line-height: normal;
    }



    #products-pagesize-mobile {
        display: none !important;
    }

    #products-pagesize-desktop {
        display: inline-block;
    }

    .product-selectors > div > span {
        display: inline-block;
        vertical-align: middle
    }

    .product-selectors .product-page-size {
        margin-left: 0;
        width: auto;
    }

    .product-selectors {
        font-size: 13px;
        text-align: left;
        color: #8c8c8c;
        font-weight: bold;
        text-transform: uppercase;
    }

        .product-selectors select {
            display: inline-block;
            margin: 0 10px;
            width: auto;
            height: 45px;
            background-color: #fff;
            border: 1px solid #e7e7e7;
            border-radius: 2px;
            font-weight: normal;
            text-transform: none;
            background-image: url('../svg/select-arrow-dark.svg');
        }

        .product-selectors .product-sorting {
            display: inline-block;
            float: right;
            margin: 0;
            width: auto;
        }

        .product-selectors .product-viewmode {
            display: inline-block;
            float: right;
            margin: 0;
            font-size: 0;
        }


    .item-box {
        width: 24.25%;
        margin: 0 0 1% 1%;
    }

        .item-box:nth-child(2n+1),
        .item-box:nth-child(3n+1) {
            margin-left: 1%;
            clear: none;
        }

        .item-box:nth-child(4n+1) {
            margin-left: 0;
            clear: both;
        }

    .product-grid .item-box .picture > a:after {
        content: "";
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background-color: #444;
        opacity: 0;
        transition: all .1s ease;
    }

    .product-grid .item-box:hover .picture > a:after {
        opacity: .4;
    }

    .carousel-wrapper .item-box .picture > a:after,
    .two-row-carousels .item-box .picture > a:after {
        content: none;
        display: none;
    }


    .product-list {
        margin-bottom: 30px;
    }

        .product-list .add-to-cart-qty-wrapper .plus,
        .product-list .add-to-cart-qty-wrapper .minus {
            height: 16px;
            line-height: 16px;
        }

    .center-2 .product-list .product-item:after {
        content: "";
        display: block;
        clear: both;
    }

    .center-2 .product-list .item-box {
        position: relative;
        width: 100%;
        margin: 0 0 15px !important;
        text-align: left;
    }

        .center-2 .product-list .item-box .picture {
            float: left;
            width: 260px;
            margin-bottom: 0;
            overflow: visible;
        }

            .center-2 .product-list .item-box .picture > a:before {
                padding-top: 100% !important;
            }

            .center-2 .product-list .item-box .picture img {
                border-radius: 3px 0 0 3px;
            }

        .center-2 .product-list .item-box .details {
            margin: 0 30% 0 290px;
            padding: 30px 0 0;
            max-height: 172px;
            overflow: hidden;
        }

        .center-2 .product-list .item-box .add-info {
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 30%;
            padding: 0 20px;
            text-align: center;
        }

    .product-list .prices > span {
        display: block;
    }

    .product-list .item-box .old-price {
        font-size: 16px;
        color: #444444;
    }

    .product-list .item-box .actual-price {
        font-size: 20px;
        margin: 4px 0;
    }

    .center-2 .product-list .item-box .buttons .button-2 {
        width: auto;
        background-color: #eebe00;
        color: #fff;
        height: 40px;
        padding: 0 15px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .center-2 .product-list .item-box .btn-wrapper button {
        line-height: 45px;
        border-radius: 3px;
        background-color: #f2f2f2;
    }

        .center-2 .product-list .item-box .btn-wrapper button:hover {
            background-color: #eaeaea;
        }

        .center-2 .product-list .item-box .btn-wrapper button:before {
            font-size: 19px;
        }

        .center-2 .product-list .item-box .btn-wrapper button:hover:before {
            color: #8c8c8c;
        }


    .product-list .item-box .product-title,
    .product-list .item-box .title {
        height: auto;
        font-size: 18px;
        font-weight: bold;
        padding: 0;
    }

    .product-list .item-box .product-rating-box {
        margin-bottom: 15px;
    }


    .product-list .item-box .description {
        display: block;
        height: auto;
        max-height: 81px;
        margin: 0;
        line-height: 20px;
        font-size: 15px;
        color: #8c8c8c;
    }

    .product-list .item-box .btn-wrapper {
        left: 100%;
        top: auto;
        bottom: 30px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
        width: 200px;
        padding-left: 30px;
    }

        .product-list .item-box input,
        .product-list .item-box .btn-wrapper .button-2 {
            width: 45px;
            height: 45px;
        }

            .product-list .item-box input[type="button"]:hover {
                background-color: #eaeaea;
            }

    .page-title h1 {
        font-size: 26px;
    }

    .topic-block-title h2 {
        font-size: 24px;
    }

    .center-2 .page-title {
        padding: 0;
    }

    .center-2 .item-box {
        width: 32.66%;
    }

        .center-2 .item-box:nth-child(2n+1),
        .center-2 .item-box:nth-child(4n+1) {
            margin-left: 1%;
            clear: none;
        }

        .center-2 .item-box:nth-child(3n+1) {
            margin-left: 0;
            clear: both;
        }

    .news-list-homepage .news-item {
        width: 32.4%;
    }

        .news-list-homepage .news-item:nth-child(2n+1) {
            margin-left: 1.4%;
            clear: none;
        }

        .news-list-homepage .news-item:nth-child(3n+1) {
            margin-left: 0;
            clear: left;
        }

    /* PRODUCT PAGE */



    .gallery .picture {
        width: auto;
    }

    .attribute-squares {
        text-align: left;
    }

    .product-tags-box .title,
    .product-details-page .product-grid .title,
    .shopping-cart-page .product-grid .title {
        font-size: 26px;
    }

    .product-variant-line .attributes-wrapper {
        margin-left: 0;
    }


    /* REVIEW PAGE */

    .product-reviews-page .page-title {
        text-align: center;
    }

    .product-review-item {
        text-align: left;
    }

        .product-review-item .review-content {
            overflow: hidden;
        }

        .product-review-item .product-review-box {
            padding: 2px 0 0;
        }

            .product-review-item .product-review-box .rating {
                margin: 0;
            }

        .product-review-item .review-item-head {
            text-align: left;
        }

        .product-review-item .review-info {
            float: left;
            padding: 0 20px 0 0;
            width: 13%;
            margin: 0;
        }

    .product-review-helpfulness {
        float: right;
        width: 20%;
        margin: 0;
        text-align: center;
        padding-left: 20px;
    }

    .review-body {
        width: 67%;
        float: left;
    }

    .product-review-item .review-info .separator {
        display: none;
    }

    .product-review-item .product-review-box,
    .review-info .user {
        margin-bottom: 10px;
    }


    /* TABLES */


    .data-table td label,
    .td-title {
        display: none;
    }

    td.remove-from-cart label, td.add-to-cart label {
        font-size: 0;
    }


    /* WISHLIST & COMPARE LIST */

    .compare-products-page .page-body {
        position: relative;
        margin: 0 -20px;
    }

    .compare-products-page .clear-list {
        position: absolute;
        top: 0;
        left: 0;
        width: 170px;
        text-align: center;
        border-bottom: 1px solid #eee;
        z-index: 1;
    }


    .compare-products-table {
        display: table;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }

        .compare-products-table td {
            border-right: 1px solid #eee;
        }

    .compare-products-mobile {
        display: none;
    }

    /* REGISTRATION, LOGIN, MY ACCOUNT */



    .login-page .new-wrapper {
        position: relative;
        float: right;
        width: 49%;
        max-width: none;
        min-height: 440px;
        z-index: 1;
    }

    .login-page .returning-wrapper form {
        float: left;
        width: 49%;
        max-width: none;
        min-height: 440px;
    }

    .login-page .customer-blocks + .topic-block {
        margin-bottom: 0;
    }

    .returning-wrapper .form-fields,
    .login-page .text,
    .registration-page .form-fields {
        padding: 45px 13% 20px;
    }

    .login-page .text {
        min-height: 255px;
    }


    .new-wrapper .text:before {
        margin: 20px 0;
    }

    .login-page .buttons,
    .registration-page .buttons,
    .registration-page .buttons {
        padding: 10px 13% 45px;
    }

    .login-page .inputs.reversed label,
    .login-page .inputs.reversed span {
        font-size: 15px;
        line-height: 17px;
    }

    .login-page .external-authentication > * {
        padding: 45px 0;
        margin: 30px 0 0;
        width: 100%;
    }

    .email-a-friend-page .page-body form,
    .contact-page .page-body form,
    .apply-vendor-page .page-body form,
    .forum-edit-page .page-body,
    .password-recovery-page .page-body,
    .private-message-send-page .page-body,
    .move-topic-page .page-body {
        padding: 45px 13%;
    }


    .html-account-page .center-2 {
        width: 73%;
    }

    .account-page {
        padding: 40px;
    }

        .account-page .address-item > .title,
        .account-page .order-item > .title,
        .account-page .request-item > .title {
            text-align: center;
        }

        .account-page .buttons {
            text-align: left;
        }

    .html-account-page .page-title {
        text-align: center;
        padding: 0 0 0 27%;
    }

    .html-account-page .side-2 {
        border: none;
    }

    .block-account-navigation.block .title {
        display: none;
    }

    .block-account-navigation.block .listbox {
        padding: 0;
        text-align: right;
    }

    .block-account-navigation.block .list a {
        position: relative;
        display: block;
        padding: 15px 65px 15px 0;
        max-width: 100%;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: bold;
        color: #b7b7b7;
        transition: all .2s ease;
    }


        .block-account-navigation.block .list a:hover,
        .block-account-navigation.block .list a:hover:after {
            color: #97c300;
        }

    .block-account-navigation.block .list .active a {
        border-right: 2px solid #97c300;
        color: #97c300;
    }

    .block-account-navigation.block .list a:after {
        position: absolute;
        top: 50%;
        left: auto;
        right: 23px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        display: inline-block;
        vertical-align: middle;
        margin-left: 23px;
        font-family: "emporium-icons";
        font-size: 20px;
        font-weight: normal;
        text-transform: none;
        color: #b7b7b7;
        transition: all .2s ease;
    }

    .account-page .title {
        margin-bottom: 30px;
    }

    .block-account-navigation.block .list .active a:after {
        color: #97c300;
    }

    .block-account-navigation .customer-info a:after,
    .block-account-navigation .customer-vendor-info a:after {
        content: "\61";
    }

    .block-account-navigation .customer-addresses a:after {
        content: "\4e";
    }

    .block-account-navigation .customer-orders a:after {
        content: "\64";
    }

    .block-account-navigation .return-requests a:after {
        content: "\4f";
    }

    .block-account-navigation .downloadable-products a:after {
        content: "\4a";
    }

    .block-account-navigation .back-in-stock-subscriptions a:after {
        content: "\45";
    }

    .block-account-navigation .reward-points a:after {
        content: "\50";
    }

    .block-account-navigation .change-password a:after {
        content: "\78";
    }

    .block-account-navigation .apply-for-credit-account a:after {
        content: "\4c";
    }

    .block-account-navigation .returns a:after {
        content: "\4f";
    }

    .block-account-navigation .go-paperless a:after {
        content: "\59";
    }

    .block-account-navigation .mail-list-removal a:after {
        content: "\43";
    }

    .block-account-navigation .customer-check-gift-card-balance a:after {
        content: "\e90b";
    }

    .block-account-navigation .customer-avatar a:after {
        content: "\51";
    }

    .block-account-navigation .forum-subscriptions a:after {
        content: "\52";
    }

    .block-account-navigation .customer-reviews a:after {
        content: "\53";
    }

    .block-account-navigation .customer-gdpr a:after {
        content: "\e90a";
    }

    .block-account-navigation .vendor-info a:after {
        content: "\54";
    }

    .address-item .info {
        margin-bottom: 0;
    }

    .address-item .buttons {
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .address-item .title {
        padding: 0 80px;
    }

    .order-item .buttons {
        text-align: center;
    }


    .account-page .product-review-item .review-info {
        width: 210px;
    }

    .account-page .product-review-item .review-body {
        width: calc(100% - 210px);
    }

    .order-details-page .page-body {
        overflow: hidden;
    }

    .order-details-page .section.products,
    .order-summary-content .table-wrapper {
        float: left;
        width: 70%;
    }

    .order-details-page .options,
    .order-details-page .totals,
    .order-summary-content .cart-footer {
        float: right;
        width: calc(30% - 20px);
    }

    .shopping-cart-page .cart-footer,
    .shopping-cart-page .table-wrapper {
        float: none;
        width: 100%;
    }

    .selected-checkout-attributes {
        margin-top: 0;
    }

    .check-gift-card-balance-page .captcha-box {
        text-align: left;
    }

    /* SHOPPING CART & CHECKOUT */

    .shopping-cart-page .common-buttons {
        text-align: left;
    }

        .shopping-cart-page .common-buttons button {
            margin: 0 7px 0 0;
            padding: 0 25px;
            width: auto;
        }

    .shopping-cart-page .continue-shopping-button {
        margin: 0 !important;
        float: right;
    }

    .address-grid > div {
        max-width: none;
    }

    /* SEARCH & SITEMAP */

    .search-page .page-title {
        text-align: center;
    }

    .search-page .search-input form {
        margin: 0 0 40px;
    }

        .search-page .search-input form .inputs {
            text-align: center;
        }


    /* BLOG & NEWS */


    .news-item-page .inputs:first-child label {
        display: inline-block;
    }

    .new-comment textarea {
        display: block;
        margin: auto;
    }

    /* FORUM & PROFILE */

    .topic-block {
        padding: 0;
    }

    .forums-main-page .forums-table-section td:first-child,
    .forum-page .forums-table-section td:first-child {
        padding-left: 40px !important;
    }

    .forums-main-page .forums-table-section td:last-child,
    .forum-page .forums-table-section td:last-child {
        padding-right: 40px !important;
    }

    .forums-table-section .image div {
        width: 40px;
        height: 40px;
    }

        .forums-table-section .image div:before {
            font-size: 40px;
        }

    .topic-post .post-info {
        width: 190px;
        float: left;
        padding: 30px 0 30px 30px;
    }

    .topic-post .user-info {
        padding: 0;
    }

    .topic-post .username {
        margin: 0 0 10px;
    }

    .topic-post .avatar {
        position: static;
        margin-bottom: 10px;
    }

    .topic-post .post-content {
        position: relative;
        float: right;
        width: calc(100% - 190px);
        padding: 55px 30px 30px;
    }

    .topic-post .post-actions {
        position: absolute;
        top: 10px;
        right: 10px;
    }

        .topic-post .post-actions > div.post-vote {
            float: right;
            clear: both;
        }

    .topic-post .post-vote > div,
    .topic-post .post-vote > span {
        height: 50px;
        line-height: 50px;
    }

    .topic-post .post-body {
        width: 70%;
        max-width: 1000px;
    }


    .footer-lower-wrapper {
        justify-content: space-around;
        flex-direction: row;
    }
}

.footer-badges {
    margin-top: 4rem;
}

/*=====================================================
    
    BIG SCREENS

=====================================================*/

@media all and (min-width: 1281px) {

/* GLOBAL STYLES */


.master-wrapper-content,
.html-account-page .master-wrapper-content {
	padding: 70px 6vw;
}

.home-page .topic-block {
	width: 80%;
}


/* HEADER-MENU */

.header-selectors-wrapper,
.header-lower {
	width: 88%;
}

.header-contact {
	text-align: left;
	width: 420px;
}

.header-contact-number {
	float: left;
	padding-right: 10px;
}

.header-contact-info {
	float: right;
}

.header-menu {
	padding: 0 6vw;
}

.header-logo {
    padding-right: 20px;
}

.header-links li + li {
    padding-left: 20px;
}

/* FOOTER */

.footer-upper {
	padding-left: 6vw;
}

.footer-middle {
	padding-left: 3rem;
}

.footer-lower .theme-selector {
	margin-top: 0;
}

.footer-lower > div:before {
	margin-right: 15px;
}

.footer-lower > div,
.footer-lower > div.theme-selector {
	margin-left: 15px;
}

.newsletter-email {
	margin: 0;
}

.theme-selector {
	margin-top: 0;
}


/********* SMALL PRODUCTS CAROUSELS **********/


.small-products {
	margin: 70px 0 0 !important;
	padding: 0;
}

.small-products .item-box {
	max-height: 150px;
}

.small-products .item-box .product-item > div:first-child {
	width: 150px;
}
.small-products .item-box .details {
	padding: 27px 5%;
	width: calc(100% - 150px);
}

.two-row-carousels .product-grid .title {
	font-size: 26px;
}

.two-row-carousels > div {
	float: left;
	width: 47%;
}

.two-row-carousels > div:nth-child(2) {
	margin-left: 6%;
}

.two-row-carousels > div:only-child {
	width: 100%;
}

.two-row-carousels .slick-slide {
	min-height: 301px;
}

.two-row-carousels .slick-next,
.two-row-carousels .slick-prev {
	bottom: 132px;
}


/* LEFT/RIGHT COLUMN */

.side-2 {
	width: 24%;
}

.center-2 {
	width: 73%;
}

.html-account-page .center-2 {
	width: calc(100% - 280px);
}

.html-account-page .side-2 {
	width: 280px;
}

.html-account-page .page-title {
	padding: 0 0 0 280px;
}

/* CATEGORY PAGE & GRIDS */

.news-list-homepage .news-item {
	padding: 40px;
}

.home-page-advantages {
	padding: 35px 7%;
	margin: -70px -6vw 70px;
}

.advantages-item {
	padding: 0 2%;
}

.item-box {
	width: 19.2%;
}

.item-box:nth-child(4n+1) {
	margin-left: 1%;
	clear: none;
}
.item-box:nth-child(5n+1) {
	margin-left: 0;
	clear: both;
}

.center-2 .item-box {
	width: 24.25%;
}

.center-2 .item-box:nth-child(3n+1),
.center-2 .item-box:nth-child(5n+1) {
	margin-left: 1%;
	clear: none;
}

.center-2 .item-box:nth-child(4n+1) {
	margin-left: 0;
	clear: both;
}

.center-2 .product-list .item-box .details {
    margin: 0 25% 0 290px;
}

.center-2 .product-list .item-box .add-info {
	width: 25%;
}


.block .listbox {
	padding: 18px 30px;
}

/* PRODUCT PAGE */

.product-details-page .breadcrumb {
	text-align: left;
}

.full-description,
.product-specs-box {
	margin: 0 -6vw;
	padding: 40px 22%;
}


.mobile-name-holder {
	display: none;
}

.gallery {
	float: left;
	width: 30%;
	max-width: none;
}

.gallery .picture {
	max-width: 500px;
}


.gallery .thumb-item {
	max-width: 22%;
}

.product-name h1 {
	font-size: 28px;
}

.overview {
	position: relative;
	float: right;
	width: 68%;
	padding-right: 325px;
	margin-left: 0;
	text-align: left;
}

.overview .short-description {
	padding: 0;
}
.overview .breadcrumb {
	margin-bottom: 25px;
}

.overview .prices {
	margin: 50px 0 25px;
}

.overview .add-to-cart {
	display: block;
	margin: 0 auto 30px;
	width: calc(100% - 40px);
	max-width: none;
}

.overview .add-to-wishlist {
	display: block;
	width: 100%;
	margin-left: 0;
}

.overview .add-to-wishlist button {
	width: 100%;
	font-size: 13px;
}

.overview .add-to-wishlist button:before {
	margin-right: 10px;
}

.grouped-product-box label {
	display: block;
}
.product-variant-line {
	font-size: 0;
	text-align: left;
}

.variant-picture {
	display: inline-block;
	vertical-align: middle;
	float: none;
	margin-bottom: 0;
}

.variant-picture + .variant-overview {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	float: none;
	margin-bottom: 0;
	width: calc(100% - 350px);
    margin-left: 20px;
	text-align: left;
}

.variant-info > div:last-child {
	margin-bottom: 0;
}

.variant-info {
	display: inline-block;
	margin-right: 20px;
	width: calc(100% - 320px);
	vertical-align: middle;
}

.variant-overview .tax-shipping-info {
	text-align: center;
}

.product-variant-box {
	display: inline-block;
	vertical-align: middle;
	width: 300px;
	text-align: center;
}
.product-prices-box {
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
	width: 300px;
	text-align: center;
}

.grouped-product-box {
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
	width: 300px;
	text-align: center;
	border: 1px solid #eeeeee;
	border-radius: 3px;
	padding: 10px;
}

.grouped-product-box label {
	margin: 10px 0 20px;
}

.product-prices-box > div:first-child {
	border: 1px solid #eeeeee;
	border-radius: 3px;
	padding: 0 10px 10px;
}

.attributes-wrapper {
	border: none;
	padding: 0;
	max-width: none;
}

.attributes-wrapper > div {
	padding: 0;
	margin-left: 0;
}

.attributes {
	max-width: 320px;
}
.attributes dt,
.attributes dd {
	text-align: left;
}

.overview .stock {
	display: block;
	border-radius: 3px 3px 0 0;
	margin: 0 -10px 12px;
}

.breadcrumb li > a,
.breadcrumb li > span,
.breadcrumb li > strong {
	margin: 0 6px 0 0;
}

.breadcrumb .delimiter {
	margin-right: 10px;
}

.overview .product-name {
	display: inline-block;
	width: 59%;
	min-height: 100px;
}

.product-reviews-overview {
	margin-bottom: 15px;
}

.overview .reviews-and-compare {
	float: right;
	text-align: right;
	width: 40%;
	margin: 0;
}

.overview .compare-products {
	margin: 0;
}

.product-review-box {
	margin: 10px 0 5px 0;
}

.ui-tabs .inputs label {
	width: 290px;
}

.product-social-label {
	margin: 0 10px 0 0;
}

.product-social-sharing {
	display: inline-block;
}

/* REVIEW PAGE */

.product-review-item {
	padding: 40px 3%;
}

/* TABLES */



/* WISHLIST & COMPARE LIST */


.wishlist-page .share-info {
	margin: 70px 0 50px;
}

.compare-products-page .page-body {
    margin: 0;
}

.compare-products-table td {
	padding: 20px;
}


.compare-products-table tr td:first-child {
	min-width: 200px;
	max-width: 200px;
}

.compare-products-page .clear-list {
	width: 200px;
}


/* TOPICS */
/* CONTACT PAGE & EMAILaFRIEND */
/* REGISTRATION, LOGIN, MY ACCOUNT */



/* SHOPPING CART & CHECKOUT */


.order-progress a {
	width: 180px;
}

.cart-collaterals > div {
	float: none;
	width: 100%;
	margin: 0 0 10px;
}

.shopping-cart-page form {
	overflow: hidden;
}

.shopping-cart-page form:after {
	content: "";
	display: block;
	clear: both;
}

.shopping-cart-page .product-grid {
	clear: both;
}
.shopping-cart-page .table-wrapper {
	float: left;
	clear: left;
	width: 70%;
}

.shopping-cart-page .cart-footer  {
	float: right;
	clear: right;
	width: calc(30% - 30px);
}

.cart-footer > div,
.cart-footer > div > div {
	display: block;
	width: 100%;
}



/* SEARCH & SITEMAP */
/* BLOG & NEWS */

.new-comment, .comment-list {
	margin-left: -6vw;
	margin-right: -6vw;
}

/* FORUM & PROFILE */
.ui-tabs .ui-tabs-panel {
	margin: 0 -6vw;
	padding: 50px 7%;
}

.profile-page .topic-title,
.profile-page .topic-data {
	width: 18%;
}

.profile-page .topic-body {
	margin-left: 20%;
}

	.manufacturer-logo-container {
		justify-content: flex-start;
	}
}
/*=====================================================
    
    HD SCREENS

=====================================================*/


@media all and (min-width:1601px) {

	/*HEADER*/
/*	.header-lower .search-box {
		width: 50%;
	}
*/

    .header-logo {
        width: 20%;
    }

	/* CATEGORY PAGE */


	.center-2 {
		width: 78%;
	}
	.side-2 {
		width: 20%;
	}

	.item-box {
		width: 15.83%;
	}

	.item-box:nth-child(5n+1) {
		margin-left: 1%;
		clear: none;
	}
	.item-box:nth-child(6n+1) {
		margin-left: 0;
		clear: both;
	}

	.center-2 .item-box {
		width: 19.2%;
	}

	.center-2 .item-box:nth-child(4n+1),
	.center-2 .item-box:nth-child(6n+1) {
		margin-left: 1%;
		clear: none;
	}

	.center-2 .item-box:nth-child(5n+1) {
		margin-left: 0;
		clear: both;
	}

	.center-2 .product-list .item-box .buttons .button-2 {
		padding: 0 30px;
	}



	/*FEATURED PRODUCTS ON CATALOG PAGE*/

/*
	.category-page .featured-product-grid {
		background-color: #f6f6f6;
		padding: 45px;
	}

	.category-page .featured-product-grid > .title {
		display: none;
	}

	.category-page .featured-product-grid .item-box {
		width: calc(50% - 7px);
		margin: 14px 0 0 14px;
		background-color: #fff;
	}

	.category-page .featured-product-grid .product-item {
		font-size: 0;
	}

	.category-page .featured-product-grid .product-item > div {
		display: inline-block;
		vertical-align: middle;
		width: 50%;
		margin: 0;
		clear: none;
	}

	.category-page .featured-product-grid .item-box:nth-child(1),
	.category-page .featured-product-grid .item-box:nth-child(2) {
		margin-top: 0;
	}

	.category-page .featured-product-grid .item-box:nth-child(2n+1) {
		margin-left: 0;
	}

	.category-page .featured-product-grid .item-box .details {
		padding: 20px;
	}

	.category-page .featured-product-grid .item-box .product-title {
		font-size: 18px;
		height: auto;
	}

	.category-page .featured-product-grid .item-box .actual-price {
		font-size: 22px;
	}

	.category-page .featured-product-grid .item-box .product-rating-box {
		margin-bottom: 30px;
	}
	.category-page .featured-product-grid .item-box .buttons {
		margin-top: 10px;
	}

	.category-page .featured-product-grid .item-box .buttons input[type="button"] {
		width: auto;
		background-color: #f3cb2d;
		color: #fff;
	}

	.category-page .featured-product-grid .item-box .buttons input[type="button"]:hover {
		background-color: #e8af00;
	}*/




	/*PRODUCT PAGE*/
	.overview {
		width: 62%;
		padding-right: 415px;
	}
	.product-prices-box,
	.grouped-product-box {
		width: 380px;
	}
	.gallery {
		width: 36%;
	}
	.gallery:after {
		content: '';
		display: block;
		clear: both;
	}
	.gallery > div:first-child {
		float: right;
		width: calc(100% - 95px);
	}
	.gallery .picture {
		max-width: none;
	}

	.gallery .picture-thumbs {
		float: left;
		width: 15%;
		max-width: 87px;
		margin: 0;
	}
	.gallery .thumb-item {
		display: block;
		margin: 0 0 10px;
		max-width: none;
	}
	.overview .reviews-and-compare {
		width: 33%;
	}
	.overview .product-name {
		width: 64%;
	}

	/***** CHECKOUT *****/

	.address-grid > div {
		width: calc(33.33% - 16.66px);
	}

	.address-grid > div:nth-child(2n+1) {
		margin-left: 25px;		
	}

	.address-grid > div:nth-child(3n+1) {
		margin-left: 0;		
	}

	.address-grid > div:nth-child(3) {
		margin-top: 0;
	}

	/* TABLES */


}
@media screen AND (max-width: 520px), mobile {

    .pagination-gotopage {
        margin-top: 18px !important;
    }

    .pagination {
        margin-left: 1% !important;
        padding-left: 0px !important;
    }

    .search-goto {
        margin-right: 32% !important;
    }

    .pagination > li > a {
        padding: 2px 8px !important;
    }





    .mbreak {
        display: block;
    }

    .mhide {
        display: none;
    }

    /* navigation */
    .navigation { /*width:96% !important; padding-left:10px; padding-right: 10px; */
    }

    .dropdown-desktop {
        display: none;
    }

    .featured-content {
        display: none;
    }

    .resources-dropdown-mobile {
        width: 100% !important;
    }

    .nav-submenu-item a {
        display: block;
    }

    .key-item {
        display: none;
    }

    .key-subitem {
        width: 100%;
    }

    .acolumn {
        display: block !important;
    }

    .fcolumn {
        display: block !important;
    }

    .kcolumn {
        display: block !important;
    }

    .pcolumn {
        display: block !important;
    }

    .ucolumn {
        display: block !important;
    }

    .a-column {
        display: block !important;
    }

    .f-column {
        display: block !important;
    }

    .k-column {
        display: block !important;
    }

    .p-column {
        display: block !important;
    }

    .u-column {
        display: block !important;
    }

    .nav-account-submenu {
        padding: 0;
        margin-top: 49px;
    }

        .nav-account-submenu ul li {
            font-size: medium;
            padding: 15px;
            margin: 0 10px
        }

        .nav-account-submenu li ul {
            width: 215px;
        }

    .arrow-down {
        background: url(../arrow-down.html) no-repeat;
        padding-right: 10px;
        background-size: 9px;
        background-position: 1px;
    }

    .account {
        background-size: 16px;
        background-position: 7px 9px;
        padding-right: 2px;
        padding-left: 28px;
        padding-top: 10px;
        cursor: pointer;
    }

        .account span:first-child {
            display: none
        }

    .nav-account-submenu::before {
        content: "";
        position: absolute;
        top: -10px;
        right: 20px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #ddd;
    }

    .nav-account-submenu::after {
        content: "";
        position: absolute;
        top: -8.5px;
        right: 20px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
    }

    /* content */
    #content {
        font-size: 17px;
        line-height: 27px;
    }

        #content h1 {
            font-size: 30px;
            line-height: 32px;
        }

        #content h2 {
            font-size: 27px;
            line-height: 32px;
        }

        #content div.we-know-flow {
            text-align: center;
        }

    #breadCrumbs {
        font-size: 13.5px;
    }

    .dultmeier-banner {
        margin-top: 5px;
    }


    /* Footer */
    #footerNav {
        display: none;
    }

    #mobileFoot {
        width: 100%;
        padding: 10px;
    }

    #mobileNavBar {
        display: none;
    }

    /*copyright*/
    #mobileFoot_last {
        text-align: center;
    }

        #mobileFoot_last a {
            display: inline-block;
            width: 174px;
            height: 0px;
            padding-top: 52px;
            overflow: hidden;
            margin: 0px;
        }

            #mobileFoot_last a.foot_teamviewer {
                background: url(../team-viewer.html) top left no-repeat;
            }

    #mobileFoot_social {
        text-align: center;
    }

        #mobileFoot_social a {
            display: inline-block;
            width: 41px;
            height: 0px;
            padding-top: 41px;
            overflow: hidden;
            margin: 0px 6px;
        }

            #mobileFoot_social a.foot_facebook {
                background: url(../foot-facebook_41x41.html) top left no-repeat;
            }

            #mobileFoot_social a.foot_twitter {
                background: url(../foot-twitter_41x41.html) top left no-repeat;
            }

            #mobileFoot_social a.foot_youtube {
                background: url(../foot-youtube_41x41.html) top left no-repeat;
            }

            #mobileFoot_social a.foot_linkedin {
                background: url(../foot-linkedin_41x41.html) top left no-repeat;
            }

            #mobileFoot_social a.foot_pinterest {
                background: url(../foot-pinterest_41x41.html) top left no-repeat;
            }

            #mobileFoot_social a.foot_blog {
                background: url(../foot-blog_41x41.html) top left no-repeat;
            }

    #mobileFoot_contact {
        text-align: center;
    }


    /* sara added stuff from here down */

    /* about us */
    #about-us .dultmeier-fun {
        margin: 20px 0;
        width: 100%;
    }

    #about-main {
        max-width: 100%;
        height: 90px;
        position: relative;
        overflow: hidden;
        margin: 5px 0 17px 0;
    }

    #about-hdr {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 186px;
        margin: 0;
        padding: 0;
    }

        #about-hdr li {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 186px;
        }

        #about-hdr img {
            display: none;
        }

        #about-hdr li .about-main-copy {
            position: absolute;
            text-align: left;
        }

            #about-hdr li .about-main-copy h1 {
                color: #8f2140;
                font-size: 23px;
                line-height: 36px;
            }

        #about-hdr li .intro {
            width: 100%;
            top: 0px;
            left: 1%;
        }

            #about-hdr li .intro p {
                display: none;
            }

    .about-img img {
        display: none;
    }

    .aboutList {
        list-style-image: url(../list-blue-square.html);
        margin: 15px 0 4% 5%;
        padding: 0;
        font-size: 1.3em;
    }

        .aboutList span:first-child {
            width: 40%;
            float: left;
            margin: 0;
        }

    .about-cal-left {
        width: 33%;
        background-position: 0 8px;
        margin-left: 0%;
        margin-right: 2%;
        padding-left: 15px;
    }

    .about-cal-right {
        width: 65%;
    }

    /* homepage */
    #home-main {
        max-width: 100%;
        height: 175px;
        position: relative;
        overflow: hidden;
        margin: 10px 0 17px 0;
    }

    #home-rotation {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 175px;
        margin: 0;
        padding: 0;
    }

        #home-rotation li {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 175px;
        }

            #home-rotation li .home-main-copy {
                position: absolute;
                text-align: center;
            }

                #home-rotation li .home-main-copy h1 {
                    font-size: 16px;
                    line-height: 18px;
                }

                #home-rotation li .home-main-copy p {
                    font-size: 12px;
                    line-height: 16px;
                }

            #home-rotation li .petroleum {
                width: 65%;
                left: 25%;
                top: 20px;
                text-align: left;
            }

                #home-rotation li .petroleum h1 {
                    color: #ffffff;
                }

                #home-rotation li .petroleum p {
                    color: #ffffff;
                }

            #home-rotation li .lawn {
                width: 90%;
                left: 10%;
                top: 13px;
            }

                #home-rotation li .lawn h1 {
                    color: #ffffff;
                    text-align: left;
                }

                #home-rotation li .lawn p {
                    width: 85%;
                    color: #ffffff;
                    text-align: left;
                }

            #home-rotation li .deice {
                width: 80%;
                left: 10%;
                top: 18px;
            }

            #home-rotation li .liquid {
                width: 65%;
                left: 25%;
                top: 13px;
            }

            #home-rotation li .carwash {
                width: 80%;
                left: 10%;
                top: 8px;
            }

            #home-rotation li .agri {
                width: 80%;
                left: 10%;
                top: 10px;
            }

                #home-rotation li .agri h1 {
                    text-align: right;
                }

                #home-rotation li .agri p {
                    text-align: right;
                }

    #home-main-position {
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
        bottom: 10px;
        left: 0px;
        width: 100%;
        text-align: center;
    }

        #home-main-position li {
            display: inline;
        }

    #home-main-image {
        position: absolute;
        top: 0px;
        left: 0px;
    }

    #home-main-copy {
        position: absolute;
        width: 45%;
        top: 25px;
        left: 50%;
        text-align: center;
    }

    #home-main-back {
        position: absolute;
        top: 50%;
        margin-top: -20px;
        left: 2%;
    }

    #home-main-next {
        position: absolute;
        top: 50%;
        margin-top: -20px;
        right: 2%;
    }


    .home-three {
        height: 120px;
        width: 48%;
        margin: 0 4% 4% 0;
        padding: 2%;
        float: left;
        background: url(../home-three-box.html) top left repeat-x #4f4c4d;
        border-radius: 5px;
        line-height: 15px;
        /* old background:url(/Themes/Emporium/Content/img/home-three-box.jpg) top left repeat-x #4f4c4d; */
    }

        .home-three ul {
            display: none;
        }

        .home-three li {
            display: none;
        }

        .home-three h3 {
            margin: 10px 0;
            padding: 0
        }

    .home-three-text {
        width: 100%;
        padding-left: 50%;
    }

    .home-three-a {
        text-align: center;
        width: 100%;
        background: url(../ad_specials.html) top left repeat-x #f5f5f5;
    }

        .home-three-a p {
            display: none;
        }

        .home-three-a img {
            max-width: 100px;
            margin-top: 10px;
        }

        .home-three-a ul {
            display: none;
        }

    .home-three-b {
        text-align: center;
        position: relative;
        background: url(../ad_specials.html) top left repeat-x #f5f5f5;
    }

        .home-three-b p {
            display: none;
        }

        .home-three-b img {
            max-width: 50px;
        }

        .home-three-b ul {
            display: none;
        }

    .home-three-c {
        text-align: center;
        margin-right: 0%;
        position: relative;
        background: url(../ad_specials.html) top left repeat-x #f5f5f5;
    }

        .home-three-c img {
            width: 0
        }

        .home-three-c ul {
            display: none;
        }

        .home-three-c p {
            margin-top: 10px;
            padding: 0
        }

    .home-three a {
        color: #555555;
    }

        .home-three a:hover {
            color: #29A3D2;
        }

    #home-logos {
        height: 70px;
        margin: 10px 0;
        overflow: hidden;
        font-size: 0px;
        position: relative;
        width: 100%;
    }

    #home-logos-slider {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        text-align: center;
        margin: 0;
        padding: 0;
    }

        #home-logos-slider a {
            margin: 0 10px;
        }

    #home-categories {
        color: #009bd8;
        border-top: 1px solid #ccc;
    }

    ul.home-category-boxes {
        list-style: none;
        margin: 0;
        padding-left: 0px;
        font-size: 15px;
        line-height: 22px;
        margin-top: 50px;
    }

        ul.home-category-boxes li {
            float: left;
            width: 33.3%;
            text-align: center;
        }

            ul.home-category-boxes li:nth-child(3n+1) {
                clear: left;
            }

            ul.home-category-boxes li img {
                max-width: 100%;
            }

            ul.home-category-boxes li div {
                float: left;
                width: 90%;
                margin: 8% 1% 7% 5%;
            }

            ul.home-category-boxes li ul {
                display: none;
            }

                ul.home-category-boxes li ul li {
                    display: none;
                }


    a.viewAllRed {
        display: none;
    }

        a.viewAllRed:hover {
            display: none;
        }

    /* UL BASED COLUMNS: class="column columnX" */
    ul.customer-number li {
        width: 100% !important;
        margin: 10px 0 !important;
    }

    /* show updated pdf icons on mobile N.N */
    ul.pdfs li a {
        padding-left: 25px;
        background: url(../png/icon-pdf-33x33-2.png) center left no-repeat;
        background-size: 20px;
        line-height: 25px;
    }

    ul.pdfs li {
        padding: 10px 0;
    }


    /* UL BASED COLUMNS: class="column columnX" */
    ul.column {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        ul.column ul {
            margin-left: 15px;
            padding: 0;
            list-style-type: none;
            text-align: left;
        }

        ul.column li {
            margin-bottom: 30px;
        }

            ul.column li img {
                max-width: 100%;
                height: auto;
            }

        ul.column ul li {
            float: none;
            width: 100%;
            display: list-item;
            margin: 10px 0;
        }


    /* show two columns on mobile N.N */
    ul.column2 li {
        width: 100%;
    }

    ul.column3 li {
        width: 48%;
        float: left;
        margin-right: 4%;
    }

        ul.column3 li:nth-child(2n) {
            margin-right: 0;
        }

        ul.column3 li:nth-child(2n+1) {
            clear: left;
        }

    ul.column4 li {
        width: 48%;
        float: left;
        margin-right: 4%;
    }

        ul.column4 li:nth-child(2n) {
            margin-right: 0;
        }

        ul.column4 li:nth-child(2n+1) {
            clear: left;
        }

    ul.column.column4.center li {
        margin-bottom: 40px;
        line-height: 24px;
    }

    ul.column.column4 li img.catThumb {
        max-width: 125px;
        max-height: 125px;
    }

    ul.column5 li {
        width: 48%;
        float: left;
        margin-right: 4%;
    }

        ul.column5 li:nth-child(2n) {
            margin-right: 0;
        }

        ul.column5 li:nth-child(2n+1) {
            clear: left;
        }

    ul.column6 li {
        width: 48%;
        float: left;
        margin-right: 4%;
    }

        ul.column6 li:nth-child(2n) {
            margin-right: 0;
        }

        ul.column6 li:nth-child(2n+1) {
            clear: left;
        }

    ul.column7 li {
        width: 48%;
        float: left;
        margin-right: 4%;
    }

        ul.column7 li:nth-child(2n) {
            margin-right: 0;
        }

        ul.column7 li:nth-child(2n+1) {
            clear: left;
        }

    /* 2 columns over */


    h3.gradient {
        /*background: rgba(0, 0, 0, 0) url("/Themes/Emporium/Content/img/h3-gradient.gif") repeat-x scroll left top;*/
        background: #666;
        color: #fff;
        font-size: 20px;
        line-height: 30px;
        padding: 5px;
        margin: 20px 0;
    }
    /* DIV BASED COLUMNS: for core layouts */

    #leftColumn34 {
        float: none; /*! text-align:center; */
        list-style-type: none;
        margin: 0 0 5% 0;
        padding: 0;
    }

    #rightColumn14 {
        display: none;
    }

    #leftColumn65 {
        width: 100%;
        height: auto;
        margin: 0;
        line-height: 1.5em;
    }

        #leftColumn65 ul {
            padding-left: 15px
        }

            #leftColumn65 ul li {
                margin-bottom: 15px
            }

    #rightColumn35 {
        width: 100%;
        margin: 0;
        padding: 0;
        border: none;
    }

    #leftColumn80 {
        float: left;
        width: 100%;
    }

    #rightColumn20 {
        float: right;
        width: 100%;
    }

    #leftColumn50 {
        float: left;
        width: 100%;
    }

    #rightColumn50 {
        float: right;
        width: 100%;
    }

    #leftFooter50 {
        width: 50%;
        float: left;
    }

    #rightFooter50 {
        width: 50%;
        float: right;
    }

    #leftFooter50 .colA ul {
        margin: 0;
        padding: 0;
        text-align: left;
    }

        #leftFooter50 .colA ul li {
            margin: 10px;
            padding: 0;
            list-style: none;
        }

            #leftFooter50 .colA ul li a {
                text-decoration: none;
            }

    #rightFooter50 .colB ul {
        margin: 0;
        padding: 0;
        text-align: left
    }

        #rightFooter50 .colB ul li {
            margin: 10px;
            padding: 0;
            list-style: none;
        }

            #rightFooter50 .colB ul li a {
                text-decoration: none;
            }

    .w50 {
        width: 100%;
    }

        .w50 .noborder p.mt0.pt0 {
            margin-left: 15px;
        }

    .pL10 {
        padding-left: 0
    }

    .fullsize {
        max-width: 100%;
    }

    .halfsize {
        max-width: 100%;
    }


    /*Catalog page */

    .browseCatsCellA img {
        width: 100%;
    }

    .browseCatsCellA {
        width: 220px;
        margin: 0 auto;
    }

    .browseCatsCellB {
        text-align: center;
    }

        .browseCatsCellB li {
            margin: 15px 0;
            list-style: none;
        }

        .browseCatsCellB ul {
            margin: 0;
            padding: 0;
        }


    /* SPECIAL DIV BASED COLUMNS (site map, +): try to use the ULs if possible */
    .column13container {
        column-count: 2;
    }

        .column13container .column13 {
            text-align: left;
            width: 100%;
        }

    .column13 ul {
        margin: 0;
        padding-left: 15px;
    }

    .column13 img {
        width: 100%;
    }

    .column13 ul li {
        margin-top: 0;
        margin-bottom: 15px;
        margin-left: 5px;
    }

        .column13 ul li:last-child {
            padding-bottom: 0px;
        }



    /* PRODUCT PAGES */
    #ppLeft {
        float: left;
        width: 100% !important;
        text-align: center;
        margin: 0;
    }

        #ppLeft .a-dynamic-image {
            max-width: 100%;
        }

        #ppLeft .large-image iframe {
            width: 100%;
        }

    #ppRight {
        float: right;
        width: 100% !important;
    }


    .category-feature-image {
        float: none !important;
        margin-right: 20px;
        width: 125px;
        height: 125px;
        margin: 0 auto !important;
    }

    .ppPhoto {
        max-width: 100%;
    }

    a .ppPhoto {
        border: 0px;
    }

    .ppEPage {
        margin: 15px 0;
        font-size: 15px;
    }

        .ppEPage a {
            color: #9ebf4a;
        }

    .ppMag {
        vertical-align: middle;
    }

    .ppLogo {
        display: block;
        margin: 15px auto;
        text-align: center;
    }

        .ppLogo img {
            max-width: 150px;
        }

    .ppHeader {
    }

        .ppHeader h1 {
            margin: 10px 0;
            padding: 0;
        }

        .ppHeader h2 {
            margin: 10px 0;
            padding: 0;
        }

    .ppCopy {
        margin-bottom: 10px;
    }

        .ppCopy img {
            max-width: 100%;
        }

        .ppCopy ul, .additional-info ul {
            margin: 0;
        }

    .additional-info .related-item {
        margin-top: 30px;
    }

    .ppNotes {
        font-size: medium;
    }

    .divLinks ul li {
        padding: 5px 0;
    }

    /*table, thead, tbody, th, td, tr { 
		display: block;
                background-color:#E0E8EF;
	        color:#000; 
	}
	
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		border: none;
		border-bottom: 5px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		position: absolute;
		top: 1px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align: right;
		vertical-align: text-top;
	}
	td:nth-of-type(1):before { content: "Part No."; }
	td:nth-of-type(2):before { content: "Description"; }
	td:nth-of-type(3):before { content: "Wt."; }
	td:nth-of-type(4):before { content: "Mfg."; }
	td:nth-of-type(5):before { content: "Price"; }
	td:nth-of-type(6):before { content: "Qty."; }
	td:nth-of-type(7):before { content: "Status"; }*/

    /* Checkout & Account */
    .cart_submit, .cart_button {
        background-color: #8f2140;
        color: #fff;
        width: 100%;
    }

    /* N.N remove extra bottom border on each product searched  */
    .cart-responsivetable {
        border: 0px solid #ccc;
    }

    .truck-ship .tooltiptext, .error-msg .tooltiptext, .product-ships-factory .tooltiptext {
        font-size: 15px !important;
    }

    .additional-info iframe {
        width: 100%;
        height: 250px;
    }

    .additional-info img {
        max-width: 100%;
    }

    .ppAdditionalImage {
        padding: 0;
        text-align: center;
    }

        .ppAdditionalImage img {
            max-width: 100%;
            margin-bottom: 20px;
            margin-top: 20px;
        }

    /* Catalog Request Form */

    .catReq {
        display: table;
        width: 100%;
        height: auto;
        margin: 0 0 8px 0;
        padding: 0;
        text-align: left;
        vertical-align: text-top;
        line-height: 30px;
    }

    .catCell-star { /*display:table-cell;*/
        text-align: left;
        vertical-align: text-top;
        width: 3%;
        margin: 0;
        padding: 0;
        color: red;
        font-weight: bold;
        float: left;
    }

    .catCell-checkbox {
        width: 6%;
        position: relative;
        top: 4px;
    }

    .catCell-a { /*display:table-cell;*/
        text-align: left;
        vertical-align: text-top;
        width: 97%;
        margin: 0;
        padding: 0;
    }

    .catCell-b { /*display:table-cell;*/
        text-align: left;
        vertical-align: text-top;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .catCell-cBox { /*display:table-cell;*/
        text-align: left;
        vertical-align: text-top;
        width: 100%;
        margin: 0;
        padding: 0 0 0 5px;
        display: inline;
    }

    .catReq label {
    }


    input.catreq_text {
        width: 100%;
        border: 1px solid #999;
    }


    /* Invoices and Orders*/
    .invoice_buttons {
        font-size: 14px;
        margin: 20px 0;
        padding: 3px 11px;
        border: 1px solid #666;
    }

    .invoice_submit, .order_submit, .orderdetail_submit {
        background-color: #8f2140;
        color: #fff;
        font-size: larger !important;
        cursor: pointer;
    }

    .invoice_text, #start_date, #end_date {
        text-align: center;
        font-size: larger !important;
    }

    /*Order Details*/
    form .orderstatus_text {
        border: 1px solid #555;
        min-width: 64%;
        margin: 10px 18%;
        height: auto;
        padding: 7px;
        font-size: larger;
        text-align: center;
    }

    form .orderdetail_submit {
        min-width: 64%;
        margin: 20px 18%;
    }

    /* Forms */
    .formCol {
        width: 100%;
        text-align: center;
    }

    /* Flyer Nav */
    #navcontainer ul {
        list-style: none;
        width: 100%;
        margin: 0;
        padding: 0;
        background-color: #fff;
        color: #009bd8;
        text-align: center;
    }

        #navcontainer ul li {
            background-color: #818181;
            height: 35px;
            margin: 0;
        }

            #navcontainer ul li a {
                display: block;
                width: 100%;
                height: 35px;
                padding: .5em 0 .2em 0;
                background-color: #fff;
                color: #009bd8;
                text-decoration: none;
                border-bottom: 1px solid #009bd8;
            }

    #navcontainer li a#current {
        background-color: #009bd8;
        color: #fff;
    }


    /* Manufacturer's Pages */

    .mfgLinks {
    }

        .mfgLinks ul {
            margin: 0 0 0 2em;
            padding: 0;
        }

        .mfgLinks li {
            margin-bottom: 10px;
        }

        .mfgLinks iframe {
            height: 250px;
        }

        .mfgLinks p:first-child {
            margin-top: 0
        }


    /*Invoices, Orders responsive table
.responsiveTable table tr th,
.responsiveTable table tr td { width: 15%;}	
.dataTables_filter{margin-bottom:1em;} 
*/
    /* Ninh added here */
    .dataTables_filter {
        margin-bottom: 1em;
    }

    table.dataTable th br, table.dataTable > tbody > tr.child span.dtr-title br {
        display: none;
    }

    table.dataTable.nowrap th, table.dataTable.nowrap td {
        text-align: left;
        padding-left: 10px;
    }

    table.dataTable > tbody > tr.child ul.dtr-details {
        width: 100%
    }

        table.dataTable > tbody > tr.child ul.dtr-details > li {
            width: 100%;
        }

            table.dataTable > tbody > tr.child ul.dtr-details > li span:first-child {
                width: 50%;
                display: inline-flex;
            }

            table.dataTable > tbody > tr.child ul.dtr-details > li span:last-child {
                width: 50%;
                display: inline-flex;
                white-space: normal;
                padding-left: 18px;
            }

    .order-container .order-invoice {
        width: 100%;
    }

    .order-container .tracking-shipment {
        width: 100%
    }

    .order-details strong, .tracking-details strong, .carrier-details strong {
        width: 135px;
        display: inline-block;
    }

    .order-details p, .invoice-details p, .order-taker-details p,
    .carrier-details p, .tracking-details p, .ship-details p,
    .bill-to p, .ship-to p, .payment-method p {
        margin: 5px 0;
    }

    .bill-to strong, .ship-to strong {
        width: 80px;
    }

    .payment-details .order-invoice {
        width: 100%;
    }

        .payment-details .order-invoice .bill-to p {
            display: flex;
        }

    .payment-details .tracking-shipment {
        width: 100%;
    }

        .payment-details .tracking-shipment .ship-to p {
            display: flex;
        }

    .tracking-details, .tracking-details p, .carrier-details {
        margin: 0px 0;
        width: 100%;
    }

    .tracking-details {
        margin: 0px 0;
        margin-bottom: 20px;
    }

    .dataTables_filter label input {
        font-size: 16px;
        margin: 10px 0;
    }

    .dataTables_length label select {
        font-size: 16px;
        margin: 10px 0;
    }
    /* Ninh added complete */

    /* Your account */
    .yourAccount {
    }

        .yourAccount ul {
            list-style: none;
            margin: 0 0 5% 0;
            padding: 0;
        }

        .yourAccount li {
            list-style: none;
            margin: 20px auto;
            padding: 0;
        }

    /* Manufacturer's Pages */
    .mfgCol {
        margin-top: 20px;
        text-align: center;
    }

        .mfgCol a {
            display: table;
            margin: 0 0 5% 0;
            padding: 0;
            width: 100%;
        }

    .mfgColCell {
        display: table-cell;
        vertical-align: middle;
        width: 50%;
        padding: 0;
        margin: 0;
    }

        .mfgColCell img {
            max-width: 100%;
            height: auto;
            display: block;
            margin: 0 auto;
        }

        .mfgColCell p {
            margin: 0;
            padding: 0;
            font-size: 14px;
        }

    /* pump repair page, flyers */
    ul.orangeArrowXL {
        list-style-image: url(../gif/orange-arrow-xl.gif);
        padding: 0;
        padding-left: 18px;
    }

        ul.orangeArrowXL li {
            margin-bottom: 20px;
            padding-right: 15px;
        }

            ul.orangeArrowXL li:nth-child(2n) {
                padding-right: 0;
            }

        ul.orangeArrowXL h3 {
            margin: 0;
            padding: 0
        }

    /* div pages & right col browse catalog arrows */
    ul.orangeArrow {
        list-style-image: url(../gif/orange-triangle.gif);
        margin-left: 16px;
        padding: 0;
    }

        ul.orangeArrow li {
            margin-bottom: 10px;
        }

    /* about us page */
    ul.orangeArrowSpacer {
        list-style-image: url(../gif/orange-triangle.gif);
        margin: 0 0 15px 2em;
        padding: 0;
    }

        ul.orangeArrowSpacer li {
            margin-top: 10px;
        }

    .divPhoto {
        max-width: 100%;
        height: auto;
        text-align: center;
        margin-bottom: 10px;
    }

        .divPhoto img {
            width: 100%;
        }

    .viewAll {
        line-height: 30px;
        padding-right: 15px;
        background: url(../gif/orange-triangle.gif) right center no-repeat;
    }


    /* Schematics Pages */
    .Hnav {
        list-style: none;
        padding: 0;
        text-align: center;
    }

        .Hnav li {
            display: inline;
            font-size: 18px;
            padding: 8px;
            line-height: 35px;
        }

    .schemCol {
        float: left;
        display: table;
        width: 100%;
        margin-top: 1%;
    }

    .schemColCell-a {
        display: table-cell;
        vertical-align: middle;
        width: 30%;
        padding: 0;
        margin: 0;
    }

        .schemColCell-a img {
            margin-right: 10px;
        }

    .schemColCell-b {
        display: table-cell;
        vertical-align: middle;
        width: 70%;
        padding: 0;
        margin: 0;
    }

        .schemColCell-b ul {
            list-style-type: none;
            padding: 0;
            margin-left: 15px;
        }

    .target-video:target {
        padding-top: 300px;
    }

    /* Tech Library Pages */
    ul.techArrows {
        list-style-image: url(../gif/orange-triangle.gif);
        margin: 20px;
        padding: 0;
        font-size: 20px;
    }

        ul.techArrows li {
            margin-bottom: 15px;
            line-height: 24px;
        }

    ul.techPDFs li {
        margin: 20px 0;
        line-height: 25px;
        position: relative;
        list-style-type: none;
    }

        ul.techPDFs li::before {
            content: "";
            height: 20px;
            width: 20px;
            position: absolute;
            top: 2px;
            left: -26px;
            background-size: 100%;
            background-image: url(../png/icon-pdf-33x33-2.png);
        }

    /* PDF list icons: OPTION Three */
    ul.pdfs li {
        margin-top: 15px;
        margin-bottom: 15px;
        padding-left: 15px;
    }

        ul.pdfs li a {
            padding-left: 25px;
            background: url(../png/icon-pdf-33x33-2.png) center left no-repeat;
            background-size: 20px;
            line-height: 20px;
        }

    /* pdf icon on each anchor tag */
    .pdf_icon {
        line-height: 35px;
    }

        .pdf_icon a {
            padding: 3px 25px;
            background: url(../png/icon-pdf-33x33-2.png) center left no-repeat;
            background-size: 20px;
        }

    /* gear icon on each anchor tag */
    .gear_icon {
        line-height: 35px;
    }

        .gear_icon a {
            padding: 3px 25px;
            background: url(../icon-gear-33x33.html) center left no-repeat;
            background-size: 20px;
        }

    /*
.techLib { width:100%; margin-bottom:3%; }
.techLib img { float:left; max-width:100%; height:auto; display:block; vertical-align: text-top; margin-right: 15px; margin-bottom: 20px; margin-top: 10px; padding:0px; }
.techLib h2, h3 { margin:0; padding:0; }
.techLib p { margin:0; padding-top:10px; font-size:15px; padding-bottom: 10px;}
.techLib ul { margin-left:140px; padding:0; list-style-type:disc; text-align:left; }
.techLib li { margin-left:0px; padding:0; }
*/


    .techLib {
        width: 100%;
        margin-bottom: 3%;
        text-align: center;
    }

        .techLib h2, .techLib h3 {
            margin: 0;
            padding: 0;
            text-align: center;
        }

        .techLib p {
            margin: 0;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .techLib ul { /*! margin-left:140px; */
            padding: 0;
            list-style-type: none;
            text-align: center;
        }

        .techLib li {
            margin-left: 0px;
            padding: 0;
            margin: 20px auto;
        }

    ul.techCharts {
        margin-left: 10px;
        padding: 0;
        list-style-type: disc;
        text-align: left;
    }

        ul.techCharts ul li {
            margin: 0;
            padding: 0;
            list-style-type: disc;
            text-align: left;
        }

    p.techLib {
        margin: 0;
        font-size: 14px;
    }

    ul.browseCats {
        margin: 0;
        padding: 0;
        list-style-type: disc;
        text-align: left;
    }


    /* Tech Table: one column, images on left side: see Mobile Car Wash */

    .techCol {
        float: left;
        display: table;
        margin-bottom: 3%;
        padding-bottom: 3%;
        width: 100%;
        border-bottom: 1px solid #dddddd;
    }

    .techColCellA {
        display: block;
        vertical-align: top;
        padding: 0;
        margin: 0;
    }

    .techColCellB {
        display: block;
        vertical-align: top;
        padding: 0;
        margin: 0;
    }

    .techColCellA img {
        max-width: 80%;
        height: auto;
        display: block;
        vertical-align: text-top;
        margin: 0 auto;
    }

    .techCol p {
        font-size: 14px;
    }

    .browseCats {
        margin: 20px 0;
    }

    /* Videos (3 horizontal images, text to the right of each) */

    .video-three {
        width: 100%;
        margin: 0;
        padding: 0;
        float: left;
        line-height: 15px;
        text-align: left;
    }

        .video-three img {
            float: left;
            max-width: 100%;
            margin-right: 10px;
        }

        .video-three h3 {
            margin-top: 30px;
        }

        .video-three h4 {
            margin: 10px 0;
            color: #a9a9a9;
            font-style: oblique;
        }

    /* Tech library */
    ol.normal {
        padding-left: 20px;
        line-height: unset;
    }

        ol.normal li {
            margin: 10px 0;
        }

    /* Advanced Search */
    .adv-search-table tr td label {
        display: block;
        margin: 20px 0;
    }

    table.ppItems-adv-search {
        border-collapse: collapse;
        padding: 0;
        margin: 0 auto;
        font-size: 15px;
        width: 100%;
    }

        table.ppItems-adv-search th {
            border: 1px solid #666;
            background-color: #E0E8EF;
            text-align: center;
            color: #000;
            font-weight: bold;
            padding: 20px 5px;
            display: none; /* Ninh added */
        }

        table.ppItems-adv-search td {
            border: 1px solid #666;
            color: #000;
            padding: 2px 5px;
        }

        table.ppItems-adv-search select {
            width: 100%;
            padding: 8px 0;
        }

        table.ppItems-adv-search input.ppQty {
            width: 50px;
            height: 30px;
            text-align: center;
        }

        table.ppItems-adv-search input.ppBig {
            width: 100%;
            height: 40px;
            font-size: 18px;
            margin: 10px 0;
        }

        table.ppItems-adv-search select.ppBig {
            border: 1px solid #555;
            background: #fff;
        }

        table.ppItems-adv-search input.ppQty {
            width: 50px;
            height: 30px;
            text-align: center;
        }

        table.ppItems-adv-search input.ppBig {
            width: 100%;
            height: 40px;
            font-size: 18px;
            margin-top: 15px;
            border: 1px solid #555;
        }

        table.ppItems-adv-search tr:first-child td {
            padding-top: 20px;
        }

            table.ppItems-adv-search tr:first-child td::before {
                content: "Manufacturers";
                font-weight: bold;
                top: 10px;
                font-size: medium;
                position: relative;
                top: -5px
            }

        table.ppItems-adv-search tr:last-child td::before {
            content: "Part No.";
            font-weight: bold;
            position: relative;
            top: 10px;
            font-size: medium;
        }

        table.ppItems-adv-search tr:last-child td::after {
            content: "Suggestions: For better results use singular instead of plural words, i.e. 'centrifugal pump' instead of 'centrifugal pumps'";
            margin: 5px 0;
            display: block;
            text-align: center;
            font-size: 16px;
            font-weight: bold;
        }

        table.ppItems-adv-search td {
            border: none;
            padding: 0;
        }

            table.ppItems-adv-search td:last-child {
                display: none;
            }

    .table-search-data::before {
        content: "Keywords";
        font-weight: bold;
        position: relative;
        top: 10px;
    }

    .table-search-data div {
        margin: 0 auto;
        width: 240px;
    }

    form.adv-search-style {
        margin-bottom: 10px;
        background: #E0E8EF;
        padding: 0 40px;
    }


    #ppRight {
        float: right;
        width: 100%;
    }


    .shopping-cart-left, .shopping-cart-right {
        width: 100%;
        float: none;
        margin-right: 0;
        padding: 0;
    }

    .headertable tr td:first-child {
        font-size: medium;
        color: #000;
        background-color: #e0e8ef !important;
        width: 0.1%;
    }


    .box13:nth-child(n) {
        width: 100%;
        border: 1px solid #8f2140;
        padding: 10px;
    }

    .box13:nth-child(-n+2) {
        border-bottom: 0px solid #8f2140;
    }

    .box13 img {
        margin: 0 auto;
        width: 75%;
    }


    .video {
    }

    .repair {
        padding-right: 0
    }

    .troubleshooting {
        width: 100%;
        padding: 0 25%;
    }

    .category-feature-image {
        float: none;
        margin: 0 auto;
    }


    .slider-img {
        width: 100%;
        padding: 0;
    }

    .slider div p {
        padding: 0;
        margin: 0;
    }

    .rcs-video {
        width: 50%;
        padding: 0;
    }

        .rcs-video:nth-child(2n+1) {
            clear: left;
            padding-right: 5px;
        }

        .rcs-video:nth-child(2n) {
            clear: right;
            padding-left: 5px;
        }

        .rcs-video a img {
            max-width: 100%;
        }

        .rcs-video.pump-systems {
            padding: 2%;
            padding-left: 0
        }

        .rcs-video.valves {
            padding: 2%;
            padding-right: 0
        }

        .rcs-video.manufacturers {
            margin-left: 25%;
        }

    .rcs-video-logo {
        width: 85px !important;
    }

    .rcs-video-page-rightColumn {
        width: 100%
    }

        .rcs-video-page-rightColumn div a img {
            width: 40%;
            float: left;
            padding-right: 15px;
            margin-bottom: 10px;
        }

        .rcs-video-page-rightColumn div h3 {
            width: 60%;
            float: right;
            margin: 0;
        }

        .rcs-video-page-rightColumn div h4 {
            width: 60%;
            float: right;
            color: #a6a6a6;
            font-style: italic;
        }

    .rcs-video-page-leftColumn {
    }

    .rcs-video-page-iframe {
        height: 250px
    }

    .rcs-video-view-all {
        display: none;
    }


    .modal-iframe-frame {
        height: 250px;
    }

    .modal-iframe-content {
        display: none;
    }

    span.display-x {
        right: 0px;
        filter: brightness(1.5);
    }

    .responsive-embed-video {
        height: 250px;
    }

    .ban-banner-common-coloum ul li {
        width: 50%;
        float: left;
        text-align: left;
    }

    .ban-new-product, .ban-car-truck-wash, .ban-agricultural, .ban-industrial, .ban-lawn-turf, .ban-deice-anti-ice, .ban-petroleum, .ban-carpet-jansan, .ban-shop-all-divisions {
        width: 100%;
        min-height: 180px;
        margin-bottom: 10px;
        background-position: center;
    }

    .ban-banner-common-coloum ul {
        padding: 0px 15px;
    }

    .ban-banner-common-coloum h3 {
        height: 50px;
        line-height: 53px;
    }



    /* Sales team */
    .e-background {
        background: url(../emplyee-header-mobile.html) no-repeat !important;
    }

    .employee-info.orange-ind::after {
        left: 15%;
    }

    .what-we-do-block-section {
        min-height: 185px;
        height: 300px !important;
    }
}


@media screen and (max-width: 420px) {

    .column13container {
        column-count: 2;
    }

        .column13container .column13 {
            text-align: left;
            width: 100%;
            font-size: 15px;
            line-height: 20px;
            padding-left: 5px;
        }

    .column13 ul {
        padding-left: 5px;
    }

    .column13 img {
        width: 100%;
        margin: 10px 0;
    }

    .aboutList span:first-child {
        width: 100%;
    }

    .what-we-do-block-section {
        min-height: 185px;
        height: 300px !important;
    }
}

@media screen AND (max-width: 345px) {

    #header_search_elements ::placeholder {
        color: transparent;
    }

    #header_search_elements :-ms-input-placeholde {
        color: transparent;
    }

    #header_search_elements ::-ms-input-placeholder {
        color: transparent;
    }

    #leftFooter50, #rightFooter50 {
        width: 100%;
    }

        #leftFooter50 li, #rightFooter50 li {
            text-align: center;
        }


    .shopping-cart-left, .shopping-cart-right {
        width: 100%;
        float: none;
        margin-right: 0;
        padding: 0;
    }

    .cart-responsivetable, .order-subtotal-main {
        /*! padding: 5px; */
        /*! box-shadow: 0 1px 3px #ccc; */
        /*! border: 1px solid #ccc; */ /*! width: 100%; */
    }

    .headertable {
        border-spacing: inherit;
        width: 100%;
        margin-bottom: 15px;
    }

        .headertable:last-child {
            margin-bottom: 0px;
        }

        .headertable tr td:first-child {
            padding-left: 6px;
        }

        .headertable tr td:last-child {
            padding: 8px;
        }

    span.car-product-img img {
        max-width: 100px;
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .shopping-cart-details {
        margin-left: 0;
    }


    .responsiveCaptcha {
        margin-left: -3px;
    }

        .responsiveCaptcha #recaptcha_area,
        .responsiveCaptcha #recaptcha_table {
            width: 307px !important;
        }

        .responsiveCaptcha .recaptchatable #recaptcha_image {
            margin: auto;
            position: relative;
            width: 100% !important;
        }

        .responsiveCaptcha .recaptchatable .recaptcha_image_cell center img {
            height: 57px;
            width: 100%;
        }

    ul.home-category-boxes {
        font-size: 10px;
    }

    ul.column li img {
    }

    ul.column2 li, ul.column3 li, ul.column4 li, ul.column5 li, ul.column6 li, ul.column7 li {
        width: 100%;
    }

    .schemCol {
        display: inline-block;
    }

    .schemColCell-a {
        width: 100%;
        display: block;
        text-align: center;
    }

    .schemColCell-b {
        width: 100%;
        display: block;
    }

        .schemColCell-b ul {
            padding-left: 0;
        }

    .video {
        float: left;
        width: 100%;
    }

    .repair {
    }

    .troubleshooting {
    }

    table.dataTable > tbody > tr.child ul.dtr-details > li {
        width: 100%;
        white-space: normal;
    }

        table.dataTable > tbody > tr.child ul.dtr-details > li span:first-child {
            width: 100%;
        }

        table.dataTable > tbody > tr.child ul.dtr-details > li span:last-child {
            width: 100%;
            padding-left: 0px;
        }

    .payment-details .order-invoice .bill-to p {
        display: block
    }

    .payment-details .tracking-shipment .ship-to p {
        display: block
    }

    .tracking-details strong, .carrier-details strong {
        width: 100%;
        text-align: left;
    }

    .tracking-details a {
        margin-left: 0;
    }

    .tracking-details strong {
        display: none;
    }

    .bill-to strong, .ship-to strong {
        width: 100%;
    }

    form .orderstatus_text, form .orderdetail_submit {
        width: 100%;
        margin: 15px 0;
    }

    .rcs-video {
        width: 100%;
    }

        .rcs-video:nth-child(2n) {
            padding: 0
        }

        .rcs-video:nth-child(2n+1) {
            padding: 0
        }

    .rcs-video-page-rightColumn div a img {
        width: 100%;
        padding: 0;
    }

    .rcs-video-page-rightColumn div h3 {
        width: 100%;
    }

    .rcs-video-page-rightColumn div h4 {
        width: 100%;
        margin-bottom: 0;
    }

    .what-we-do-block-section {
        min-height: 185px;
        height: 300px !important;
    }
}


@media screen and (max-width: 320px) {

    .headertable tr td:first-child {
        padding-left: 6px;
    }

    .headertable tr td:last-child {
        padding: 8px;
    }

    .video {
        float: left;
        width: 100%;
    }


    .images {
        display: inline-block !important;
        width: 100%;
    }

    .small-images {
        display: inline-flex;
        width: 100%;
    }

        .small-images .a-spacing-small {
            margin: 0 3px;
        }

    .large-image {
        margin: 0 !important;
        width: 100% !important;
    }

    .column13container {
        column-count: 1;
    }

    .what-we-do-block-section {
        min-height: 185px;
        height: 300px !important;
    }
}


@media screen AND (max-width: 300px), mobile {

    #cart-info span {
        display: none;
    }

    #header_contact {
        top: 45px;
        right: 10px;
        line-height: 18px;
        text-align: right;
    }

        #header_contact .fs24 {
            font-size: 14px;
        }

        #header_contact.fs12 {
            font-size: 8px;
        }

    #header h1 {
        width: 46%;
    }

    #about-main {
        height: 120px !important;
    }

    ul.home-category-boxes {
        font-size: 10px;
    }

    .mob-h-search .h-cart-contact {
        width: 50%;
    }

    ul.pdfs li {
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 15px;
    }

        ul.pdfs li:nth-child(2n) {
            padding-left: 15px;
        }

    .video-three {
        width: 100%;
        margin: 2% 2% 3% 0;
        padding: 0;
        float: left;
        line-height: 15px;
        text-align: left;
    }

        .video-three img {
            float: left;
            width: 100%;
            margin-bottom: 5px;
            padding: 5px 20px;
        }

        .video-three h3 {
            margin: 10px 20px;
        }

        .video-three h4 {
            margin: 10px 20px;
            color: #a9a9a9;
            font-style: oblique;
        }

    #checkoutform div.onecol .astext {
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    #checkoutform div.onecol .cart_button {
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    /* Categories Description Image & Text */
    .more h2 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .what-we-do-block-section {
        min-height: 185px;
        height: 300px !important;
    }

    ul.sales-team-list li {
        width: 100%;
    }
}

/* Event and Technical warnings */
.thanksgiving-bg, .thanksgiving-warning {
    display: none; /*display:inline-block; */
}

.christmas-bg, .christmas-warning {
    display: none; /*display:inline-block; */
}

.new-year-bg, .new-year-warning {
    display: none; /*display:inline-block; */
}

.fourth-july-bg, .fourth-july-warning {
    display: none; /* display:inline-block; */
}

.technical-warning {
    display: none; /* display:inline-block; */
}

.cpu-message {
    display: none; /* display:inline-block; */
}
/* Event and Technical warnings over*/


/* Holiday Messages */
.holiday {
    width: 100%;
    padding: 45px 0;
}

.holiday-message {
    color: #fff;
    text-align: center;
    font-size: 60px;
    line-height: 65px;
    font-weight: bold;
    padding: 20px 10px;
    background: rgba(255, 2555, 255, 0);
}

.thanksgiving-bg {
    background: url(../thanksgiving.html) no-repeat;
    background-position: right;
    background-size: cover;
}

.christmas-bg {
    background: url(../christmas.html) no-repeat;
    background-position: right center;
    background-size: cover;
    font-family: 'Mountains of Christmas', cursive;
}

.new-year-bg {
    background: url(../new-year.html) no-repeat;
    background-position: center;
    background-size: cover;
    font-family: 'Snell Roundhand', cursive;
}

.fourth-july-bg {
    background: url(../fourth-july.html) no-repeat;
    background-position: center;
    background-size: cover;
}
/* Holiday Messages over*/

/* Technical Message*/
.warning-box {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10;
}

.warning-box-close {
    text-align: center;
}

    .warning-box-close button {
        width: 110px;
        border: none;
        font-size: 15px;
        border-radius: 5px;
        cursor: pointer;
        color: #555;
        margin-top: 10px;
        margin-bottom: 5px;
        padding: 10px;
        background: #fff;
    }

.technical-warning, .closed-warning {
    color: white;
    background: black;
    text-align: center;
    margin: 0;
    padding: 20px 10%;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
}
/* Makin' sum buttons 8-2019_SS */
.buttons_ss {
    background-color: white;
    border: none;
    color: white;
    padding: 12px 28px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
    cursor: pointer;
}

.buttons1 {
    background-color: white;
    color: #484848;
    border: 1px solid #009bd8;
}

    .buttons1:hover {
        background-color: #29A3D2;
        color: white;
    }
/* End of the buttons 8-2019_SS */
/* Technical Message over */


#printLogo {
    display: none;
}

/* button for Product pages */
#button {
    padding: 15px 20px;
    color: white;
    font-size: 15px;
    font-weight: bold;
    background-color: #009bd8;
    border-radius: 5px;
    border-style: none;
    cursor: pointer;
    margin: 10px 0;
}

    #button:hover {
        background-color: #dcdcdc;
        color: #555;
        border-radius: 5px;
    }

    #button a:hover {
        list-style-type: none;
    }

#content h1 {
    font-size: 24px;
}

.arial {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.lg, .lg * {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}

.georgia {
    font-family: Georgia, Times, "Times New Roman", serif;
}

.ag {
    font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}

.avenir {
    font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}

.avenirBold {
    font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}

.normal {
    font-weight: normal;
    line-height: normal;
}

.oblique {
    font-style: oblique;
}

.burgundy, .burgundy a {
    color: #8f2140 !important;
}

.processBlue {
    color: #009bd8 !important;
}

.processDarkBlue {
    color: #0171af !important;
}

.lightgray {
    color: #999;
}

.white {
    color: #fff !important;
}

.red {
    color: #ff0000 !important;
}

.check-out-btn {
    text-align: center;
}

.lightblue {
    color: #29A3D2
}

.lightgrey, .lightgrey * {
    color: #555555 !important;
}

.darkgray {
    color: #484848;
}

    .darkgray a {
        color: #484848;
        text-decoration: none;
    }

        .darkgray a:hover {
            color: #009bd8;
        }

    /* blue links within paragraphs */
    .darkgray .blue-link {
        color: #0171af !important;
        text-decoration: none !important;
    }

        .darkgray .blue-link:hover {
            color: #009bd8 !important;
            text-decoration: underline !important;
        }


.linkBlue {
    color: #484848;
}

    .linkBlue a {
        color: #009bd8;
        text-decoration: none;
    }

        .linkBlue a:hover {
            color: #009bd8;
            text-decoration: underline;
        }

.nowrap {
    white-space: nowrap;
}

table.ppItems td.nb {
    border: 0px;
}

* a.burgundy {
    color: #8f2140 !important;
}

* a.white {
    color: #fff !important;
}

* a.ul {
    text-decoration: underline;
}

* a.lightgray {
    color: #999 !important;
}

.uc {
    text-transform: uppercase;
}

.footGray, .footGray a {
    color: #808080;
    text-decoration: none;
}

    .footGray a:hover {
        color: #009bd8;
    }

/* .orange { color:#f2811d; } */
.orange {
    color: #f26531;
}
/* .green { color:#b3e544; } */
.green {
    color: #9ebf4a;
}

.black {
    color: #000;
}

.bold {
    font-weight: bold !important;
}

.italic {
    font-style: italic !important;
}

.fs8 {
    font-size: 8px !important;
}

.fs9 {
    font-size: 9px !important;
}

.fs10 {
    font-size: 10px !important;
}

.fs12 {
    font-size: 12px !important;
}

.fs13 {
    font-size: 13px !important;
}

.fs14 {
    font-size: 14px !important;
}

.fs15 {
    font-size: 15px !important;
}

.fs16 {
    font-size: 16px !important;
}

    .fs16 a {
        font-size: 16px !important;
        text-decoration: none !important;
    }

.fs18 {
    font-size: 18px !important;
}

.fs20 {
    font-size: 20px !important;
}

.fs22 {
    font-size: 22px !important;
}

.fs24 {
    font-size: 24px !important;
}

.fs28 {
    font-size: 28px !important;
}

.fs30 {
    font-size: 30px !important;
}

.fs32 {
    font-size: 32px !important;
}

.lh9 {
    line-height: 9px;
}

.lh13 {
    line-height: 13px;
}

.lh14 {
    line-height: 14px;
}

.lh16 {
    line-height: 16px;
}

.lh20 {
    line-height: 20px;
}

.lh25 {
    line-height: 25px;
}

.lh30 {
    line-height: 30px;
}

.lh40 {
    line-height: 40px;
}

.mt0 {
    margin-top: 0px !important;
}

.pt0 {
    padding-top: 0px !important;
}

.pt5 {
    padding-top: 5px;
}

.pb5 {
    padding-bottom: 5px;
}

.pt20 {
    padding-top: 20px;
}

.mb0 {
    margin-bottom: 0px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}

.p10 {
    padding: 10px;
}

.m10 {
    margin: 10px;
}

.mt10 {
    margin-top: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb25 {
    margin-bottom: 25px;
}

.m0 {
    margin: 0 !important;
}

.p0 {
    padding: 0 !important;
}

.mR5 {
    margin-right: 5px;
}

.mL5 {
    margin-left: 5px;
}

.mR10 {
    margin-right: 10px;
}

.mL10 {
    margin-left: 10px;
}

.mR30 {
    margin-right: 30px;
}

.mL30 {
    margin-left: 30px;
}

.pL10 {
    padding-left: 10px;
}

.pR10 {
    padding-right: 10px;
}

.p12p0 {
    padding: 10px 0px;
}

.pB15 {
    padding-bottom: 15px !important;
}


.mtb-1 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mtb-2 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.mtb-3 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.mtb-4 {
    margin-top: 80px;
    margin-bottom: 80px;
}

.mtb-5 {
    margin-top: 120px;
    margin-bottom: 120px;
}

.mlr-1 {
    margin-left: 20px;
    margin-right: 20px;
}

.mlr-2 {
    margin-left: 40px;
    margin-right: 40px;
}

.mlr-3 {
    margin-left: 60px;
    margin-right: 60px;
}

.mlr-4 {
    margin-left: 80px;
    margin-right: 80px;
}

.mlr-5 {
    margin-left: 120px;
    margin-right: 120px;
}

.ptb-1 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.ptb-2 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.ptb-3 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.ptb-4 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.ptb-5 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.plr-1 {
    padding-left: 20px;
    padding-right: 20px;
}

.plr-2 {
    padding-left: 40px;
    padding-right: 40px;
}

.plr-3 {
    padding-left: 60px;
    padding-right: 60px;
}

.plr-4 {
    padding-left: 80px;
    padding-right: 80px;
}

.plr-5 {
    padding-left: 120px;
    padding-right: 120px;
}


.h8 {
    height: 8px;
}

.h13 {
    height: 13px;
}

.h15 {
    height: 15px;
}

.h20 {
    height: 20px;
}

.h24 {
    height: 26px;
}

.h27 {
    height: 27px;
}

.h30 {
    height: 30px;
}

.w30 {
    width: 100px;
}

.w50 {
    width: 50%;
}

.w100 {
    width: 100%;
}

.w200 {
    width: 200px;
}

.w245 {
    width: 245px;
}

.w300 {
    width: 300px;
}

.w320 {
    width: 320px;
}

.noborder {
    border: 0px !important;
}

.no-scroll {
    overflow: hidden;
}

.border000 {
    border: 1px solid #000;
}

.border999 {
    border: 1px solid #999;
}

.center {
    text-align: center !important;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}

.mcenter {
    margin: 0 auto;
}

.fL, .fL-center {
    float: left;
}
/* fL-center: Float none and center on mobile screen */
.fR, .fR-center {
    float: right;
}
/* fR-center: Float none and center on mobile screen */


.hover:hover {
    cursor: pointer;
}


.catCell-b select {
    width: 100%;
    height: 30px;
}

.billing-information,
.shipping-information,
.verify-billing-left-content,
.verify-billing-right-content {
    float: left;
    width: 48.5%;
    padding: 0;
}

.shipping-information,
.verify-billing-right-content {
    margin-left: 3%;
}

.enter-shipping-address {
    width: 50%;
    float: left;
    padding: 10px 10px 10px 0 !important;
}

    .enter-shipping-address label {
        text-align: left !important;
    }

    .enter-shipping-address input {
        width: 55% !important;
        padding: 5px;
        margin: 0 !important;
    }

    .enter-shipping-address select {
        width: 55%;
        padding: 5px;
    }

    .enter-shipping-address .astext {
        width: 30% !important;
        text-align: left;
    }

    .enter-shipping-address .cart_button {
        width: 65.5% !important;
        float: right;
    }

    .enter-shipping-address .submission {
        float: left;
        width: 100% !important;
    }

.e-ship-add {
    text-align: left !important;
}




.clearL {
    clear: left;
    height: 0px;
}

.clearR {
    clear: right;
    height: 0px;
}

.clearB {
    clear: both;
    height: 0px;
}

.clearXtra {
    clear: both;
    height: 20px;
}

.nobull {
    list-style: none;
}

hr {
    height: 1px;
    background-color: #ccc;
    border: 0px;
}

.hr {
    margin-bottom: 25px;
    border-bottom: 1px solid #ddd;
}

.hr1 {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.hr2 {
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.hr3 {
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
}

.hr5 {
    margin-bottom: 50px;
    border-bottom: 1px solid #ddd;
}

.hrBlue {
    margin: 0 0 5% 0;
    border-bottom: 1px dotted #009bd8;
}

.gradient-hr {
    display: block;
    margin: 20px 0;
    height: 1px;
    width: 100%;
    border-top: 1px solid transparent;
    border-image: linear-gradient(to right, transparent 0%, #333 50%, transparent 100%);
    border-image-slice: 1;
}

.divider {
    border-top: 1px solid #dcdcdc;
    position: relative;
    margin: 10px 0;
}

    .divider::after {
        content: "";
        position: absolute;
        width: 20px;
        height: 10px;
        background: white;
        right: 49%;
        top: -5px;
    }

.star {
    color: red;
    font-weight: bold;
}

label {
    text-align: left;
}

/* HEADER */

#header {
    position: relative;
    color: #000;
    background: #fff;
}

    #header a {
        text-decoration: none;
    }

    #header .dultmeier-main-logo {
        margin: 0;
        padding: 0;
        height: 72px;
        width: 15%;
        background: url(../header-logo.html) top left no-repeat;
        overflow: hidden;
        float: left;
        margin-top: 21px;
    }

        #header .dultmeier-main-logo a {
            padding-top: 78px;
            height: 78px;
            display: block;
            color: transparent;
        }

    #header p {
        margin: 0;
        padding: 0;
    }
/*.account{background: url(/images/account-icon.png) no-repeat;background-size: 16px 16px;color: black;background-position: 55px -1px;padding-right: 26px; padding-bottom:20px;cursor:pointer;} */
#header_contact {
    margin-top: 20px;
    display: flex;
}

    #header_contact a {
        color: #000;
    }

#header_welcome {
    position: absolute;
    top: 3px;
    left: 320px;
    z-index: 1;
}


/* Content */

#wrapper {
    margin: 0 auto;
    text-align: left;
}

#breadCrumbs {
    font-size: 12px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

    #breadCrumbs a {
        color: #000;
        text-decoration: none;
    }

    #breadCrumbs ol {
        list-style: none;
        margin: 0;
        padding: 0;
    }

.catTitle {
    border-top: 1px solid #19d;
    border-bottom: 1px solid #19d;
    display: flex;
    margin-bottom: 20px;
}

    .catTitle h1 {
        margin: 10px 0;
        padding: 0;
    }

.new-image-holder {
    width: 45px;
    float: left;
    height: 45px;
    margin-left: 15px;
    margin-top: 8px;
    margin-right: 20px;
}

.content {
    width: 350px;
    text-align: center;
}

.whole-content:nth-child(1) {
    border-top: 1px solid #555;
}

.whole-content {
    text-align: left;
    border-bottom: 1px solid #555 !important;
}

    .whole-content a {
        width: 100%;
        padding: 0;
    }

    .whole-content:hover a {
        color: #fff !important;
    }

    .whole-content span.new-content {
        margin-top: 20px;
    }

.ul-featured-new {
    margin-top: 10px;
    padding-left: 25px;
    cursor: pointer;
}

.featured_product {
    position: relative;
    top: 33px;
    color: white;
    background-color: #707071;
    width: 180px;
    font-weight: bold;
    padding: 5px 0;
    font-size: 18px;
    margin-left: 20px;
    margin-bottom: 0px;
    top: 55px;
}

.new-product-img {
    float: left;
    position: relative;
    top: 74px;
    margin-left: 20px;
    width: 150px;
    height: 150px;
}

    .new-product-img:last-child {
        margin-right: 0px;
    }

.new-product-content {
    border: 1px solid grey;
    height: 150px;
    padding-top: 10px;
}

    .new-product-content img {
        width: 125px;
        height: 125px;
    }

.new-content {
    margin: 20px;
}


.background-new {
    background: #A64061 !important;
}

    .background-new .content_new div {
        color: #fff !important;
    }

    .background-new img {
        filter: brightness(10);
    }

.background-car {
    background: #29A3D2 !important;
}

    .background-car .content_car div {
        color: #fff !important;
    }

    .background-car img {
        filter: brightness(10);
    }

.background-ag {
    background: #F7BB18 !important;
}

    .background-ag .content_agriculture div {
        color: #fff !important;
    }

    .background-ag img {
        filter: brightness(10);
    }

.background-ind {
    background: #E65525 !important;
}

    .background-ind .content_industrial div {
        color: #fff !important;
    }

    .background-ind img {
        filter: brightness(10);
    }

.background-petro {
    background: #DC212D !important;
}

    .background-petro .content_petroleum div {
        color: #fff !important;
    }

    .background-petro img {
        filter: brightness(10);
    }

.background-carpet {
    background: #932580 !important;
}

    .background-carpet .content_carpet div {
        color: #fff !important;
    }

    .background-carpet img {
        filter: brightness(10);
    }



/* SEARCH FORM */
#header_search { /*position:absolute; bottom:1px; left:150px;*/
    display: inline-block;
}

    #header_search p {
        line-height: 24px;
        float: left;
        width: 50px;
        display: block;
        overflow: hidden;
        background-color: #29A3D2;
        padding-left: 5px;
        color: #FFF;
    }

.h-search {
    float: left;
    width: 46%;
    margin-top: 12px;
    margin-left: 2%;
}

.h-cart-contact {
    float: left;
    width: 50%;
    margin-left: 3%;
}

/* Ninh added here 11/4/19*/

/* Sales team design */

.full-width-div-wrapper {
    width: 100%;
    margin: 20px 0;
}

.full-width-div {
    position: absolute;
    width: 100%;
    left: 0;
    display: flex;
}

.full-width-content {
    width: 100%;
    margin: 50px 0;
}

    .full-width-content ul li {
        margin-bottom: 40px;
    }

.e-background {
    background: #f8f8f8 !important;
    background: url(../jpg/emplyee-header.jpg) no-repeat !important;
    background-size: cover !important;
}

.e-content {
    background: rgba(255,255,255, 0.7) !important;
}

.employee-division-plus {
    position: absolute;
    right: 15px;
    bottom: -15px;
    width: 30px;
    height: 30px;
}

    .employee-division-plus img {
        width: 100%;
    }

.employee-photo-container {
    background: #fff;
    height: 100%;
}

    .employee-photo-container:hover {
        cursor: pointer;
    }

        .employee-photo-container:hover .employee-name-location {
            color: #fff !important;
        }

.employee-info {
    position: relative;
    width: 560px;
    color: #383838;
    float: left;
    text-align: left;
    padding: 0 25px;
    height: 400px;
    overflow: hidden;
}

    .employee-info p {
        margin: 0;
    }

    .employee-info div {
        margin: 15px 0;
        position: relative;
        z-index: 2;
    }

    .employee-info.blue-wash, .employee-photo-container.blue-wash:hover {
        background: #26a8e0;
    }

    .employee-info.yellow-ag, .employee-photo-container.yellow-ag:hover {
        background: #f6bc17;
    }

    .employee-info.burgundy-non-tech, .employee-photo-container.burgundy-non-tech:hover {
        background: #a53f60;
    }

    .employee-info.orange-ind::after {
        content: "";
        width: 1000px;
        height: 1000px;
        background: #f5a312;
        position: absolute;
        top: 0;
        left: 35%;
        z-index: 1;
        transform: rotate(45deg);
    }

.employee-name-location {
    padding: 10px;
    color: #555;
    line-height: 22px;
}
/* sale tem over */

.about-header {
    position: absolute;
    top: 0;
    color: white;
    font-size: 40px;
}

.water-full-width {
    z-index: 2;
}

.about-box-full-width {
    z-index: 2;
}

ul.about-box li {
    background: #fff;
    box-shadow: 0 2px 2px #d8d8d8;
    margin-top: 20px;
    border-radius: 5px;
}

    ul.about-box li div {
        padding: 20px;
        padding-top: 0;
    }

    ul.about-box li a:hover, ul.about-box li:hover {
        color: #484848;
    }

#header_search {
    width: 100%;
}

#header_keywords,
#header_search_elements {
    width: 100%;
}

#header_search_elements {
    height: 40px;
    border: 2px solid #29A3D2;
    border-radius: 100px;
    position: relative;
    line-height: 40px;
    vertical-align: middle;
    padding: 0px 15px;
    background: #fff;
}

#header_search_button {
    background: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' fill='%2329A3D2' width='25px' height='30px' viewBox='0 0 475.084 475.084' style='enable-background:new 0 0 475.084 475.084;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M464.524,412.846l-97.929-97.925c23.6-34.068,35.406-72.047,35.406-113.917c0-27.218-5.284-53.249-15.852-78.087 c-10.561-24.842-24.838-46.254-42.825-64.241c-17.987-17.987-39.396-32.264-64.233-42.826 C254.246,5.285,228.217,0.003,200.999,0.003c-27.216,0-53.247,5.282-78.085,15.847C98.072,26.412,76.66,40.689,58.673,58.676 c-17.989,17.987-32.264,39.403-42.827,64.241C5.282,147.758,0,173.786,0,201.004c0,27.216,5.282,53.238,15.846,78.083 c10.562,24.838,24.838,46.247,42.827,64.234c17.987,17.993,39.403,32.264,64.241,42.832c24.841,10.563,50.869,15.844,78.085,15.844 c41.879,0,79.852-11.807,113.922-35.405l97.929,97.641c6.852,7.231,15.406,10.849,25.693,10.849 c9.897,0,18.467-3.617,25.694-10.849c7.23-7.23,10.848-15.796,10.848-25.693C475.088,428.458,471.567,419.889,464.524,412.846z M291.363,291.358c-25.029,25.033-55.148,37.549-90.364,37.549c-35.21,0-65.329-12.519-90.36-37.549 c-25.031-25.029-37.546-55.144-37.546-90.36c0-35.21,12.518-65.334,37.546-90.36c25.026-25.032,55.15-37.546,90.36-37.546 c35.212,0,65.331,12.519,90.364,37.546c25.033,25.026,37.548,55.15,37.548,90.36C328.911,236.214,316.392,266.329,291.363,291.358z '/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E") center center no-repeat;
    width: 40px;
    height: 34px;
    border: none;
    overflow: hidden;
    padding-top: 0px;
    display: block;
    right: 0;
    top: 0;
    position: absolute;
    cursor: pointer;
}

    #header_search_button img {
        display: none;
    }

#header_keywords {
    height: 36px;
    line-height: 40px;
    padding: 0;
    margin: 0;
    float: left;
    border: none;
    font-size: 13px;
    line-height: 22px;
    color: #555;
    outline: none;
}

#header_cart {
    text-align: right;
    width: 85%;
    float: right;
    padding: 5px !important;
    position: relative;
    background: #eee;
    z-index: 1;
}

    #header_cart::before {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        transform-origin: bottom right;
        transform: skew(62deg,0);
        position: absolute;
        left: 0;
        top: 0;
        background: #eee;
        z-index: -1;
    }

    #header_cart .account {
        padding: 10px 0;
        margin-right: 15px;
    }

.dultmeier-phone-number {
    flex-basis: 45%;
    text-align: right;
}

.dultmeier-when-call {
    flex-basis: 55%;
    margin-left: 15px;
    text-align: left;
}


.cart-item-qty {
    position: relative;
    left: 0;
    top: -5px;
    display: none;
}

#header_quickorder {
    color: #555;
}

.account-icon, .cart-icon, .quick-order-icon, .phone-icon {
    position: relative;
    top: 1px;
}

#cart-info {
    margin: 0 20px;
}
/* new header design over */


/* full width by css only */
.total-full-width {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

img {
    vertical-align: unset !important;
}

a:hover {
    text-decoration: none !important;
}

.easy-background {
    padding: 20px;
    display: table-cell;
    width: 1200px;
}

.white-bg {
    background: #fff;
}

.white-smoke-bg {
    background: #f5f5f5;
}

.gentle-grey-bg {
    background: #e6e6e6;
}

.dark-orange-bg {
    background: #cc682d;
}

.blue-bg {
    background: #007ebb;
}

.dark-blue-bg {
    background: #005a86;
}

.white-smoke {
    background: #f5f5f5;
}

.gentle-grey {
    background: #e6e6e6;
}


/* New Footer design */
#footer {
    color: #fff;
}

    #footer ul li {
        list-style: none;
        font-size: 16px;
        margin-bottom: 10px;
        color: #bbb;
    }

        #footer ul li a {
            text-decoration: none;
            color: #bbb;
        }

    #footer a:hover {
        color: #19d;
    }

.footer-quick-link a:hover {
    background: #f8f8f8;
}

.light-dark-bg {
    background: #383838;
}

.flex {
    display: flex;
}

.inline-flex {
    display: inline-flex;
}

.inline-block {
    display: inline-block;
}

.footer-flex-50 {
    flex-basis: 50%;
    padding-right: 20px;
    position: relative;
}

.footer-flex-33 {
    flex-basis: 33.33%;
    padding-right: 20px;
}

.media-container {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translate(0%,-50%);
    right: 0;
}

.media-icon {
    width: 45px;
    margin-left: 15px;
}

.footer-get-in-touch ul, .footer-quick-link ul, .footer-sitemap-copy-right ul {
    padding-left: 0;
}

#footer .footer-quick-link ul li {
    float: left;
    margin-bottom: 30px;
    margin-right: 10px;
}

.footer-quick-link ul li a {
    padding: 10px;
    font-size: 16px;
}

.footer-quick-link ul li a {
    border: 1px solid #bbb;
}

.footer-sitemap {
    margin-top: 15px;
}

    .footer-sitemap a {
        margin: 0 5px;
    }

    .footer-sitemap li:first-child a {
        margin-left: 0;
    }

.footer-copy-right p {
    margin: 15px 0 !important;
}
/* New footer over */


/* schematic and sds new design */
.total-center {
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
}

.schematic-pdf h2, .sds-pdf h2 {
    color: #009bd8;
}

    .schematic-pdf h2::before, .sds-pdf h2::before {
        content: "";
        display: block;
        width: 60px;
        height: 4px;
        background: #aaa;
        margin-bottom: 20px;
    }

.schematic-pdf ul.column, .sds-pdf ul.column {
    margin-bottom: 30px;
}

    .sds-pdf ul.column li {
        background: white;
        border-bottom: 2px solid #ddd;
        margin-top: 20px;
        margin-bottom: 20px;
    }

        .sds-pdf ul.column li a {
            display: block;
            padding: 20px 0;
        }

.schematic-banner, .sds-banner {
    background: #ddd;
    height: 150px;
    overflow: hidden;
    color: #fff;
    margin-bottom: 80px;
}

.schematic-banner p {
    color: #fff;
}

.schematic-container, .sds-container {
    width: 100%;
    height: 100%;
}

.schematic-left {
    width: 65%;
    height: 100%;
    background: url(../jpg/schematics-header.jpg) no-repeat;
    background-size: cover;
    float: left;
}

.sds-left {
    width: 65%;
    height: 100%;
    background: url(../sds-safety-data-sheets-2.html) no-repeat;
    background-size: cover;
    background-position: center;
    float: left;
}

.schematic-right, .sds-right {
    background: #ddd;
    position: relative;
    width: 35%;
    height: 100%;
    float: right;
}

    .schematic-right::before, .sds-right::before {
        content: "";
        width: 100%;
        height: 100%;
        background: #ddd;
        display: block;
        position: absolute;
        transform: skew(35deg);
        transform-origin: bottom right;
        top: 0;
    }

.schematic-mfg, .sds-mfg {
    background: rgba(0,0,0,0.6);
    position: relative;
    height: 100%;
    text-align: left;
}

    .schematic-mfg img, .sds-mfg img {
        width: 100px;
        height: 100px;
        margin-top: 10px;
        margin-left: 10px;
        
    }

#content .schematic-mfg-name, #content .sds-mfg-name {
    width: 100%;
    padding-left: 150px;
    z-index: 1;
}

    #content .schematic-mfg-name h1, #content .schematic-mfg-name p,
    #content .sds-mfg-name h1, #content .sds-mfg-name p {
        font-family: Roboto !important;
        margin: 20px 0;
    }

    #content .schematic-mfg-name h1, #content .sds-mfg-name h1 {
        font-size: 40px;
        line-height: 35px;
        display: block;
    }

    #content .schematic-mfg-name p, #content .sds-mfg-name p {
        font-size: 35px;
        font-weight: 300;
        line-height: 35px;
    }

.schematic-links, .sds-links {
    width: 100%;
    color: #fff;
    text-align: center;
}

    .schematic-links a, .sds-links a {
        display: block;
        background: #19d;
        margin: 20px auto;
        padding: 10px 20px;
        width: 275px;
    }

    .schematic-links p, .sds-links p {
        padding: 10px 20px;
    }

    .schematic-links a, .schematic-links a:hover,
    .sds-links a, .sds-links a:hover {
        color: #fff;
    }

.no-top-line::before, .no-underline::after {
    display: none !important;
}

.red-line::before, .red-line::after {
    background: red !important;
}

.blue-line::before, .blue-line::after {
    background: #19d !important;
}

.right-high-light {
    border-right: 4px solid #aaa;
    padding-right: 20px;
}

.left-high-light {
    border-left: 4px solid #aaa;
    padding-left: 20px;
}

.top-high-light::before, .bottom-high-light::after {
    content: "";
    display: block;
    width: 80px;
    height: 4px;
    background: #aaa;
    margin-top: 20px;
    margin-bottom: 20px;
}

.display-block, .show {
    display: block;
}

.display-none, .hide {
    display: none;
}
/* schematic and sds new design over */


/* Trade show new design */
.header-divider {
    position: relative;
    color: #009bd8;
    overflow: hidden;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

    .header-divider::before {
        content: "";
        width: 150px;
        height: 6px;
        display: inline-block;
        transform-origin: bottom right;
        transform: skew(40deg,0);
        position: absolute;
        left: 0;
        bottom: 0px;
        background: #19d;
    }

    .header-divider::after {
        content: "";
        width: 100%;
        margin-left: 157px;
        height: 6px;
        transform-origin: bottom right;
        transform: skew(40deg,0);
        position: absolute;
        left: 0;
        bottom: 0;
        background: #fff;
        border-left: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }
/* Trade show new design over */


/* Manufacturer new design */
#content .manufacturer-full-width .manufacturer-name h1 {
    font-size: 40px;
    font-family: Roboto;
    line-height: 38px;
}

#content .manufacturer-full-width .manufacturer-name h2 {
    font-size: 32px;
    font-family: Roboto;
    font-weight: 300;
    line-height: 38px;
}

.manufacturer-cover-photo, .manufacturer-cover-photo-ind {
    width: 100%;
    background: url(../jpg/division-industrial-cover.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    background-attachment: fixed;
}

.manufacturer-cover-photo-carwash {
    width: 100%;
    position: relative;
    background: url(../jpg/division-carwash-cover.jpg) no-repeat;
    background-size: cover;
    background-position: top;
    background-attachment: fixed;
}

.manufacturer-cover-photo-ag {
    width: 100%;
    position: relative;
    background: url(../division-agriculture-cover.html) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.manufacturer-cover-photo-deice {
    width: 100%;
    position: relative;
    background: url(../jpg/division-deice-cover.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.manufacturer-cover-photo-lawn {
    width: 100%;
    position: relative;
    background: url(../jpg/division-lawn-cover.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.manufacturer-cover-photo-petro {
    width: 100%;
    position: relative;
    background: url(../jpg/division-petroleum-cover.jpg) no-repeat;
    background-size: cover;
    background-position: left;
    background-attachment: fixed;
}

.manufacturer-cover-photo-carpet {
    width: 100%;
    position: relative;
    background: url(../division-carpet-cover.html) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.manufacturer-overlay {
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .45);
    padding-top: 10px;
    padding-bottom: 90px;
}

    .manufacturer-overlay .hero{
        padding-top: 25px;
    }

    .manufacturer-content {
        background: #fff;
        padding: 10px 20px;
        position: relative;
        z-index: 1;
        margin-bottom: 40px;
    }

.manufacturer-product ul li {
    background: #fff;
    border-bottom: 2px solid #ddd;
}

    .manufacturer-product ul li a {
        padding: 10px;
        display: block;
    }

    .manufacturer-product ul li img {
        height: 125px !important;
    }

.manufacturer-name {
    width: 75%;
    padding-left: 150px;
    color: #fff;
}

.manufacturer-logo {
    float: left;
    width: 126px;
    height: 126px;
    background: #fff;
    margin-right: 10px;
    margin-left: 10px;
    position: relative;
}

    .manufacturer-logo img {
        width: 100%;
    }

.short-divider::after, .short-divider-blue::after, .short-divider-grey::after {
    content: "";
    display: block;
    width: 80px;
    height: 1px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.short-divider::after {
    background: #fff;
}

.short-divider-blue::after {
    background: #19d;
}

.short-divider-grey::after {
    background: #ddd;
}

.center-divider::before, .center-divider::after {
    margin-left: auto;
    margin-right: auto;
}

.divider-para::before, .divider-para::after {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.about-check-highlights{
    margin: 16px 0 !important;
}

.topic-page .page-body {
    max-width: 1200px !important;
}
.topic-page ul:not(.padded-list) {
    margin: 0 !important;
    padding: 0 !important;
}

/* Roboto for Safari */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/Jzo62I39jc0gQRrbndN6nXYhjbSpvc47ee6xR_80Hnw.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfSZ2oysoEQEeKwjgmXLRnTc.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/QHD8zigcbDB8aPfIoaupKOvvDin1pK8aKteLpeZ5c0A.ttf) format('truetype');
}
/* Manufacturer new design */



/* Ninh added over */



/* NAVIGATION */

.navigation {
    margin: 0 auto;
    padding: 0;
    z-index: 9;
    margin-bottom: 10px;
    color: #555;
    background: #fff;
}

.column_nav.shop_prod ul {
    margin-left: 25px;
}

.column_nav.shop_prod li {
    width: auto;
}


/* Menus */
#menu {
    margin: 0 auto;
    position: relative;
    text-decoration: none;
}

.nav {
    position: relative;
    display: inline-block;
}

    .nav ul {
        list-style-type: none;
    }

.nav-list {
    text-align: left;
    margin: 0;
    padding-left: 0;
    line-height: 20px;
    width: 1150px;
    margin: auto;
    border-bottom: 2px solid #29A3D2;
    display: flex;
}

.nav-item {
    float: left;
    margin: 0 24px;
    display: inline;
    text-align: center;
    height: 30px;
}

.menuitem-first {
    margin-top: 1px;
    margin-left: 40px;
    margin-right: 15px;
}

.nav_catalogs {
    border-right: none !important;
}

.menu-noborder {
    border: none !important;
    width: 22.8%;
}

.nav-item a {
    display: inline-block;
    color: #555;
    font-weight: normal;
    font-size: 14px;
    text-decoration: none;
}

.nav-item > a:hover {
    text-decoration: none;
}

.nav-item:hover .nav-submenu { /* display:block; */
}

.keyword {
    cursor: pointer;
}

.nav-account-submenu a:hover {
    color: #29A3D2
}

.nav-submenu {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 1011;
    padding-left: 0;
    background-color: #fff;
    top: 50px;
    left: 0;
    box-shadow: 0px 20px 10px -17px;
}

    .nav-submenu .wrapper-responsive {
        box-shadow: inset 0 2px 0px #19d;
        overflow-x: hidden;
        max-height: calc(100vh - 150px);
        scrollbar-width: thin;
        scrollbar-color: #19d #fff;
    }

        .nav-submenu .wrapper-responsive::-webkit-scrollbar {
            width: 5px;
            background: #eee;
        }

        .nav-submenu .wrapper-responsive::-webkit-scrollbar-thumb {
            background: #19d;
        }

.wrapper-responsive-resources {
    width: 100% !important;
    padding: 0 100px !important;
}

.resources-menu-pane {
    position: unset !important;
}
    

.nav-account-submenu {
    display: none;
    position: absolute;
    font-size: 13px;
    z-index: 16;
    background-color: white;
    right: 0;
    opacity: 1;
    list-style: none; /*! box-shadow: 0 2px 5px #aaa; */
    padding: 0 15px;
    margin-top: 7px;
    border: 1px solid #ddd;
}

    .nav-account-submenu li ul {
        list-style: none;
        padding: 0;
        width: 175px;
    }

.nav-account-submenu {
    padding: 0;
    margin-top: 37px;
}

    .nav-account-submenu ul li {
        padding: 10px;
        margin: 0 10px;
        text-align: left;
    }

        .nav-account-submenu ul li.signed-in-name {
            border-bottom: 1px solid #dcdcdc;
            color: #8f2140;
        }

        .nav-account-submenu ul li.signed-out {
            border-top: 1px solid #dcdcdc;
            padding-bottom: 15px;
            display: none;
        }


/* Navigation submenu */
.nav-submenu-item a {
    display: none;
    padding: 5px 10% !important;
    height: auto !important;
    text-align: left;
    font-size: 12px;
    color: #fff;
    line-height: 15px;
}

ul.nav-submenu li {
}

    ul.nav-submenu li:last-child {
        border-bottom: 0px !important;
    }

.nav-submenu-item:hover {
    background-color: #484848;
}

.nav-submenu-item a:hover {
    color: #ffffff;
    text-decoration: none;
}

/* Navigation submenulevel2 */
.nav-submenulevel2 {
    display: none;
    position: absolute;
    margin-top: -38px;
    left: 230px;
    width: 230px;
    z-index: 9;
}

.nav-submenulevel2-itemlevel2 a {
    background: #013668;
    border-bottom: 1px solid #093c6d;
    display: block;
    padding: 8px 12%;
}

    .nav-submenulevel2-itemlevel2 a:hover {
        background-repeat: repeat-x;
        background-position: 0 50%;
        color: #000000;
    }

/* Mobile navigation */
.nav-mobile {
    display: none;
    cursor: pointer;
    position: absolute;
    right: 1%; /*background:url(../Themes/Emporium/Content/images/nav-icon.png) no-repeat;*/
    height: 50px;
    width: 50px;
}

/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
    position: absolute;
    right: 0;
    display: none;
    border-left: 1px solid #c4c4c4;
    height: auto;
    width: 50px;
    cursor: pointer;
}

    .nav-click i {
        display: block;
        height: 35px;
        width: 50px;
        background: url(../nav-arrow.html) 50% 50% no-repeat;
        transition: all .25s ease-in-out;
    }

    .nav-click:hover {
        background-color: #3a3a3a;
    }

.nav-rotate {
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    transition: all .25s ease-in-out;
}

.nav-division {
    text-align: left;
}

.nav-division-item {
    padding: 10px 0px 10px 10px;
}

.nav-division-item {
    border-bottom: 2px solid grey
}

#resources-img-div {
    width: 100%;
    text-align: left;
    margin-top: 1.88em;
    padding: 0 10px;
    float: left;
}

    #resources-img-div a {
        font-size: 10px;
    }

        #resources-img-div a:hover {
            color: #555 !important;
        }

#resources-img, #resources-img-1, #resources-img-2, #resources-img-3 {
    margin-top: 20px;
    padding-bottom: 5px;
    transition: all 0.35s ease;
}

    #resources-img-1:hover, #resources-img-2:hover, #resources-img-3:hover {
        box-shadow: 0 5px 0 0 #009bd8;
        transition: all 0.35s ease;
    }

.featured-content {
    width: 50%;
    margin-bottom: 10px;
}

    .featured-content.ft-videos #resources-img-div {
        width: 33.33% !important;
    }
    /* Ninh added here */
    .featured-content.ft-trade_shows #resources-img-div .resources-content {
        width: 33.33% !important;
        float: left;
        padding-right: 10px;
        padding-top: 10px
    }
/* Ninh added here */
.resources-content {
    width: 100%;
    padding-top: 15px;
    text-align: left;
    font-size: 10px;
}

.resources-dropdown-mobile {
    width: 25%;
    cursor: pointer;
}

.dropdown-mobile {
    display: none;
}

.special_border {
    width: 1px;
    position: absolute;
    height: 65px;
    top: 20px;
    right: 0;
    border: .5px solid #555;
}

.special_content {
    width: 33.3%;
    padding: 20px 5px;
    padding-top: 0;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .special_content h3 {
        font-size: medium;
        font-weight: bold;
        margin: 20px 0;
    }

        .special_content h3:hover {
            color: #29A3D2
        }

.catalog-image {
    margin-top: 35px;
    margin-bottom: 20px;
}

    .catalog-image a img {
        width: 100%;
    }

.catalog-container {
    width: 33.33%;
    padding-bottom: 25px;
}

    .catalog-container p {
        padding: 0 25px;
        margin: 0;
    }

.catalog-container-column2 li {
    width: 50%;
    float: left;
    position: relative;
    text-align: center;
}



ul.nav-submenu .catalog-container-column2 li {
    margin-bottom: 0;
}

.catalog-container-column2 li h3 {
    margin-top: 30px;
    margin-bottom: 5px;
    font-size: medium;
}

.catalog-container-column2 li p {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
    font-size: 12px;
}

.catalog-container-column2 li #button {
    margin-bottom: 30px;
    padding: 15px 30px;
}

.catalog-container-column2{
    position:relative;
}

.catalog-container-column2 div {
    float: right;
    border: .5px solid #555;
    height: 100px;
    position: absolute;
    top: 20px;
    left: 50%;
}

.catalog-container-column2 .divisor{
    float: right;
    border-left: .5px solid #555;
    height: 100px;
    position: absolute;
    top: 20px;
    left: 50%;
    display:block;
}



.tech_column li {
    margin: 15px 0 !important;
    cursor: pointer;
}

.featured-image {
    margin-top: 35px;
    background: url(../pump_buyers.html) no-repeat;
    width: 100%;
    height: 110px;
    background-size: contain;
    right: 5px;
    position: relative;
}

.featured-article {
    position: relative;
    top: 76px;
    left: 10px;
    background: #757575;
    color: white;
    width: 145px;
    font-weight: bold;
    opacity: 0.9;
    padding: 3px 0;
}

.nav-account-submenu a:hover {
    color: #29A3D2 !important;
}

.key-item {
    float: left;
    width: 10%;
}

.key-subitem {
    width: 90%;
}


/*#navBar {
	list-style:none;
	margin:0 0 15px 0; padding:0;
	height:32px;
	position:relative;
	z-index:1000;
	float: left;
}
#navBar li { float:left; display:block; line-height:31px; border-left:1px solid #fff; position:relative; }
#navBar li:first-child { border-left:none; }
#navBar li a { 
	color:#fff; 
	text-decoration:none; 
	display:block; 	
}
#navBar li.nav_home { 
	background:url(/images/nav-home.png) 11px 7px no-repeat; 
	overflow:hidden; 
	width:40px;
}
#navBar li.nav_home a { 
	width:20px;
	padding-top:32px; 
}
#navBar li.nav_catalog { }
#navBar li.nav_catalog a { 
	background:url(/images/nav-catalog.png) 10px 6px no-repeat;
	width:120px; line-height:10px; padding-top:5px; padding-left:40px; 
	font-size:11px; 
}
#navBar li ul { display:none;  }
#navBar li:hover ul { 
	display:block; 
	background-color:#888888;
	position:absolute; left:0px; width:200px; margin:0; padding:0; list-style:none; height:auto;
}
#navBar li ul li { height:auto; margin:0; float:none; border:none; line-height:12px; padding:5px 10px; border-top:1px solid #fff; }
#navBar li ul li a { padding:0; margin:0; height:auto; }
#navBar li ul li:hover { background-color:#484848; }*/

.nav-item a:hover {
    color: #29A3D2 !important;
}

.nav-division-item {
    border-bottom: 1px solid #555 !important;
}

    .nav-division-item img {
        width: 100%;
    }

.nav-division-image {
    width: 60px;
    float: left;
    margin-left: 2%;
}

.nav-division-text {
    padding-left: 108px;
    padding-right: 20px;
}

    .nav-division-text span strong {
        font-size: 14px;
    }


#header_cart a:hover .nav-submenu {
    display: block;
}

.keyword {
    padding-left: 0;
    margin-top: 2em;
    margin-bottom: 2em;
    text-align: left;
    margin-left: 20px;
}

    .keyword li {
        margin: 20px 0;
    }

        .keyword li:hover {
            color: #29A3D2;
        }

/* ACCOUNT LINKS */
#accountLinks {
    text-align: right;
}

    #accountLinks a {
        text-decoration: none;
    }

.account-signed-in {
    font-size: 26px;
    font-weight: bold;
    line-height: 40px;
}


.al_icons {
    margin: 0 0 3px 3px;
    display: inline-block;
    width: 16px;
    height: 0px;
    overflow: hidden;
    padding-top: 16px;
    vertical-align: middle;
}

#al_print {
    background: url(../nav-print.html) top left no-repeat;
}

#al_email {
    background: url(../nav-email.html) top left no-repeat;
}

#al_facebook {
    background: url(../nav-facebook.html) top left no-repeat;
}

#al_twitter {
    background: url(../nav-twitter.html) top left no-repeat;
}

#al_youtube {
    background: url(../nav-youtube.html) top left no-repeat;
}


/* Advanced Search */
table.ppItems-adv-search {
    border-collapse: collapse;
    padding: 0;
    margin: 0 auto;
    font-size: 13px;
    width: 100%;
}

    table.ppItems-adv-search th {
        border: 1px solid #666;
        background-color: #E0E8EF;
        text-align: center;
        color: #000;
        font-weight: bold;
        padding: 2px 5px;
    }

    table.ppItems-adv-search td {
        border: 1px solid #666;
        color: #000;
        padding: 2px 5px;
    }

    table.ppItems-adv-search select {
        width: 100%;
    }

    table.ppItems-adv-search input.ppQty {
        width: 50px;
        height: 25px;
        text-align: center;
    }

    table.ppItems-adv-search input.ppBig {
        width: 100%;
        height: 25px;
    }







/* FOOTER LINKS */
#footerNav .column {
    float: left;
    overflow: hidden;
    line-height: 25px;
}

    #footerNav .column ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        #footerNav .column ul li {
            padding: 0;
        }

            #footerNav .column ul li ul {
                padding: 0 0 20px 0;
            }

    #footerNav .column a {
        text-decoration: none;
    }

#foot_location {
    float: left;
}

#foot_social {
    float: right;
    padding-top: 32px;
}

    #foot_social a {
        display: inline-block;
        width: 41px;
        height: 0px;
        padding-top: 41px;
        overflow: hidden;
        margin: 10px 11px 0px 11px;
    }

        #foot_social a.foot_facebook {
            background: url(../foot-facebook_41x41-2.html) top left no-repeat;
        }

        #foot_social a.foot_twitter {
            background: url(../foot-twitter_41x41-2.html) top left no-repeat;
        }

        #foot_social a.foot_youtube {
            background: url(../foot-youtube_41x41-2.html) top left no-repeat;
        }

        #foot_social a.foot_linkedin {
            background: url(../foot-linkedin_41x41-2.html) top left no-repeat;
        }

        #foot_social a.foot_pinterest {
            background: url(../foot-pinterest_41x41-2.html) top left no-repeat;
        }

        #foot_social a.foot_blog {
            background: url(../foot-blog_41x41-2.html) top left no-repeat;
            margin-right: 0;
        }


/* FOOTER check each size layout*/
#footer {
    text-align: center;
}

    #footer ul {
        list-style: none;
        text-align: left;
        margin: 0;
        padding: 0;
    }

/*container for bottom of footer */
.footFloat {
}

#footFloat-credit {
    margin: 0 3%;
    padding: 0;
    display: inline-block;
}

#footFloat-mcafee {
    margin: 0 3%;
    padding: 0;
    display: inline-block;
}

#footFloat-bbb {
    margin: 0 3%;
    padding: 0;
    display: inline-block;
}

#footFloat-teamviewer {
    margin: 0 3%;
    padding: 0;
    display: inline-block;
}

#footFloat-credit img {
    width: 100%;
}

#footFloat-mcafee img {
    width: 100%;
}

#footFloat-bbb img {
    width: 100%;
}

#footFloat-teamviewer img {
    width: 100%;
}


input.astext {
    color: #8f2140;
    font-size: 12px;
    background: none;
    font-weight: bold;
    border: none;
    margin: 0;
    padding: 0;
}

u.astext {
    color: #8f2140;
}

/** DSW-2 change*/
.head_blue {
    color: #009bd8 !important;
    font-weight: bold !important;
}


.mob-h-search .h-search {
    display: block;
}

.mob-h-cart-contact .h-search {
    display: none;
}

.mob-h-cart-contact .h-cart-contact {
    display: block;
}

/*.sales-tax {
	padding-right: 9%;
	text-align: right;
	font-size: 13px;
}
.sales-tax p {
	margin: 0;
	color: #000;
}
*/


/* SHOPPING CART TABLE START */
.cart-responsivetable, .order-subtotal-main, .billing-subtotal-main, .shipping-address {
    border: 1px solid #ccc;
    border-radius: 3px;
}

td.shopping-cart {
    width: 55%;
    position: relative;
}

table.shopping-table thead tr th {
    font-weight: normal !important;
    font-size: 14px !important;
}

    table.shopping-table thead tr th.left {
        text-align: left !important;
        font-weight: bold !important;
    }

table.shopping-table thead tr th {
    border: 0 !important;
    background: none !important;
    border-bottom: 3px solid #f7f7f7 !important;
    line-height: 30px;
}

.cart-responsivetable table#table1 thead tr th {
    border: 0 !important;
    background: none !important;
    line-height: 30px;
    font-weight: normal;
}


/* Ninh added here */
.cart-responsivetable table#table1 thead tr .dt-center {
    width: auto !important;
}

.cart-responsivetable table#table1 tbody tr:hover {
    background: white !important;
}

.cart-responsivetable table#table2 thead tr th {
    border: 0 !important;
    background: none !important;
    line-height: 30px;
    font-weight: normal;
}


/* Ninh added here */
.cart-responsivetable table#table2 thead tr .dt-center {
    width: auto !important;
}

.cart-responsivetable table#table2 tbody tr:hover {
    background: white !important;
}

.shopping-table {
}

    .shopping-table label {
        display: block
    }

        .shopping-table label.product-delete {
            display: block;
            text-decoration: underline;
        }
    /*label.truck-ship {
    position: absolute;
    bottom: 10px;
    margin: auto;
    left: 0;
    right: 0;
}*/
    .shopping-table tr td {
        vertical-align: top;
    }

.availability-info {
    position: relative;
    top: 3px;
}

.shopping-table tr td {
    border: 0
}

    .shopping-table tr td.center, .shopping-table tr td label {
        text-align: center;
    }

label.error-msg img {
    cursor: pointer;
}

.vbottom {
    vertical-align: bottom !important;
}

.product-color a:hover {
    text-decoration: underline;
}

.product-company, .product-company a {
    color: #a78f6a
}

label.product-delete {
    display: block;
    text-align: left;
    text-decoration: none;
}

label.product-company {
    display: block;
}

.product-price, .product-price a {
    color: #a33842;
    font-weight: bold;
}

label.product-price {
    display: block;
    text-align: left;
}

.product-quantity label {
    display: block;
    text-align: center;
}

.product-delete, .product-delete a, .product-delete a:hover {
    color: #748f7b;
    font-weight: bold;
    text-decoration: underline;
}

span.delete-item, span.product-update {
    cursor: pointer
}

.product-add, .product-add a, .product-add a:hover {
    color: #748f7b;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer
}

.unit-price {
    margin: 0;
}

.strike-price {
    text-decoration: line-through
}

table.shopping-table tbody tr td.shopping-cart label {
    text-align: left;
    padding-bottom: 1px;
}

.instock, .instock a {
    color: #63c3ee;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
}

.product-delivery {
    color: #58545d;
    font-weight: bold;
}

.warehouse-qty label {
    display: block;
}



table.shopping-table tbody {
    border-left: 0;
    border-right: 0;
}

    table.shopping-table tbody tr td {
        border: 0;
        padding-top: 10px;
        vertical-align: top;
        position: relative;
    }

.cart-responsivetable table#table1 tbody tr td {
    border: 0;
    line-height: 21px;
    vertical-align: top;
    position: relative;
    padding: 10px 0;
}

table.shopping-table tbody tr td table tr td {
    border: none !important
}

.cart-responsivetable table#table1 tbody tr td label {
    margin-bottom: 0;
}

span.car-product-img {
    width: 75px;
    float: left;
    margin-right: 10px;
}

    span.car-product-img img {
        width: 75px;
    }


.shopping-cart-details {
    margin-left: 10px;
    display: flow-root;
}

    .shopping-cart-details label {
        font-weight: normal;
    }

.product-ships-factory {
    width: 90%;
    margin: auto;
    background: #fffff6;
    border: 1px solid #ebeae5;
    box-shadow: 1px 1px 3px #ccc;
    padding: 10px 0;
    margin-top: 10px;
    margin-bottom: 0;
}

.truck-ship, .truck-ship a, .truck-ship a:hover {
    color: #678e7e;
    font-weight: bold
}

.shopping-cart-main {
    width: 100%;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 10px;
}

.shopping-cart-left {
    width: 75%;
    float: left;
    margin-right: 1%;
}

.product-cart-left {
    float: none;
    margin-right: 0;
    width: 100%;
}

.shopping-cart-right {
    width: 24%;
    float: left;
}

.order-subtotal-main {
    padding: 10px 12px;
    margin-bottom: 10px
}

.cart-function {
    width: 100%;
    display: inline-block;
}

.order-subtotal-main p {
    margin: 0;
    padding: 0;
    font-size: 13px;
    text-align: left;
    display: inline-block;
    width: 100%;
}


/* SHOPPING CART TABLE End */

/* Freight Estimates Popup Start */
.view-shipping-details {
    max-width: 634px;
    width: 100%;
    border: 1px solid #c7c7c5;
    padding: 28px 12px 15px 12px;
    position: relative;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 30px auto;
    height: auto !important;
    background: #fff;
    /*overflow-y: scroll; */
    box-shadow: 0px 0px 8px #6d6c6c;
    border-radius: 3px;
}

    .view-shipping-details h3 {
        background: #d8d7dc;
        color: #222120;
        border: 1px solid #c7c7c5;
        padding: 5px 10px;
        font-weight: 501;
        margin-bottom: 10px
    }

    .view-shipping-details p {
        font-size: 14px;
        font-weight: normal;
        line-height: 20px;
        margin-top: 0;
        padding: 0;
    }

.zip-code {
    max-width: 160px;
    width: 100%;
    float: left;
}

    .zip-code label {
        max-width: 90px;
        float: left;
        padding-right: 5px
    }

        .zip-code label span.fsRequiredMarker {
            color: #922042;
            font-weight: bold
        }

    .zip-code input {
        max-width: 80px;
        width: 100%;
        float: left;
        height: 24px;
    }

.get-estimates {
    margin-bottom: 15px;
}

    .get-estimates select {
        height: 24px;
    }

span.get-estimates-btn {
    margin-left: 20px;
}

    span.get-estimates-btn a, span.get-estimates-btn a:hover {
        background: #8f2140;
        color: #fff;
        border-radius: 3px;
        font-size: 13px;
        padding: 4px 10px;
        text-decoration: none;
    }

.view-shipping-details-note h4 {
    color: #0061b6;
    margin-bottom: 5px
}

.view-shipping-details-note p {
    color: #1a3972;
    font-style: italic;
    /*line-height: 26px;*/
}

.shipping-method {
    padding-bottom: 14px;
    padding-top: 5px;
    text-align: center;
}

    .shipping-method table {
        border-collapse: collapse;
        width: 100%;
        display: inline-block;
        font-size: 14px;
        border: 1px solid #c7c7c5;
        width: 87%;
        font-size: 13px;
    }

        .shipping-method table thead tr th {
            background: red;
            width: 45%;
            font-weight: normal;
            background: #a6a6a6;
            padding: 5px 15px 5px 5px;
            color: #fff;
        }

        .shipping-method table tbody tr td {
            padding-left: 8px;
            color: #070202;
            padding-right: 15px;
        }

        .shipping-method table tbody tr {
            border-top: 1px solid #c7c7c5
        }

            .shipping-method table tbody tr:nth-child(2n-1) {
                background: #f7f2f6;
                line-height: 22px;
            }

.modal-box {
    display: none;
    position: absolute;
    z-index: 1000;
    width: 98%;
    background: white;
    border-bottom: 1px solid #aaa;
    border-radius: 4px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-clip: padding-box;
}

.billing-subtotal-main, .shipping-address {
    padding: 20px 25px 8px;
    margin-top: 15px;
}

    .billing-subtotal-main p label.shipping-total {
        width: 60%;
        float: left;
        margin-top: 15px;
    }

    .billing-subtotal-main p {
        margin-top: 0;
    }

        .billing-subtotal-main p label {
        }

            .billing-subtotal-main p label.shipping-total-amount {
                width: 40%;
                float: left;
                font-weight: bold;
                text-align: right;
                margin-top: 15px;
            }

        .billing-subtotal-main p.sales-tax {
            color: #8f2140;
            font-size: 13px;
            text-align: left;
            padding-right: 0;
        }

.shipping-address {
    padding-bottom: 20px
}

    .shipping-address h3, .shipping-address p {
        margin-top: 0;
        margin-bottom: 15px;
    }

        .shipping-address p span {
            color: #934150
        }

    .shipping-address p {
        margin: 0;
        padding: 0;
    }

/*CLEAR FIX*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* Tooltip Start */
.error-msg {
    margin-top: 10px;
}

.truck-ship, .error-msg, .product-ships-factory {
    position: relative;
    text-align: center;
    display: block;
    cursor: pointer;
    margin-bottom: 10px;
    margin-top: 10px;
}

.product-ships-factory {
    cursor: default;
    text-align: center;
}

    .error-msg .tooltiptext, .product-ships-factory .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 3px;
        position: absolute;
        z-index: 1;
        bottom: 140%;
        left: 50%;
        margin-left: -60px;
        opacity: 0;
        transition: opacity 1s;
    }
/* Tooltip Start */
.truck-ship .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 3px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -93px;
    opacity: 0;
    transition: opacity 1s;
}

    .truck-ship .tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
    }

.truck-ship:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.truck-ship img {
    position: absolute;
    margin-left: -22px;
    margin-top: 2px;
}

/* Tooltip Start */

.availability-tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #555;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px 11px 5px;
    position: absolute;
    z-index: 1;
    left: -56px;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
    line-height: normal;
    top: 19px;
    font-size: 12px;
}

    .availability-tooltiptext a.tel,
    .availability-tooltiptext a.tel:visited,
    .availability-tooltiptext a.tel:hover,
    .availability-tooltiptext a.tel:focus {
        color: #fff
    }

    /*span.availability-tooltiptext b {
    display: block;
    margin-bottom: 5px;
    margin-top: 10px;
}*/


    .error-msg .tooltiptext::after, .product-ships-factory .tooltiptext::after, .availability-tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
    }


    .availability-tooltiptext::after {
        content: "";
        position: absolute;
        top: -10px;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #555 transparent;
    }


.truck-ship .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 35%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.truck-ship:hover .tooltiptext, .error-msg:hover .tooltiptext, .product-ships-factory:hover .tooltiptext, .availability-info:hover .availability-tooltiptext {
    visibility: visible;
    opacity: 1;
}

/* Tooltip End */



/* START PopUp Box Same Day Ship & Sales Tax */
.tax-box {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
}

    .tax-box span {
        color: #49a0d0;
    }

.tax-button {
    font-size: 1em;
    padding: 0px;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease-out;
}

    .tax-button:hover {
        color: #49a0d0;
    }

.tax-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 50ms;
    visibility: hidden;
    opacity: 0;
}

    .tax-overlay:target {
        visibility: visible;
        opacity: 1;
        z-index: 100;
    }

.tax-popup {
    margin: 70px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 40%;
    position: relative;
    transition: all 0.3s ease-in-out;
}

    .tax-popup h2 {
        margin-top: 0;
        color: #484848;
    }

    .tax-popup a {
        margin-top: 0;
        color: #49a0d0;
    }

    .tax-popup .tax-close {
        position: absolute;
        top: 20px;
        right: 30px;
        transition: all 200ms;
        font-size: 30px;
        font-weight: bold;
        text-decoration: none;
        color: #333;
    }

        .tax-popup .tax-close:hover {
            color: #06D85F;
        }

    .tax-popup .tax-content {
        max-height: 30%;
        overflow: auto;
    }

@media screen and (max-width: 1100px) {
    .tax-box {
        width: 85%;
    }

    .tax-popup {
        width: 85%;
    }
}

/* End Popup Box Same Day Ship & Sales Tax */


.cart-note {
    font-size: 14px;
    padding: 5px;
}

/* product added to cart Start */
.product-added-cart {
    width: 100%;
    display: inline-block;
    padding-bottom: 10px;
    position: relative;
    overflow: hidden;
}

.pop-up-cart-close {
    color: #fff;
    position: absolute;
    right: 9px;
    top: 4px;
    cursor: pointer;
}

.product-added-cart h3 {
    background: #802e40;
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    padding: 4px 10px;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left;
    margin-top: 0;
}

span.product-added-img {
    width: 75px;
    display: block;
    position: absolute;
}

    span.product-added-img img {
        width: 100%;
    }

.country-name {
    display: block;
    color: #3b4348;
    font-weight: bold
}

.product-added-cart label {
    display: block;
    color: #484848;
}

.shopping-cart-details label.country-name {
    color: #a78f6a;
}

label.single-pop-delete {
    text-align: left;
    margin-top: 15px;
}

label.product-color {
    color: #49a0d0;
    font-weight: bold;
}

    label.product-color a {
        color: #49a0d0;
        font-weight: bold;
        text-decoration: underline !important;
    }

label.popup-product-price, label.popup-product-price a {
    color: #a33842;
    font-weight: bold
}

.product-added-quantity {
    font-weight: bold;
    color: #3b4348;
    white-space: nowrap;
}

.product-added-cart table tbody tr td {
    vertical-align: top;
    border: none !important;
    padding-left: 10px;
    padding-right: 10px;
}

.product-shopping-cart {
    margin: 0;
    padding: 0;
    padding-top: 15px;
}

.continue-shopping, .view-cart {
    background: #202040;
    color: #fff;
    border: 0;
    border-radius: 4px;
    padding: 12px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}

.view-cart {
    background: #803540;
    margin-left: 10px;
    cursor: pointer;
}

.product-shopping-cart-message {
    float: left
}

    .product-shopping-cart-message p {
        margin: 0;
        margin-left: 15px;
        color: #484848;
        font-size: 14px;
    }

.product-shopping-cart-btn {
    float: right;
    margin-right: 15px;
}

.product-page-desc {
    margin-left: 20px;
}

.web_dialog {
    margin: 20% auto !important;
    width: 100% !important;
    max-width: 900px !important;
}

.add-productpop table.ppItems {
    width: 100%;
}

.residential_or_commercial {
    /*box-shadow: 0 0 1px #ccc;
    max-width: 300px;
    padding: 3px 19px 6px;
    width: 100%;*/
}
/* product added to cart End */


.video-header {
    background: #f5f5f5;
    padding: 15px;
    margin-bottom: 20px;
}

.videoColumn #button {
    box-shadow: none;
    margin-top: 0;
}


.mfg-keyword li:first-child {
    margin: 28px 0;
}

.mfg-keyword li {
    margin: 25px 0;
}

.mfg-key-item ul {
    margin: 0;
    padding: 0;
}

    .mfg-key-item ul li {
        list-style-type: none;
    }

.manufacturerThumb {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
    width: 60px;
}

    .manufacturerThumb img {
        width: 50px;
    }

.manufacturerName {
    display: table-cell;
    vertical-align: middle;
}

.mfg-key-item {
    width: 8%;
}

.mfg-keyword li:hover {
    color: #29A3D2;
    cursor: pointer;
}

.mfg-keyword li {
    position: relative;
}

.mfg-key-subitem {
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    padding: 0 20px;
    width: 92%;
}

    .mfg-key-subitem ul li {
        animation: mfgAnimation .5s ease;
    }

.mfg-view-all {
    cursor: pointer;
    left: 50%;
    right: 50%;
}

.mfg-view {
    margin: 20px 0;
    margin-bottom: 0;
    text-align: center;
    width: 100%;
}

.mfg-to-display {
    display: none;
}

.hr-arrow {
    border-bottom: 1px solid #ddd;
    margin: 20px 0;
    position: relative;
    box-shadow: 1px 1px 2px #ccc;
    transition: all 0.25 ease;
}

    .hr-arrow img {
        padding: 0 8px;
        cursor: pointer;
        width: 5%;
        position: absolute;
        left: 47.5%;
        top: -14px;
        background: white;
    }

.mfg-keyword li::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #ddd;
    display: none;
}

.mfg-keyword li::after {
    content: "";
    position: absolute;
    top: 0px;
    right: -1px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
    display: none;
}


.youtube-button-holder {
    position: relative;
}

.youtube-play-button {
    position: absolute;
    width: 30%;
    top: 35%;
    left: 35%;
    opacity: 0.75;
    filter: grayscale(1);
}

.youtube-button-holder:hover {
    cursor: pointer;
}

    .youtube-button-holder:hover .youtube-play-button {
        filter: grayscale(0);
        opacity: 1;
        cursor: pointer;
    }

.modal-holder {
    position: fixed;
    background: rgba(0,0,0, 0.84);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    display: none;
}

.display-photo {
    cursor: pointer;
}

.display-x {
    position: absolute;
    width: auto;
    cursor: pointer;
    background: url(../png/close-x.png) no-repeat center left;
    background-size: 25px;
    width: 25px;
    height: 25px;
}

    .display-x:hover {
        filter: brightness(1.5);
    }

.modal-iframe-wrapper {
    margin: 0 auto;
    width: 968px;
    height: 100%;
    position: absolute;
    z-index: 100;
    padding: 10px 0;
    top: 15%;
}

    .modal-iframe-wrapper .display-x {
        right: 0px;
        top: -25px;
    }

.modal-photo-wrapper {
    position: relative;
    margin: 0 auto;
    width: 1025px;
    height: 100%;
    z-index: 100;
    text-align: center;
}

    .modal-photo-wrapper .display-x {
        top: 10px;
        right: 0;
        z-index: 2;
    }

    .modal-photo-wrapper .photo-src {
        padding: 10px 0;
        padding-bottom: 15px;
        max-height: 100vh;
        max-width: 100vh;
        object-fit: contain;
        max-width: 85%;
    }

#sales-team-member-modal .photo-src {
    float: left;
    max-width: 400px !important;
    padding: 0;
}



.modal-holder .small-images {
    position: absolute;
    left: 0;
    top: 20%;
}

    .modal-holder .small-images img {
        max-width: 60px;
        max-height: 60px;
    }

.modal-holder .a-button-toggle.a-button-thumbnail {
    width: 60px;
    height: 60px;
}

.modal-hover-select {
    box-shadow: 0 1.5px 5px 3px orange;
}


.modal-media {
    width: 100%;
    height: 540px;
    position: relative;
    opacity: 1;
    border: none;
}

.modal-iframe-content {
    position: relative;
    background: #666;
    padding: 10px;
    color: white;
    text-align: left;
    width: 100%;
}

.center-gif {
    z-index: 1000;
    height: 100vh;
    width: 100vh;
    margin: auto;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

    .center-gif img {
        width: 200px;
        height: 200px;
        border-radius: 10px;
        background: white;
    }

#video_iframe {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

    #video_iframe iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.rcs-video {
    float: left;
    width: 33.3%;
}

    .rcs-video:nth-child(3n+1) {
        clear: left
    }

    .rcs-video a img {
        max-width: 100%;
    }

    .rcs-video.pump-systems {
        padding: 2%;
        padding-left: 0;
    }

    .rcs-video.valves {
        padding: 2% 1%;
    }

    .rcs-video.manufacturers {
        padding: 2%;
        padding-right: 0;
    }

.rcs-video-view-all {
    float: right;
    color: #555;
    font-size: 15px;
    margin: 0;
    margin-top: 5px;
    margin-right: 10px;
    cursor: pointer;
}

.rcs-video-page-iframe {
    width: 100%
}

.rcs-video-page-rightColumn {
    width: 100%
}

    .rcs-video-page-rightColumn div img {
        width: 100%;
    }

    .rcs-video-page-rightColumn div h4, .rcs-video-manufacturer-list h4 {
        color: #a6a6a6;
        font-style: italic;
    }

.rcs-video-logo {
    width: 85px !important;
}

/*.slick-slide {
    position: relative;
}

.slider div p {
    padding: 0 10px;
}

.slick-slide div {
    position: relative;
}

.slider-img {
    width: 100%;
    padding: 0 10px;
}

.slick-prev, .slick-next {
    color: white !important;
    font-size: 40px !important;
    line-height: 10px !important;
    width: 40px !important;
    height: 80px !important;
    border: none !important;
    cursor: pointer !important;
    position: absolute !important;
    background-color: rgba(128,128,128,.75) !important;
    z-index: 1;
}

.slick-prev {
    left: 0 !important;
}

.slick-next {
    right: 0 !important;
}

    .slick-prev:before, .slick-next:before {
        content: "" !important;
    }

    .slick-prev:hover, .slick-next:hover {
        background: rgba(128,128,128,1) !important;
    }

.slides_1 .slick-prev, .slides_1 .slick-next {
    top: 80px;
}

.slides_2 .slick-prev, .slides_2 .slick-next {
    top: 120px;
}

.slides_3 .slick-prev, .slides_3 .slick-next {
    top: 80px;
}

.slides_4 .slick-prev, .slides_4 .slick-next {
    top: 60px;
}

.slides_5 .slick-prev, .slides_5 .slick-next {
    top: 45px;
}

@media screen AND (min-width: 521px) AND (max-width: 997px) {
    .slides_1 .slick-prev, .slides_1 .slick-next {
        top: 170px;
    }

    .slides_2 .slick-prev, .slides_2 .slick-next {
        top: 85px;
    }

    .slides_3 .slick-prev, .slides_3 .slick-next {
        top: 60px;
    }

    .slides_4 .slick-prev, .slides_4 .slick-next {
        top: 40px;
    }

    .slides_5 .slick-prev, .slides_5 .slick-next {
        top: 33px;
    }
}
*/

.be-ix-link-block {
    margin: 20px 0;
    background: #f8f8f8;
    padding: 20px 15px;
}

.be-related-link-container {
    display: block;
}

ul.be-list {
    width: 100% !important;
    margin-top: 15px !important;
}
/* Hide related list from 6th and after*/
.be-list-item:nth-child(n+6) {
    display: none;
}

.be-list-item {
    text-align: center;
}

@media (min-width: 32em) {

    .modal-box {
        width: auto;
    }
}



.modal-overlay {
    opacity: 0;
    filter: alpha(opacity=0);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3) !important;
}

.popup {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    margin: auto;
    /* width:200px;
    height:150px; */
    font-family: verdana;
    font-size: 13px;
    padding: 10px;
    background-color: rgba(146, 146, 146, 0.42);
    z-index: 99;
    overflow-x: hidden;
}

.cancel {
    display: relative;
    cursor: pointer;
    margin: 0;
    float: right;
    height: 10px;
    width: 14px;
    padding: 0 0 5px 0;
    background-color: red;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
    color: white;
    border-radius: 3px;
    z-index: 100000000000000000;
}

    .cancel:hover {
        background: rgb(255,50,50);
    }

.view-shipping-cancel {
    position: absolute;
    top: 7px;
    right: 4px;
}


/* Freight Estimates Popup End */

/* Billing Shipping Information Start */
.billing-shipping-information {
    margin: 0;
    width: 100%;
    display: inline-block;
}

    .billing-shipping-information h2 {
        color: #2696de;
        font-size: 26px;
    }

.billing-shipping-left {
    width: 65%;
    float: left;
    margin-right: 1%;
}

.select-shippingmethod {
    margin-bottom: 0;
}

    .select-shippingmethod h3 { /*background:url(/images/form-heading-bg.png) repeat-x*/
        border-top: 1px solid #009bd8;
        border-bottom: 1px solid #009bd8;
        min-height: 33px;
        color: #484848;
        line-height: 33px;
        padding-left: 5px;
        margin-bottom: 10px;
    }

.fieldset-content label.shipping-checkbox, .fieldset-content label.shipping-checkbox, .fieldset-content label.shipping-textarea, .items-shipped-left {
}

.note {
    color: #fe2815
}

.fieldset-content label.shipping-textarea {
}

.fieldset-content textarea.textarea-color {
    border: 1px solid #aeaeae;
    border-radius: 3px;
    text-align: left;
    margin-top: 5px;
    resize: none;
    font-size: 15px;
    width: 100%;
    overflow: hidden;
}

.delivery-options-fieldset {
    position: relative;
}

    .delivery-options-fieldset > label > input {
        position: absolute;
        left: 0;
        border: 1px solid red;
        top: 3px;
    }

    .delivery-options-fieldset label i {
        margin-left: 25px;
        display: inline-block;
    }


.select-shippingmethod .fieldset-content {
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
    position: relative;
}

.fieldset-content img {
    margin-top: -1px;
    vertical-align: top;
}

.mentor {
    color: #8f2140;
    font-weight: bold;
}

.billing-shipping-right {
    width: 34%;
    float: left;
}

.delivery-options label i {
}

.items-shipped-left {
    width: 50%;
    margin-right: 1%;
    float: left
}

.items-shipped-right {
    width: 49%
}

.ups-account, .phone-number {
    width: 49%;
    float: left;
}

    .ups-account > input, .phone-number > input {
        width: 90%;
        border: 1px solid #aeaeae;
        height: 32px;
        border-radius: 3px;
    }

.stock-items-time {
    position: absolute;
    right: 0;
    top: -30px;
    max-width: 187px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px;
    text-align: center;
    font-size: 13px;
    background: #fff;
    color: #000;
    font-weight: 600;
}

.stock-items-checkbox:after {
    background: #ccc;
    width: 60%;
    height: 1px;
    content: "";
    display: inline-block;
    top: 10px;
    position: absolute;
    margin-left: 5px;
}


/* Billing Shipping Information End */


@media screen and (max-width: 820px) {
    /* Table Starts */
    .responsiveTable table {
        border-collapse: collapse;
    }
        /*
 this messes up invoices table on mobile
.responsiveTable table thead {
	display:none;
}*/

        .responsiveTable table tr:nth-child(odd) {
            background-color: #ffffff;
        }

        .responsiveTable table tr:nth-child(even) {
            background-color: #ffffff;
        }

    .responsiveTable tbody tr::after {
        display: none;
    }

    .headertable {
        border-collapse: collapse;
        border-spacing: inherit;
        width: 100%;
        margin-bottom: 20px;
    }

        .headertable:last-child {
            margin-bottom: 0px;
        }

        .headertable tr td:first-child {
            font-size: 13px;
            color: #000;
            background-color: #e0e8ef !important;
            text-align: center;
            width: 25%;
        }

        .headertable tr td:last-child {
            font-size: 13px;
            color: #000;
        }

            .headertable tr td:last-child span {
                text-transform: uppercase;
                font-size: 15px;
            }

                .headertable tr td:last-child span.product-add {
                    font-size: 18px;
                    text-decoration: none;
                }

        .headertable tr td:first-child {
            display: none;
        }

        .headertable tr td:last-child {
            font-size: 13px;
            color: #000;
            border-bottom: none;
            padding-bottom: 10px;
        }


    .product-page-desc {
        margin-left: 0;
    }

    /* Table Ends */



    #header h1 {
        width: 25%;
    }

    .h-cart-contact {
        width: 70%;
        margin-left: 5%;
    }

    .h-search {
        width: 100%;
        margin-left: 0;
    }
    /*#header_cart {
    text-align: left;
}
#header_contact {
    text-align: left;
}*/
    #header_search {
        width: 100%;
    }

    #ppRight {
        float: right;
        width: 100%;
    }

        #ppRight .ppCopy ul {
            margin: 0;
        }


    /* Invoice Details */
    .invoice-table tr td,
    .invoice-table tr th {
        text-align: center;
    }
}

@media screen and (max-width: 1023px) {

    .adv-search-table tr td label {
        display: block;
    }

    .web_dialog {
        margin: 20% 4% !important;
        width: 90% !important;
    }
}

@media screen and (max-width: 997px) {
    .enter-shipping-address {
        width: 75%;
    }

    .add-productpop {
        padding-bottom: 5px;
        clear: both;
    }
}

@media screen and (max-width: 799px) {

    #checkoutform div.twocolB {
        border: 1px solid #4374B3;
        padding: 10px;
        font-size: 15px;
        line-height: 25px;
    }

        #checkoutform div.twocolB label {
            width: 40%;
            padding-right: 10px;
            color: #4374B3;
            float: left;
            text-align: left;
            line-height: 25px;
        }

    #checkoutform div.clearL {
        height: 15px;
    }

    #checkoutform div.clearLR {
        height: 5px;
        clear: left;
    }

    #checkoutform div.twocolB input.twocolS {
        float: left;
        padding: 8px;
        border: 1px solid #999;
        display: block;
        margin: 0;
        font-size: 18px;
        width: 60%;
    }

    #checkoutform div.twocolB .twocolSS {
        float: left;
        width: 60%;
        padding: 8px;
        border: 1px solid #999;
        display: block;
        margin: 0;
    }

    #checkoutform div.onecol input.onecol {
        float: left;
        width: 100%;
        text-align: left;
        border: 1px solid #999;
        display: block;
        margin: 15px 0 0 0;
    }

    .salesperson-name {
        width: 100% !important;
    }

    .twocolS em.burgundy {
        display: none;
    }

    .business-type .onecol {
        padding: 0 !important;
    }

    .business-type .twocolB {
        padding: 20px !important;
    }

    .shipping-information .onecol select {
        width: 100%;
        padding: 8px;
    }

    .business-type input.onecol {
        padding: 8px !important;
    }

    .billing-information .fl,
    .shipping-information .fr {
        float: none !important;
    }

    .billing-information .w50,
    .shipping-information .w50 {
        width: 100% !important;
    }

    .verify-billing-left-content .twocolB,
    .verify-billing-right-content .twocolB {
        border: 1px solid #4374B3 !important;
    }

    .verify-billing-left-content select {
        width: 60%;
        padding: 5px;
        font-size: 14px;
    }

    select#salesperson {
        width: 100%;
    }

    .select-ship-drop-down {
        padding: 0 !important;
    }

        .select-ship-drop-down select {
            width: 100%;
            padding: 5px;
            font-size: 14px;
        }

    .enter-shipping-address input {
        width: 100% !important;
    }

    .enter-shipping-address select {
        width: 100%;
    }

    .shipping-method table {
        border: 0;
    }

    .web_dialog {
        margin: 20% auto !important;
        width: 90% !important;
    }
}

@media screen and (max-width: 767px) {

    .billing-information .pR10,
    .shipping-information .pL10 {
        padding: 0 !important;
    }

    .billing-information,
    .shipping-information,
    .verify-billing-left-content,
    .verify-billing-right-content {
        width: 100%;
        padding: 0;
    }

    .shipping-information {
        margin: 0;
    }

    .verify-billing-right-content {
        margin: 15px 0 0 0;
    }

    .heading-billing-information,
    .heading-shipping-information {
        width: 100%;
        padding: 0;
    }

    .heading-shipping-information {
        float: left;
    }

    .adv-search-table tr td label {
        display: block;
    }

    /* Invoice Details */
    .shipping-details-table {
        margin-bottom: 25px;
        width: 100%;
        overflow-x: scroll;
    }

    span.car-product-img {
        width: 100%;
        display: block;
        text-align: center;
        float: none;
    }

        span.car-product-img img {
            width: 100px;
            float: left;
            margin-right: 10px;
        }

    .shopping-cart-details {
        margin-left: 0;
    }



    .cart-responsivetable .headertable tr td label .tooltiptext {
        display: inline-block !important;
    }

    .product-ships-factory {
        width: 100%;
        padding: 3px 5px;
    }

    .cart-responsivetable {
        padding: 0;
    }

    .view-shipping-details {
        width: 100%;
        position: relative;
        top: 9px;
        bottom: 9px;
        height: inherit;
    }

    .billing-shipping-left,
    .billing-shipping-right {
        width: 100%;
        float: none;
        margin-right: 0%;
    }

    .shopping-cart-left, .shopping-cart-right {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .shopping-cart-right {
        margin-top: 15px;
    }
    /* product added to cart Start */
    span.product-added-img {
        width: 100px;
        display: block;
        position: inherit;
    }

    .product-added-cart {
        padding-bottom: 0;
    }

    .product-shopping-cart-message p {
        margin-left: 0;
    }

    .product-ships-factory {
        margin-bottom: 0;
    }
    /* product added to cart End */

    .product-shopping-cart-btn {
        float: none;
        margin-right: 0;
        margin-bottom: 7px;
    }

        .product-shopping-cart-btn .continue-shopping,
        .product-shopping-cart-btn .view-cart {
            width: 48%;
            margin-left: 1%;
        }

    .product-added-cart table.ppItems td.shopping-cart span.product-added-img {
        float: left;
        margin-right: 5px;
    }

    .add-productpop {
        padding-bottom: 5px;
    }

        .add-productpop .product-added-cart label {
            text-align: left;
        }

        .add-productpop label.popup-product-price {
            text-align: left;
        }

    .product-shopping-cart-message {
        float: none;
        margin-bottom: 10px;
        text-align: center;
    }

    .product-added-cart h3 {
        background: #802e40;
        color: #fff;
        font-weight: normal;
        font-size: 16px;
        padding: 9px 10px;
        margin-top: 0;
        margin-bottom: 10px;
        font-weight: inherit;
        text-align: left;
    }

    .pop-up-cart-close {
        color: #fff;
        position: absolute;
        right: 9px;
        top: 8px;
        cursor: pointer;
        font-size: 16px;
    }

    .add-productpop table.ppItems {
        width: inherit;
    }

    .add-productpop label.product-added-quantity {
        text-align: left;
    }

    div.required.right {
        color: red;
        text-align: center;
    }

    .enter-shipping-address {
        width: 100%;
        padding: 0 !important;
    }

    #checkoutform .req {
        color: #8F2140;
        font-weight: bold;
    }

    #checkoutform div.onecol label {
        color: #4374B3;
        width: 30% !important;
        line-height: 35px;
    }

    #checkoutform div.onecol select {
        width: 65% !important;
        float: right !important;
        margin: 5px 0 !important;
        border: 1px solid #999;
    }

    #checkoutform div.onecol input.onecol {
        width: 65% !important;
        float: right !important;
        margin: 5px 0 !important;
    }

    #checkoutform div.onecol .astext {
        width: 30% !important;
    }

    #checkoutform div.onecol .cart_button {
        width: 65.5% !important;
        float: right !important;
    }

    #checkoutform .required {
        color: red;
        text-align: center;
    }
}



@media screen and (max-width: 640px) {

    /* Manufacturer Page */
    #leftColumn65 {
        width: 100% !important;
    }

    #rightColumn35 {
        width: 100% !important;
    }

    /* Schematics Page */
    #leftColumn50 {
        width: 100% !important;
    }

    #rightColumn50 {
        width: 100% !important;
    }

    .invoice-details-heading {
        width: 100%;
    }

    .view-print {
        float: left;
        width: 100%;
        text-align: left;
    }

    .order-details,
    .invoice-details,
    .order-taker-details,
    .carrier-details,
    .tracking-details,
    .ship-details,
    .bill-to,
    .ship-to,
    .payment-method {
        float: left;
        width: 100%;
    }

    .bill-to,
    .ship-to {
        margin-bottom: 20px;
    }

    .get-estimates {
        display: inline-block;
        margin-bottom: 20px;
        margin-top: 10px;
        width: 100%;
    }

    .zip-code {
        display: inline-block;
        float: none;
        margin-bottom: 15px;
        max-width: inherit;
        width: 100%;
    }

        .zip-code label {
            padding-top: 5px;
        }

        .zip-code input {
            height: 35px !important;
            padding: 8px !important;
        }

    .get-estimates select {
        display: inline-block;
        height: 35px;
        margin-bottom: 15px;
        width: 100%;
        font-size: 15px;
    }

    span.get-estimates-btn {
        margin-left: 0
    }

    .stock-items-time {
        position: inherit;
        max-width: 100%;
        top: 0;
        margin-top: 7px
    }

    .stock-items-checkbox:after {
        display: none
    }

    .ppPhoto {
        pointer-events: none;
    }
}

@media screen and (max-width: 520px) {

    .verify-billing-left-content .twocolB label, .verify-billing-left-content .twocolB input {
        width: 100% !important;
    }

    #checkoutform div.twocolB, .twocolB select {
        width: 100%;
        font-size: 18px;
    }

    #checkoutform div.onecol .enter-shipping-address label {
        color: #4374B3;
        width: 100% !important;
        line-height: 25px;
    }

    #checkoutform div.onecol select {
        width: 100% !important;
        float: right !important;
        margin: 0 0 10px 0 !important;
        font-size: 18px;
        padding: 10px 6px;
    }

    #checkoutform div.onecol input.onecol {
        margin: 0 0 10px 0 !important;
        width: 100% !important;
        float: right !important;
        padding: 8px !important;
    }

    #checkoutform div.onecol .astext {
        text-align: center;
    }

    #checkoutform div.onecol .cart_button {
        text-align: center;
    }

    #checkoutform div.twocolB label, #checkoutform div.twocolB .twocolSS, #checkoutform div.twocolB input.twocolS {
        width: 100% !important;
    }

    div.required.right {
        color: red;
        text-align: center;
    }

    .enter-shipping-address {
        width: 100%;
        padding: 0 !important;
    }

    .product-shopping-cart-btn {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
    }

        .product-shopping-cart-btn .continue-shopping, .product-shopping-cart-btn .view-cart {
            width: 46.8%;
            margin: 5px;
            padding: 15px;
        }

    .verify-billing-left-content select, .select-ship-drop-down select {
        padding: 8px;
    }

    .web_dialog {
        font-size: 18px;
    }

    span.get-estimates-btn a, span.get-estimates-btn a:hover {
        padding: 10px;
        font-size: 16px
    }
}

@media screen and (max-width: 480px) {

    .heading-billing-information,
    .heading-shipping-information,
    .business-type h2 {
        font-size: 18px;
    }

    .select-ship-drop-down select {
        width: 100%;
    }

    /* Invoice Details */
    .order-details strong,
    .invoice-details strong,
    .order-taker-details strong,
    .tracking-shipment strong {
        width: 105px;
    }

    span.get-estimates-btn a {
        margin-left: 0
    }
}

@media screen and (max-width: 440px) {

    .product-shopping-cart-btn .continue-shopping,
    .product-shopping-cart-btn .view-cart {
        width: 96%;
        margin: 2%;
    }

    #checkoutform div.twocolB,
    #checkoutform div.twocolB label,
    #checkoutform div.twocolB .twocolSS {
        width: 100% !important
    }
}


.Hnav {
    text-align: center;
    padding: 0;
    cursor: default;
}

    .Hnav li {
        list-style: none;
        display: inline;
        font-size: 17px;
        padding-left: 6px;
        padding-right: 6px;
    }

/* Home page banner start  */

.dultmeier-banner {
    max-width: 1150px;
    width: 100%;
    margin: auto;
    background: #fff;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 16px;
}

.ban-new-product, .ban-car-truck-wash, .ban-agricultural, .ban-industrial, .ban-lawn-turf, .ban-deice-anti-ice, .ban-petroleum, .ban-carpet-jansan, .ban-shop-all-divisions {
    background: url(../car-truck-wash.html) no-repeat;
    min-height: 290px;
    width: 25%;
    position: relative;
    float: left;
    background-size: cover !important;
}

.ban-agricultural {
    background: url(../ban-agriculturai.html) no-repeat;
}

.ban-industrial {
    background: url(../ban-industrial.html) no-repeat;
}

.ban-lawn-turf {
    background: url(../ban-lawn-truf.html) no-repeat;
}

.ban-deice-anti-ice {
    background: url(../ban-deice-antiice.html) no-repeat;
}

.ban-petroleum {
    background: url(../ban-petroleum.html) no-repeat;
}

.ban-carpet-jansan {
    background: url(../ban-carpet-jansan.html) no-repeat;
}

.ban-shop-all-divisions {
    background: url(../ban-shopall-divisions.html) no-repeat;
}

.ban-new-product {
    background: url(../ban-new-product.html) no-repeat;
    display: none;
}

.ban-banner-common-coloum {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    .ban-banner-common-coloum h3 {
        margin: 0;
        padding: 0;
        background: rgba(40,163,209,0.74);
        color: #fff;
        line-height: 63px;
        font-size: 17px;
        transition: all 0.3s ease-in-out;
    }

    .ban-banner-common-coloum a {
        color: #fff;
    }

    .ban-banner-common-coloum ul {
        padding: 0px 30px;
        opacity: 0;
        transition: all 0.6s;
        margin: 5px 0px;
    }

    .ban-banner-common-coloum:hover, .ban-banner-common-coloum:hover ul {
        transition: background-color 0.6s linear;
    }

    .ban-banner-common-coloum a:hover {
        color: #fff;
        text-decoration: none;
    }

    .ban-banner-common-coloum ul li {
        font-size: 16px;
        color: #fff;
        list-style-type: none;
        line-height: 38px;
        margin-bottom: 6px;
    }

        .ban-banner-common-coloum ul li a, .ban-banner-common-coloum ul li a:hover {
            color: #fff;
            text-decoration: none;
        }


@media (max-width:1179px) {

    .ban-banner-common-coloum ul {
        opacity: 1;
        padding: 0px 10px;
    }

        .ban-banner-common-coloum ul li {
            margin: 22px 0;
            line-height: 22px;
        }

    /* sensiple
.ban-car-truck-wash .ban-banner-common-coloum h3{background:#2ca3d2}
.ban-car-truck-wash .ban-banner-common-coloum{background-color: rgba(46, 139, 175, 0.69);}

.ban-agricultural .ban-banner-common-coloum h3{background:#f8bc17}
.ban-agricultural .ban-banner-common-coloum{background-color:rgba(248, 187, 23, 0.65);}

.ban-industrial .ban-banner-common-coloum h3{background:#e75425}
.ban-industrial .ban-banner-common-coloum{background-color:rgba(231, 84, 37, 0.63);}

.ban-lawn-turf .ban-banner-common-coloum h3{background:#9aba3c}
.ban-lawn-turf .ban-banner-common-coloum{background-color:rgba(154, 186, 60, 0.63);}

.ban-deice-anti-ice .ban-banner-common-coloum h3{background:#737373}
.ban-deice-anti-ice .ban-banner-common-coloum{background-color:rgba(115, 115, 115, 0.61)}

.ban-petroleum .ban-banner-common-coloum h3{background:#dc1f2d}
.ban-petroleum .ban-banner-common-coloum{background-color:rgba(220, 31, 45, 0.58);}

.ban-carpet-jansan .ban-banner-common-coloum h3{background:#932580}
.ban-carpet-jansan .ban-banner-common-coloum{background-color:rgba(147, 37, 128, 0.56);}

.ban-shop-all-divisions .ban-banner-common-coloum h3{background:#a74061}
.ban-shop-all-divisions .ban-banner-common-coloum{background-color:rgba(167, 64, 97, 0.58)}

.ban-new-product .ban-banner-common-coloum h3{background:#49b728;}
.ban-new-product .ban-banner-common-coloum{background-color:rgba(70, 167, 64, 0.6);}  */

    /* Ninh added here */
    .ban-car-truck-wash .ban-banner-common-coloum h3 {
        background: #2ca3d2
    }

    .ban-car-truck-wash .ban-banner-common-coloum {
        background-color: rgba(99, 99, 99, 0.75);
    }

    .ban-agricultural .ban-banner-common-coloum h3 {
        background: #f8bc17
    }

    .ban-agricultural .ban-banner-common-coloum {
        background-color: rgba(99, 99, 99, 0.75);
    }

    .ban-industrial .ban-banner-common-coloum h3 {
        background: #e75425
    }

    .ban-industrial .ban-banner-common-coloum {
        background-color: rgba(99, 99, 99, 0.75);
    }

    .ban-lawn-turf .ban-banner-common-coloum h3 {
        background: #9aba3c
    }

    .ban-lawn-turf .ban-banner-common-coloum {
        background-color: rgba(99, 99, 99, 0.75);
    }

    .ban-deice-anti-ice .ban-banner-common-coloum h3 {
        background: #737373
    }

    .ban-deice-anti-ice .ban-banner-common-coloum {
        background-color: rgba(99, 99, 99, 0.75);
    }

    .ban-petroleum .ban-banner-common-coloum h3 {
        background: #dc1f2d
    }

    .ban-petroleum .ban-banner-common-coloum {
        background-color: rgba(99, 99, 99, 0.75);
    }

    .ban-carpet-jansan .ban-banner-common-coloum h3 {
        background: #932580
    }

    .ban-carpet-jansan .ban-banner-common-coloum {
        background-color: rgba(99, 99, 99, 0.75);
    }

    .ban-shop-all-divisions .ban-banner-common-coloum h3 {
        background: #a74061
    }

    .ban-shop-all-divisions .ban-banner-common-coloum {
        background-color: rgba(99, 99, 99, 0.75);
    }

    .ban-new-product .ban-banner-common-coloum h3 {
        background: #49b728;
    }

    .ban-new-product .ban-banner-common-coloum {
        background-color: rgba(99, 99, 99, 0.75);
    }
    /* Ninh added complete */

}


@media screen AND (min-width: 1180px) {

    .ban-banner-common-coloum ul li {
        border-bottom: 1px dashed #fff;
    }

    .ban-banner-common-coloum:hover h3 {
        font-size: 21px;
        transition: all 0.3s ease-in-out;
        -webkit-transition: font-size .3s;
        -moz-transition: font-size .3s;
        -o-transition: font-size .3s;
        transition: font-size .3s;
    }

    .ban-car-truck-wash .ban-banner-common-coloum ul {
        opacity: 0;
        margin-top: 80%;
        z-index: -2;
        position: relative;
        transition: all .25s ease-in-out;
    }

    .ban-car-truck-wash .ban-banner-common-coloum:hover h3 {
        background: #2ca3d2;
    }

    .ban-car-truck-wash .ban-banner-common-coloum:hover {
        background-color: rgba(46, 139, 175, 0.8);
    }

        .ban-car-truck-wash .ban-banner-common-coloum:hover ul {
            opacity: 1;
            margin-top: 5%;
            z-index: 1;
            transition: all .25s ease-in-out;
        }

    .ban-agricultural .ban-banner-common-coloum ul {
        opacity: 0;
        margin-top: 80%;
        z-index: -2;
        position: relative;
        transition: all .25s ease-in-out;
    }

    .ban-agricultural .ban-banner-common-coloum:hover h3 {
        background: #f8bc17;
    }

    .ban-agricultural .ban-banner-common-coloum:hover {
        background-color: rgba(248, 187, 23, 0.935);
    }

        .ban-agricultural .ban-banner-common-coloum:hover ul {
            opacity: 1;
            margin-top: 5%;
            z-index: 1;
            transition: all .25s ease-in-out;
        }

    .ban-industrial .ban-banner-common-coloum ul {
        opacity: 0;
        margin-top: 80%;
        z-index: -2;
        position: relative;
        transition: all .25s ease-in-out;
    }

    .ban-industrial .ban-banner-common-coloum:hover h3 {
        background: #e75425;
    }

    .ban-industrial .ban-banner-common-coloum:hover {
        background-color: rgba(231, 84, 37, 0.8);
    }

        .ban-industrial .ban-banner-common-coloum:hover ul {
            opacity: 1;
            margin-top: 5%;
            z-index: 1;
            transition: all .25s ease-in-out;
        }

    .ban-lawn-turf .ban-banner-common-coloum ul {
        opacity: 0;
        margin-top: 80%;
        z-index: -2;
        position: relative;
        transition: all .25s ease-in-out;
    }

    .ban-lawn-turf .ban-banner-common-coloum:hover h3 {
        background: #9aba3c;
    }

    .ban-lawn-turf .ban-banner-common-coloum:hover {
        background-color: rgba(154, 186, 60, 0.8);
    }

        .ban-lawn-turf .ban-banner-common-coloum:hover ul {
            opacity: 1;
            margin-top: 5%;
            z-index: 1;
            transition: all .25s ease-in-out;
        }

    .ban-deice-anti-ice .ban-banner-common-coloum ul {
        opacity: 0;
        margin-top: 80%;
        z-index: -2;
        position: relative;
        transition: all .25s ease-in-out;
    }

    .ban-deice-anti-ice .ban-banner-common-coloum:hover h3 {
        background: #737373;
    }

    .ban-deice-anti-ice .ban-banner-common-coloum:hover {
        background-color: rgba(115, 115, 115, 0.8);
    }

        .ban-deice-anti-ice .ban-banner-common-coloum:hover ul {
            opacity: 1;
            margin-top: 5%;
            z-index: 1;
            transition: all .25s ease-in-out;
        }

    .ban-petroleum .ban-banner-common-coloum ul {
        opacity: 0;
        margin-top: 80%;
        z-index: -2;
        position: relative;
        transition: all .25s ease-in-out;
    }

    .ban-petroleum .ban-banner-common-coloum:hover h3 {
        background: #dc1f2d;
    }

    .ban-petroleum .ban-banner-common-coloum:hover {
        background-color: rgba(220, 31, 45, 0.7);
    }

        .ban-petroleum .ban-banner-common-coloum:hover ul {
            opacity: 1;
            margin-top: 5%;
            z-index: 1;
            transition: all .25s ease-in-out;
        }

    .ban-carpet-jansan .ban-banner-common-coloum ul {
        opacity: 0;
        margin-top: 80%;
        z-index: -2;
        position: relative;
        transition: all .25s ease-in-out;
    }

    .ban-carpet-jansan .ban-banner-common-coloum:hover h3 {
        background: #932580;
    }

    .ban-carpet-jansan .ban-banner-common-coloum:hover {
        background-color: rgba(147, 37, 128, 0.7);
    }

        .ban-carpet-jansan .ban-banner-common-coloum:hover ul {
            opacity: 1;
            margin-top: 5%;
            z-index: 1;
            transition: all .25s ease-in-out;
        }

    .ban-shop-all-divisions .ban-banner-common-coloum ul {
        opacity: 0;
        margin-top: 80%;
        z-index: -2;
        position: relative;
        transition: all .25s ease-in-out;
    }

    .ban-shop-all-divisions .ban-banner-common-coloum:hover h3 {
        background: #a74061;
    }

    .ban-shop-all-divisions .ban-banner-common-coloum:hover {
        background-color: rgba(167, 64, 97, 0.8);
    }

        .ban-shop-all-divisions .ban-banner-common-coloum:hover ul {
            opacity: 1;
            margin-top: 5%;
            z-index: 1;
            transition: all .25s ease-in-out;
        }

    .ban-new-product .ban-banner-common-coloum ul {
        opacity: 0;
        margin-top: 0%;
        z-index: -2;
        position: relative;
        transition: all .25s ease-in-out;
    }

    .ban-new-product .ban-banner-common-coloum:hover h3 {
        background: #49b728;
    }

    .ban-new-product .ban-banner-common-coloum:hover {
        background-color: rgba(60, 168, 65, 0.6);
    }

        .ban-new-product .ban-banner-common-coloum:hover ul {
            opacity: 1;
            margin-top: 5%;
            z-index: 1;
            transition: all .25s ease-in-out;
        }
}

@media all and (min-width:768px) and (max-width:1179px) {
    .ban-new-product, .ban-car-truck-wash, .ban-agricultural,
    .ban-industrial, .ban-lawn-turf, .ban-deice-anti-ice,
    .ban-petroleum, .ban-carpet-jansan, .ban-shop-all-divisions {
        width: 33.3%;
        background-size: 100%;
    }

    .ban-new-product {
        display: block;
    }
}


@media all and (min-width:404px) and (max-width:767px) {

    #banner-wrapper {
        margin: 0 auto;
    }

    .ban-new-product, .ban-car-truck-wash, .ban-agricultural,
    .ban-industrial, .ban-lawn-turf, .ban-deice-anti-ice,
    .ban-petroleum, .ban-carpet-jansan, .ban-shop-all-divisions {
        margin: auto;
        float: left;
        width: 50%;
        background-size: 100% 100%;
    }

    .ban-banner-common-coloum ul li {
        font-size: 18px;
        color: #fff;
        list-style-type: none;
        margin-bottom: 0px;
    }

    .ban-banner-common-coloum h3 {
        background: rgba(52, 117, 173, 0.7);
        color: #fff;
        line-height: 60px;
        font-size: 17px;
    }
}


@media screen and (max-width:404px) and (min-width:345px) {

    .ban-new-product, .ban-car-truck-wash, .ban-agricultural,
    .ban-industrial, .ban-lawn-turf, .ban-deice-anti-ice,
    .ban-petroleum, .ban-carpet-jansan, .ban-shop-all-divisions {
        margin: auto;
        float: left;
        width: 50%;
        background-size: 100% 100%;
        min-height: 260px;
    }

    .ban-banner-common-coloum ul {
        padding: 0px 6px 0;
        margin: 0;
    }

    .ban-banner-common-coloum h3 {
        font-size: 12.5px;
        line-height: 45px;
    }
}


@media screen and (max-width:345px) {

    .ban-new-product, .ban-car-truck-wash, .ban-agricultural,
    .ban-industrial, .ban-lawn-turf, .ban-deice-anti-ice,
    .ban-petroleum, .ban-carpet-jansan, .ban-shop-all-divisions {
        margin: auto;
        float: none;
        max-width: 242px;
        width: 100%;
    }
}

/* Home page banner end  */

.buttonOrange {
    background-color: #f0ad4e;
    color: white;
    height: 42px !important;
    padding: 12px 28px !important;
    font-size: 13px !important;
}

.BlueButtons {
    background-color: #008CBA;
    color: white;
    height: 42px !important;
    padding: 12px 28px !important;
    font-size: 13px !important;
}

.buttonOrange:hover {
    background-color: #ec971f;
    color: white;
}

.full-width-content {
    width: 100%;
    margin: 70px 0;
}

.dult-book-background {
    background: url(../jpg/value-background.jpg) no-repeat;
    background-position: top;
    background-size: cover;
    background-attachment: fixed;
}

.why-dult {
    font-size: 50px;
    line-height: 60px;
}

.why-dult-title{
    margin: 42px 0;
}

.why-dult-overlay {
    background: rgba(72,72,72,0.6);
}

.what-we-do-subtitle{
    margin: 18px 0;
}

.about-sales-team-wrapper h2{
    margin: 27px 0;
}

@media screen AND (max-width: 997px) {
    .why-dult {
        font-size: 35px;
        line-height: 40px;
    }

    .dult-book-background {
        background-attachment: unset;
    }
}

#wrapper p:not(.feature-text) {
    color: #484848;
}

#wrapper .text-p {
    margin: 25px 0;
}

.about-what-we-do-wrapper p {
    margin: 25px 0 !important;
}

.static-top-margin{
    margin-top: 75px;
}

.page-title{
    height: auto;
    overflow: hidden;
    display: none;
}

.static-help-subtitle, .static-help-link{
    display: block;
}

.static-help-subtitle {
    font-size: 1.17em;
    font-weight: bold;
    color: #484848;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.static-help-link {
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

h3{
    margin: 18px 0 !important;
}

h2 {
    margin: 27px 0;
}

.navigation-container {
    cursor: pointer;
}

.catalogs-active {
    color: #29A3D2 !important;
}

@media screen and (min-width: 520px) and (max-width: 767px) {
    ul.column4 li {
        width: 48%;
        float: left;
        margin: 0;
        margin-right: 3%;
    }

        ul.column4 li:nth-child(2n) {
            margin-right: 0;
        }

        ul.column4 li:nth-child(4n) {
            clear: right;
        }
}

.hover-link:hover {
    color: #009bd8;
}

.prod-list-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.prod-list-item img{
    max-width: 125px;
}

.prod-list-item-horizontal {
    display: flex;
    align-items: center;
}

.prod-list-item-horizontal img{
    margin-right: 16px;
    max-width: 125px;
}

.tech-lib p a {
    color: #0171af !important;
    text-decoration: none !important;
}

    .tech-lib p a:hover {
        color: #009bd8 !important;
        text-decoration: underline !important;
    }

.tech-lib h1{
    padding: 15px 0;
}

.tech-lib h2 {
    margin: 15px 0;
}

.tech-lib .hr {
    margin: 15px 0;
}

.tech-lib-page-img{
    max-width: 150px !important;
}

.tech-lib-item-link {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .tech-lib-item-link img {
        display: block;
        margin-bottom: 15px;
    }

.spaced-img {
    margin-bottom: 17px
}

.title-image-block{
    font-size:1.40em;
}

    .title-image-block img {
        display: block;
        margin-bottom: 18px;
    }
     
ul.sales-team-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style-type: none;
}

    ul.sales-team-list li {
        width: 23.5%;
        margin-bottom: 15px;
        align-self: stretch;
    }

        ul.sales-team-list li:nth-last-child(2),
        ul.sales-team-list li:last-child {
            margin: auto;
        }

        .custom-pager{
padding: 20px 0;
        }

.manufacturer-content p{
    margin: 15px 0;
    font-size: 15px;
}

    .manufacturer-content p a {
        color: #0171af;
        text-decoration: none;
    }

    .manufacturer-content p a:hover {
        color: #009bd8;
        text-decoration: underline;
    }

.manufacturer-content .mfgColCell p a {
    color: #484848;
    text-decoration: none;
}

.no-margin-top{
    margin-top: 0 !important;
}
@media screen AND (min-width: 768px) {
    .what-we-do-block-section {
        min-height: 185px;
        height: 250px;
    }
    /* message/error box */
    #specialMessage {
        color: #fff;
        text-align: center;
        font-weight: bold;
        font-size: 14px;
        margin: 5px 0;
        padding: 2px;
        background-color: #8f2140;
        border: 2px solid #fff;
        border-radius: 5px;
        box-shadow: 0 3px 8px rgba(0,0,0,0.3);
    }

    #start_date, #end_date {
        background: url(../invoices-tiny-calendar_24x24.html) no-repeat right 2px center;
    }


    /* about us nav */
    .about-us-tab {
        margin: 0;
        padding: 0;
        text-align: center;
        list-style: none;
    }

        .about-us-tab a {
            display: inline-block;
            font-size: 18px;
        }

            .about-us-tab a:first-child {
                float: left;
            }

            .about-us-tab a:last-child {
                float: right;
            }

            .about-us-tab a li h1 {
                font-size: 16px !important;
            }

    .about-active li {
        color: #009bd8;
    }


    /* orange */
    .buttonOrange {
        background-color: #f0ad4e;
        color: white;
        height: 42px !important;
        padding: 12px 28px !important;
        font-size: 13px !important;
    }

    .BlueButtons {
        background-color: #008CBA;
        color: white;
        height: 42px !important;
        padding: 12px 28px !important;
        font-size: 13px !important;
    }

    .buttonOrange:hover {
        background-color: #ec971f;
        color: white;
    }

    /* about us who we are */
    .about-dult {
        font-size: 16px;
        margin-top: 40px;
    }

    .about-core-values {
        padding: 0px 30px 0px 5px;
    }

        .about-core-values div span {
            display: table-cell;
            vertical-align: middle;
        }

            .about-core-values div span img {
                margin-right: 10px;
            }

    /* about us what we do */
    #about-main {
        width: 100%;
        height: 400px;
        position: relative;
        overflow: hidden;
        margin: 10px 0 5px 0;
    }

    #about-hdr {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 968px;
        height: 400px;
        margin: 0;
        padding: 0;
        z-index: -1;
    }

        #about-hdr li {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 968px;
            height: 347px;
        }

            #about-hdr li .about-main-copy {
                position: absolute;
                text-align: left;
            }

                #about-hdr li .about-main-copy h1 {
                    width: 55%;
                    line-height: 47px;
                    padding-bottom: 20px;
                    font-size: 38px;
                }
            /*this sets the distance to "Our Goal..."*/
            #about-hdr li .intro {
                width: 100%;
                top: 90px;
                left: 4%;
            }

                #about-hdr li .intro p {
                    width: 100%;
                    top: 20px;
                    left: 4%;
                    line-height: 30px;
                }
    /*#about-hdr li .intro * { text-shadow:0px 0px 15px #fff; }*/

    .about-cal-left {
        background: url(../gif/list-blue-square.gif) no-repeat left;
        padding-left: 200px;
        display: table-cell;
        vertical-align: middle;
        width: 30%;
        background-position: 0 6px;
        margin-left: 20%;
        padding-left: 15px;
        font-size: 16px;
    }

    .about-cal-right {
        display: table-cell;
        vertical-align: middle;
        width: 50%;
        font-size: 16px;
    }

    /* about us page 3 */


    /* about us employment */
    #about-us p {
        font-size: 16px;
        line-height: 25px;
    }

    #about-us a {
        color: #009bd8;
        font-weight: normal;
        margin: 0;
    }

    #about-us .dultmeier-fun {
        width: 30%;
    }

    .about-career {
        display: flex
    }

        .about-career li {
            list-style: none;
            margin-right: 50px;
            font-size: 16px;
            line-height: 25px;
        }


    /* homepage */
    #home-main {
        width: 100%;
        height: 492px;
        position: relative;
        overflow: hidden;
        margin: 10px 0 17px 0;
    }

    #home-rotation {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 968px;
        height: 500px;
        margin: 0;
        padding: 0;
        z-index: -1;
    }

        #home-rotation li {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 968px;
            height: 500px;
        }

            #home-rotation li .home-main-copy {
                position: absolute;
                text-align: center;
            }

                #home-rotation li .home-main-copy h1 {
                    line-height: 30px;
                }

            #home-rotation li .petroleum {
                width: 70%;
                top: 10px;
                left: 30%;
                text-align: left;
            }

                #home-rotation li .petroleum * {
                    text-shadow: 0px 0px 15px #000;
                    margin: 0 0 5px 0;
                    padding: 0;
                }

            #home-rotation li .lawn {
                width: 50%;
                top: 200px;
                left: 5%;
            }

                #home-rotation li .lawn p {
                }

            #home-rotation li .deice {
                width: 45%;
                left: 50%;
                top: 70px;
            }

                #home-rotation li .deice * {
                    text-shadow: 0px 0px 15px #000;
                }

            #home-rotation li .liquid {
                width: 45%;
                left: 50%;
                top: 25px;
            }

                #home-rotation li .liquid * {
                    text-shadow: 0px 0px 15px #000;
                }

            #home-rotation li .carwash {
                width: 65%;
                left: 2%;
                top: 295px;
            }

                #home-rotation li .carwash * {
                    text-shadow: 0px 0px 5px #000;
                }

            #home-rotation li .agri {
                width: 45%;
                left: 50%;
                top: 25px;
            }

                #home-rotation li .agri * {
                    text-shadow: 0px 0px 15px #fff;
                }

    #home-main-position {
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
        bottom: 10px;
        left: 0px;
        width: 100%;
        text-align: center;
    }

        #home-main-position li {
            display: inline;
        }

    #home-main-image {
        position: absolute;
        top: 0px;
        left: 0px;
    }

    #home-main-copy {
        position: absolute;
        width: 45%;
        top: 25px;
        left: 50%;
        text-align: center;
        text-shadow: 0px 0px 15px #fff;
    }

    #home-main-back {
        position: absolute;
        top: 50%;
        margin-top: -20px;
        left: 2%;
    }

    #home-main-next {
        position: absolute;
        top: 50%;
        margin-top: -20px;
        right: 2%;
    }

    .home-three {
        margin: 0 2% 10px 0;
        padding: 1%;
        float: left;
        height: 130px !important;
        border-bottom: 2px solid #29A3D2;
        border-radius: 5px;
        line-height: 15px;
    }

        .home-three ul {
            list-style-image: url(../orange-triangle.html);
            margin: 0 0 0 50%;
            padding: 0;
        }

        .home-three li {
            margin: 10px 0 0 0;
        }

        .home-three h3 {
            margin: 10px 0;
        }

    .envelope {
        background: url(../earn-envelope.html) no-repeat;
        background-size: contain;
        background-position: 235px;
        width: 100%;
    }

    .home-three-a {
        text-align: left;
        width: 49%;
        background: url(../learn-earn.html) top left repeat-x #f5f5f5;
    }

        .home-three-a p {
            margin: 10px 0;
            width: 75%;
        }

        .home-three-a img {
            max-width: 100%;
            height: 30px;
            cursor: pointer;
        }

        .home-three-a ul {
            margin: 0 33% 0 1.5em;
        }

    .home-three-b {
        text-align: left;
        width: 23%;
        background: url(../ad_specials.html) top left repeat-x #f5f5f5;
    }

        .home-three-b img {
            float: left;
            max-width: 100%;
        }

        .home-three-b .ad_special img {
            width: 24%;
            margin-right: 5px;
        }

    .home-three-c {
        text-align: left;
        margin-right: 0%;
        width: 24%;
        background: url(../last_chance.html) top left repeat-x #f5f5f5;
        position: relative;
        overflow: hidden;
    }

        .home-three-c ul {
            text-align: left;
        }

        .home-three-c .last_chance img {
            width: 55%;
            position: absolute;
            right: -10px;
            bottom: -10px;
        }

    .home-three a {
        color: #555555;
    }

        .home-three a:hover {
            color: #29A3D2;
        }

    #home-logos {
        height: 100px;
        margin: 20px 0;
        overflow: hidden;
        font-size: 0px;
        position: relative;
        width: 100%;
    }

    #home-logos-slider {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        text-align: center;
        margin: 0;
        padding: 0;
    }

        #home-logos-slider a {
            margin: 0 10px;
        }

    #home-categories {
        margin: 20px 0 30px 0;
        line-height: normal;
    }

    ul.home-category-boxes {
        list-style: none;
        margin: 0;
        padding: 0 1% 0 5%;
        font-size: 13px;
    }

        ul.home-category-boxes li {
            float: left;
            width: 33%;
            margin-top: 30px;
        }

            ul.home-category-boxes li:nth-child(3n+1) {
                clear: left;
            }

            ul.home-category-boxes li img {
                float: left;
                max-width: 100%;
            }

            ul.home-category-boxes li div {
                float: left;
                width: 50%;
                margin-left: 5%;
            }

            ul.home-category-boxes li ul {
                list-style-type: disc;
                margin: 5px 0 5px 1.4em;
                padding: 0;
            }

                ul.home-category-boxes li ul li {
                    float: none;
                    width: 100%;
                    margin-top: 0;
                }

    a.viewAllRed {
        color: #c00;
    }

        a.viewAllRed:hover {
            color: #c00;
            text-decoration: underline;
        }


    /* UL BASED COLUMNS: class="column columnX" */
    ul.column {
        list-style: none !important;
        margin: 0;
        padding: 0;
        display: inline-block;
        width: 100%;
    }

        ul.column ul {
            margin-left: 17px;
            padding: 0;
            list-style-type: none;
            text-align: left;
        }

        ul.column li {
            margin-bottom: 20px;
        }

            ul.column li img {
                max-width: 100%;
                height: auto;
            }

        ul.column ul li {
            float: none;
            width: 100%;
            margin: 0px;
            display: list-item;
            margin-bottom: 10px;
        }

    ul.column_nav {
        margin-left: 20px;
    }

        ul.column_nav ul {
            margin: 2em 0 0 0;
            list-style-type: none;
            width: 100% !important;
        }

            ul.column_nav ul li {
                margin-bottom: 10px !important;
            }

                ul.column_nav ul li a {
                    line-height: 18px;
                }

    ul.tech_column ul {
        margin-top: 0
    }


    ul.column14 li {
        float: left;
        width: 22%;
        margin-right: 4%;
    }

        ul.column14 li:nth-child(4n) {
            margin-right: 0%;
        }

    ul.column13 li {
        float: left;
        width: 30.3%;
        margin-right: 4%;
    }

        ul.column13 li:nth-child(3n) {
            margin-right: 0%;
        }

    ul.column12 li {
        float: left;
        width: 48%;
        margin-right: 4%;
    }

        ul.column12 li:nth-child(2n) {
            margin-right: 0%;
        }

    ul.column7 li {
        float: left;
        width: 12%;
        margin-right: 2.65%
    }

        ul.column7 li:nth-child(7n) {
            margin-right: 0%;
        }

        ul.column7 li:nth-child(7n+1) {
            clear: left;
        }

    ul.column6 li {
        float: left;
        width: 14%;
        margin-right: 3.2%;
    }

        ul.column6 li:nth-child(6n) {
            margin-right: 0%;
        }

        ul.column6 li:nth-child(6n+1) {
            clear: left;
        }

    ul.column5 li {
        float: left;
        width: 16%;
        margin-right: 5%;
    }

        ul.column5 li:nth-child(5n) {
            margin-right: 0%;
        }

        ul.column5 li:nth-child(5n+1) {
            clear: left;
        }

    ul.column4 li {
        float: left;
        width: 22%;
        margin-right: 4%;
    }

        ul.column4 li:nth-child(4n) {
            margin-right: 0%;
        }

        ul.column4 li:nth-child(4n+1) {
            clear: left;
        }

    ul.column.column4.center li {
        margin-bottom: 30px;
    }

    ul.column3 li {
        float: left;
        width: 30.3%;
        margin-right: 4.5%;
    }

        ul.column3 li:nth-child(3n) {
            margin-right: 0%;
        }

        ul.column3 li:nth-child(3n+1) {
            clear: left;
        }

    ul.column2 li {
        float: left;
        width: 48%;
        margin-right: 4%;
    }

        ul.column2 li:nth-child(2n) {
            margin-right: 0%;
        }

        ul.column2 li:nth-child(2n+1) {
            clear: left;
        }



    .catThumb {
        max-width: 125px;
        max-height: 125px;
        margin-bottom: 5px;
        transition: all .25s ease-out;
    }

    /* add shadow to catThumb images  
ul.column4 li:hover img.catThumb { 
    transition: all .25s ease-out;
    -moz-box-shadow:  0px 15px 10px -15px #111;  
      -o-box-shadow:  0px 15px 10px -15px #111;
 -webkit-box-shadow:  0px 15px 10px -15px #111;
     -ms-box-shadow:  0px 15px 10px -15px #111; 
         box-shadow:  0px 15px 10px -15px #111; 
   	     transform: translateY(-15px);
	-moz-transform: translateY(-15px);
 -webkit-transform: translateY(-15px);
      -o-transform: translateY(-15px);
     -ms-transform: translateY(-15px);
  transition-delay: .45s; } */

    .thumbnail span {
        visibility: hidden;
        display: none;
    }

    .thumbnail:hover span {
        left: 0;
        margin-left: 0px;
        margin-top: 100px;
        z-index: 99;
        border-style: solid;
        position: fixed;
        visibility: visible;
        display: block;
        left: 300px;
        top: 5px;
    }


    /* DIV BASED COLUMNS: for core layouts */
    /* division, browse catalog, catalog request */

    #leftColumn13 {
        float: left;
        width: 33.33%;
    }

        #leftColumn13:first-child {
            padding-right: 10px;
        }

        #leftColumn13:nth-child(2) {
            padding: 0 10px;
        }

        #leftColumn13:last-child {
            padding-left: 10px;
        }

    #leftColumn34 {
        float: left;
        width: 75%;
        padding-right: 15px;
        box-sizing: border-box;
    }

    #rightColumn14 {
        float: right;
        width: 25%;
        padding-left: 15px;
        box-sizing: border-box;
    }

    /*about us page*/
    #leftColumn14 {
        float: left;
        width: 30%;
        margin: 0;
        padding: 0;
    }

    #rightColumn34 {
        float: right;
        width: 70%;
        margin-top: 40px;
        padding-left: 15px;
    }

    #leftColumn65 {
        float: left;
        width: 65%;
        height: auto;
        margin: 0;
        padding-right: 25px;
        line-height: 1.5em;
        border-right: 1px dotted #dddddd;
    }

    #rightColumn35 {
        float: right;
        width: 35%;
        margin: 0;
        padding-left: 25px;
    }

    #leftColumn80 {
        float: left;
        width: 80%;
        height: auto;
        padding-right: 30px;
    }

    #rightColumn20 {
        float: right;
        width: 20%;
        height: auto;
    }

    #leftColumn50 {
        float: left;
        width: 49%;
        padding: 0;
    }

    #rightColumn50 {
        float: right;
        width: 49%;
        padding: 0;
    }

    /* your account */
    #leftColumn35 {
        float: left;
        width: 35%;
        height: auto;
        margin: 0;
        padding-right: 35px;
        line-height: 1.75em;
        border-right: 1px dotted #009bd8;
        list-style-type: none;
    }

    #rightColumn65 {
        float: right;
        width: 65%;
        margin: 0;
        padding-left: 35px;
    }

    #leftColumn20 {
        float: left;
        width: 20%;
        height: auto;
    }

    #rightColumn80 {
        float: right;
        width: 80%;
        height: auto;
    }


    /* SPECIAL DIV BASED COLUMNS (site map, +): try to use the ULs if possible */
    .column13container div.column13 {
        float: left;
        width: 30%;
        margin-right: 5%;
    }

        .column13container div.column13:nth-child(3n) {
            margin-right: 0
        }

        .column13container div.column13 li {
            margin: 10px 0;
        }

    .column13 img {
        max-width: 100%;
    }


    /* PRODUCT PAGES */

    #ppLeft {
        float: left;
        width: 28%;
        text-align: center;
        margin: 0 2% 0 0;
        position: relative;
    }

    #ppRight {
        float: right;
        width: 70%;
    }

    .prodpage-left {
        width: 48% !important;
    }

    .prodpage-right {
        width: 50% !important;
    }

    .zoom-in {
        z-index: 1;
        border: 1px solid #dcdcdc;
        box-shadow: 0px 0px 10px #a6a6a6;
        border-radius: 5px;
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        cursor: -moz-zoom-out !important;
        cursor: -webkit-zoom-out !important;
        cursor: -o-zoom-out !important;
        cursor: -ms-zoom-out !important;
        cursor: zoom-out !important;
        transform-origin: 0;
    }

    a .ppPhoto {
        border: 0px;
    }

    .ppEPage {
        margin: 15px 0;
        font-size: 13px;
        font-weight: bold;
    }

        .ppEPage a {
            color: #9ebf4a;
        }

    .ppMag {
        vertical-align: middle;
    }

    .ppLogo {
        float: right;
        margin: 0px 0px 0px 10px;
    }

        .ppLogo img {
            max-width: 150px;
        }

    .ppPhoto {
        max-width: 100%;
        max-height: 400px;
        transition: all .25s ease;
    }

        .ppPhoto:hover {
            cursor: -moz-zoom-in;
            cursor: -ms-zoom-in;
            cursor: -o-zoom-in;
            cursor: zoom-in;
        }

    .additional-info img {
        max-width: 100%;
    }

    .ppHeader {
    }

        .ppHeader h1 {
            margin: 10px 0;
            padding: 0;
        }

        .ppHeader h2 {
            margin: 10px 0;
            padding: 0;
        }

    .ppCopy {
        margin: 10px 0px;
        padding: 0;
    }

        .ppCopy ul, .additional-info ul {
            margin: 0;
        }

    .additional-info .related-item {
        margin-top: 30px;
    }

    .ppCopy li {
        margin: 0;
    }

    .ppCopy img {
        max-width: 100%;
    }

    .ppCopy a {
        color: #009bd8;
    }

    .ppCopy h1, .ppCopy h2,
    .ppCopy h3, .ppCopy h4 {
        line-height: 26px;
    }

    .hide-desktop {
        display: none;
    }

    .responsiveTable {
        width: 100%;
        float: left;
    }

        .responsiveTable.cart-responsivetable {
            padding: 0 10px;
        }

        .responsiveTable tbody tr {
            width: 100%;
            position: relative;
        }

            .responsiveTable tbody tr::after {
                content: "";
                left: 0;
                width: 100%;
                position: absolute;
                height: 1px;
                border-top: 1px solid #ccc;
            }

            .responsiveTable tbody tr.noborder::after {
                border: none;
            }

    .newResponsiveTableRepairPart {
        width: 100%;
        float: left;
    }

        .newResponsiveTableRepairPart.cart-responsivetable {
            padding: 0 10px;
        }

        .newResponsiveTableRepairPart tbody tr {
            width: 100%;
            position: relative;
        }

            .newResponsiveTableRepairPart tbody tr::after {
                content: "";
                left: 0;
                width: 100%;
                position: absolute;
                height: 1px;
                border-top: 1px solid #ccc;
            }

            .newResponsiveTableRepairPart tbody tr.noborder::after {
                border: none;
            }

    .underline-text tr td a:hover, .underline-text tr th a {
        text-decoration: underline;
        color: #009bd8;
    }

    #table1,
    .table-catalog {
        border-collapse: collapse;
        width: 100% !important;
    }

        #table1 tr th,
        .table-catalog tr th {
            background-color: #E0E8EF;
            font-weight: bold;
            text-align: center;
            font-size: 13px;
            padding: 2px 5px;
        }

        #table1 tr td,
        .table-catalog tr td {
            font-size: 13px;
        }

    #table2,
    .table-catalog {
        border-collapse: collapse;
        width: 100% !important;
    }

        #table2 tr th,
        .table-catalog tr th {
            background-color: #E0E8EF;
            font-weight: bold;
            text-align: center;
            font-size: 13px;
            padding: 2px 5px;
        }

        #table2 tr td,
        .table-catalog tr td {
            font-size: 13px;
        }

            #table2 tr td input.ppQty {
                width: 70px !important;
                height: 25px;
                text-align: center;
                border: 1px solid #666;
                margin-bottom: 3px;
            }

            #table2 tr td input.ppBig {
                width: 50px;
                height: 25px;
            }

        .table-catalog tr td {
            border: 1px solid #666;
            padding: 5px;
        }

        .table-catalog tr th {
            border: 1px solid #666;
            min-width: 60px
        }

        .table-catalog tbody tr::after {
            border: none !important;
        }

    #table1 tr td input.ppQty {
        width: 70px !important;
        height: 25px;
        text-align: center;
        border: 1px solid #666;
        margin-bottom: 3px;
    }

    #table1 tr td input.ppBig {
        width: 50px;
        height: 25px;
    }

    .table-catalog tr td input {
        font-size: 16px;
        margin: 0
    }

        .table-catalog tr td input.ppQty {
            width: 100%;
            height: 25px;
            text-align: center;
            border: 0px solid #666;
        }

        .table-catalog tr td input.ppBig {
            width: 100%;
            height: 25px;
            border: 0px solid #666;
        }

    .catalog-quick-order-table {
        width: 400px;
        margin: 0 auto;
    }

    .responsiveTable table.ppItems, table.ppItems tbody tr {
        width: 100%;
        position: relative;
    }

        .responsiveTable table.ppItems tbody tr::after {
            content: "";
            left: 0;
            width: 100%;
            position: absolute;
            height: 1px;
            border-top: 1px solid #ccc;
        }

    .newResponsiveTableRepairPart table.ppItems, table.ppItems tbody tr {
        width: 100%;
        position: relative;
    }

        .newResponsiveTableRepairPart table.ppItems tbody tr::after {
            content: "";
            left: 0;
            width: 100%;
            position: absolute;
            height: 1px;
            border-top: 1px solid #ccc;
        }

    /* 
table.ppItems { 
	border-collapse:collapse;
	padding:0; 
	margin:0 auto; 
	font-size:13px; 
	width:340px;
}
table.ppItems th { 
	border:1px solid #666; 
	background-color:#E0E8EF;
	text-align:center;
	color:#000; 
	font-weight:bold;
	padding:2px 5px;
}
table.ppItems td { 
	border:1px solid #666; 
	color:#000; 
	padding:2px 5px;
}
table.ppItems select {
	width: 100%;
}
table.ppItems input.ppQty { width:50px; height:25px; text-align:center; }
table.ppItems input.ppBig { width:100%; height:25px; }
 */


    table.ppItems-adv-search {
        border-collapse: collapse;
        padding: 0;
        margin: 0 auto;
        font-size: 13px;
        width: 85%;
    }

        table.ppItems-adv-search th {
            border: 1px solid #666;
            background-color: #E0E8EF;
            text-align: center;
            color: #000;
            font-weight: bold;
            padding: 2px 5px;
        }

        table.ppItems-adv-search td {
            border: 1px solid #666;
            color: #000;
            padding: 2px 5px;
        }

        table.ppItems-adv-search tr:nth-child(2) td:last-child {
            border-top: 2px solid transparent;
            border-bottom: 2px solid transparent;
        }

        table.ppItems-adv-search select {
            width: 100%;
        }

        table.ppItems-adv-search input.ppQty {
            width: 50px;
            height: 25px;
            text-align: center;
        }

        table.ppItems-adv-search input.ppBig {
            width: 100%;
            height: 25px;
        }

    .cart_submit {
        background-color: #8f2140;
        color: #fff;
        font-size: 13px;
        border: 1px solid #666;
        margin: 10px 0;
        padding: 6px 8px;
        float: right;
    }
    /*.cart_submit { background-color:#8f2140; color:#fff; font-weight:bold; border:1px solid #666; margin:10px 0; padding:2px 5px; float:right; } */
    .cart_button {
        background-color: #8f2140;
        color: #fff;
        font-size: 13px;
        border: 1px solid #666;
        margin: 10px 0px;
        padding: 6px 8px;
    }

    /*
.ppAdditionalImage { float:right; padding: 0;}
.ppAdditionalImage img {padding: 0 0 20px 20px; float:right;}
*/

    /* display additional images from right to left*/
    .ppAdditionalImage img {
        margin-left: 20px;
        margin-bottom: 20px;
        margin-top: 20px;
    }

        .ppAdditionalImage img:first-child {
            margin-left: 0
        }

    .ppAdditionalImage br {
        display: none;
    }

    .ppRelatedBox {
    }

    h3.rightColumnHeading, #home-categories h2 {
        overflow: auto;
        /*background:url(/Themes/Emporium/Content/img/h3-gradient.gif) top left repeat-x; */
        background: #666;
        margin: 0;
        padding: 0px 5px;
        line-height: 30px;
        color: #fff;
        font-size: 16px;
    }

    /* Product Pages Dividers */
    h3.gradient {
        /*background:url(/Themes/Emporium/Content/img/h3-gradient.gif) top left repeat-x; */
        background: none;
        line-height: 30px;
        color: #009bd8;
        font-size: 16px;
        padding: 0px 10px;
        margin: 20px 0px;
        border-top: 1px solid #555;
        border-bottom: 1px solid #555;
    }


    h3.catalogTitle {
        margin: 0;
        padding: 25px 0 0 0;
        font-size: 16px;
        text-align: right;
        float: left;
        width: 40%;
    }

    .catalogImage {
        float: right;
        width: 60%;
        padding: 0 20px;
    }

        .catalogImage img {
            max-width: 100%;
        }

    .divPhoto {
        max-width: 60%;
        float: left;
    }

        .divPhoto img {
            max-width: 100%;
        }

    .divLinks {
        width: 40%;
        float: right;
    }

        .divLinks ul li:nth-child(n+2) {
            margin-top: 10px;
        }

    .viewAll {
        line-height: 20px;
        padding-right: 15px;
        background: url(../gif/orange-triangle.gif) right center no-repeat;
    }

    .col_newItem img {
        width: 75px;
        height: 75px;
        float: left;
        border: 1px solid #999;
    }

    .col_newItem p {
        margin-left: 85px;
        line-height: 20px;
        font-size: 14px;
    }

    /* pump repair page, flyers ABOUT US PAGE */
    ul.orangeArrowXL {
        list-style-image: url(../gif/orange-arrow-xl.gif) !important;
        margin-top: 0;
        margin-left: 17px;
        padding: 0;
    }

        ul.orangeArrowXL li {
            margin-bottom: 15px;
            padding-right: 20px;
        }

        ul.orangeArrowXL h3 {
            margin: 0;
            padding: 0
        }

    .orangeArrowXL-padding {
        list-style: none;
        line-height: 15px;
        margin-top: 0;
        padding: 5px 0 0 15px;
        background-image: url(../gif/orange-arrow-xl.gif);
        background-repeat: no-repeat;
        background-position: 0 5px;
    }

    /* Flyers, div pages & right col browse catalog arrows */
    ul.orangeArrow {
        list-style-image: url(../gif/orange-triangle.gif);
        margin-top: 0;
        margin-left: 17px;
        padding: 0;
    }

        ul.orangeArrow li {
            margin-bottom: 10px;
            padding-right: 20px;
        }

    /* about us page */
    ul.orangeArrowSpacer {
        list-style-image: url(../gif/orange-triangle.gif);
        margin: 0 0 15px 2em !important;
        padding: 0;
    }

        ul.orangeArrowSpacer li {
            margin-top: 10px;
        }


    /* Catalog Request Form */

    .catReq {
        display: table;
        width: 100%;
        height: auto;
        margin: 0 0 8px 0;
        padding: 0;
        text-align: left;
        vertical-align: text-top;
        line-height: 30px;
    }

    .catCell-star {
        display: table-cell;
        text-align: center;
        vertical-align: text-top;
        width: 3%;
        margin: 0;
        padding: 0;
        color: red;
        font-weight: bold;
    }

    .catCell-a {
        display: table-cell;
        text-align: left;
        vertical-align: text-top;
        width: 31%;
        margin-right: 3%;
        padding: 0 1% 0 0;
    }

    .catCell-b {
        display: table-cell;
        text-align: left;
        vertical-align: text-top;
        width: 63%;
        margin: 0;
        padding: 0;
    }

    .catCell-cBox {
        display: table-cell;
        text-align: left;
        vertical-align: text-top;
        width: 60%;
        margin: 0;
        padding: 0;
    }

    .catReq label {
    }

    input.catreq_text {
        width: 100%;
        border: 1px solid #999;
    }


    /* New Account Registration Form */

    .acctReg {
        display: table;
        width: 100%;
        height: auto;
        margin: 0% 0% 2% 0%;
        padding: 0;
        line-height: 30px;
        font-size: 14px;
    }

    .acctCell-a {
        display: table-cell;
        float: left;
        text-align: right;
        vertical-align: middle;
        width: 42%;
        margin-right: 3%;
        padding: 0;
    }

    .acctCell-b {
        display: table-cell;
        float: right;
        text-align: left;
        vertical-align: middle;
        width: 55%;
        margin: 0;
        padding: 0;
    }

    .vtop {
        vertical-align: top;
    }


    /* Forms */

    .formCol {
        width: 100%;
        margin-bottom: 3%;
    }

        .formCol img {
            float: left;
            max-width: 100%;
            height: auto;
            display: block;
            vertical-align: text-top;
        }

        .formCol h2, .formCol h3 {
            margin-top: 0;
            padding-left: 100px;
        }

        .formCol p {
            margin: 0;
            padding-left: 100px;
            font-size: 14px;
        }


    /* Flyer Nav */

    #navcontainer ul {
        float: left;
        list-style-type: none;
        width: 100%;
        margin: 0;
        padding: 0;
        background-color: #fff;
        border-bottom: 5px solid #009bd8;
        color: #009bd8;
        text-align: center;
    }

        #navcontainer ul li {
            display: inline;
        }

            #navcontainer ul li a:link {
                width: 14.283%;
                padding: .5em 0 .2em 0;
                background-color: #fff;
                color: #009bd8;
                text-decoration: none;
                float: left;
            }

            #navcontainer ul li a:visited {
                width: 14.283%;
                padding: .5em 0 .2em 0;
                background-color: #fff;
                color: #009bd8;
            }

            #navcontainer ul li a:hover {
                width: 14.283%;
                padding: .5em 0 .2em 0;
                background-color: #009bd8;
                color: #fff;
            }

    #navcontainer li a#current {
        background-color: #009bd8;
        color: #fff;
    }


    /* Manufacturer's Pages */

    .mfgLinks {
    }
        /*.mfgLinks p { margin: 1.5em 0 5px 0; padding:0; }*/
        .mfgLinks ul {
            margin: 0 0 0 2em;
            padding: 0;
        }

        .mfgLinks li {
            margin-bottom: 10px;
        }

    .mfgCol {
        float: left;
        padding-top: 16px;
        width: 100%;
    }

        .mfgCol a {
            display: table;
            margin: 0 0 5% 0;
            padding: 0;
            width: 100%;
        }

    .mfgColCell {
        display: table-cell;
        vertical-align: middle;
        width: 50%;
        padding: 0 5px;
        margin: 0;
    }

        .mfgColCell img {
            max-width: 100%;
            height: auto;
            display: block;
            margin: 0 auto;
        }

        .mfgColCell p {
            margin: 0;
            padding: 0;
            font-size: 14px;
        }


    /* Parts Schematics Pages */

    .schemCol {
        float: left;
        display: table;
        width: 100%;
        margin-top: 1%;
    }

    .schemColCell-a {
        display: table-cell;
        vertical-align: middle;
        width: 30%;
        padding: 0;
        margin: 0;
    }

        .schemColCell-a img {
            margin-right: 10px;
        }

    .schemColCell-b {
        display: table-cell;
        vertical-align: middle;
        width: 70%;
        padding: 0;
        margin: 0;
    }

        .schemColCell-b ul li {
            list-style-type: none;
            margin: 10px 0;
        }

    .target-link {
        padding-top: 120px;
        margin-top: -120px;
        display: inline-block;
    }

    .target-video {
        padding-top: 400px;
    }

    /* Tech Library Pages */
    ul.techArrows {
        list-style-image: url(../gif/orange-triangle.gif);
        margin: 20px;
        padding: 0;
        line-height: 20px;
        font-size: 20px;
    }

        ul.techArrows li {
            margin-bottom: 15px;
            line-height: 26px;
        }

    ul.techPDFs li {
        margin: 20px 0;
        position: relative;
        list-style-type: none;
    }

        ul.techPDFs li::before {
            content: "";
            height: 20px;
            width: 20px;
            position: absolute;
            top: 0;
            left: -26px;
            background-size: 100%;
            background-image: url(../png/icon-pdf-33x33-2.png);
        }


    .techLib {
        width: 100%;
        margin-bottom: 3%;
    }

        .techLib img {
            float: left;
            max-width: 100%;
            height: auto;
            display: block;
            vertical-align: text-top;
            margin: 0 1.5em 1.5em 0;
            padding: 0;
        }

        .techLib h2, techLib h3 {
            margin: 0;
            padding: 0;
        }

        .techLib ul {
            margin-left: 150px;
            padding: 0;
            list-style-type: disc;
            text-align: left;
        }

        .techLib li {
            margin-left: 1.5em;
            padding: 0;
        }

    ul.techCharts {
        margin: 0;
        padding: 0;
        list-style-type: disc;
        text-align: left;
    }

        ul.techCharts ul li {
            margin: 0;
            padding: 0;
            list-style-type: disc;
            text-align: left;
        }

    p.techLib {
        margin: 0;
        font-size: 14px;
    }


    ul.browseCats {
        margin: 0;
        padding: 0;
        list-style-type: disc;
        text-align: left;
    }


    /* Tech Table: one column, images on left side: see Mobile Car Wash */

    .techCol {
        float: left;
        display: table;
        margin-bottom: 3%;
        padding-bottom: 3%;
        width: 100%;
        border-bottom: 1px solid #dddddd;
    }

    .techColCellA {
        display: table-cell;
        vertical-align: top;
        width: 30%;
        padding: 0;
        margin: 0;
    }

    .techColCellB {
        display: table-cell;
        vertical-align: top;
        width: 70%;
        padding: 0;
        margin: 0;
    }

    .techColCellA img {
        max-width: 80%;
        height: auto;
        display: block;
        margin: 0 auto;
    }

    .techCol p {
        font-size: 14px;
    }


    /* browse catalogs */

    .browseCats {
        float: left;
        display: table;
        margin: 15px 0;
        padding: 0;
        width: 100%;
    }

    .browseCatsCellA {
        display: table-cell;
        vertical-align: top;
        width: 40%;
        padding: 0;
        margin: 0;
    }

    .browseCatsCellB {
        display: table-cell;
        vertical-align: top;
        width: 60%;
        padding: 0;
        margin: 0;
    }

    .browseCats h2 {
        margin: 0;
        padding: 0;
    }

    .browseCats img {
        float: left;
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
    }

    .browseCats ul {
        list-style-type: disc;
        margin: 10px 0 0 0;
        padding: 0;
    }

    .browseCats li {
        margin: 0 0 3px 1.5em;
        padding: 0;
    }


    /* Videos (3 horizontal images, text to the right of each) */

    .video-three {
        width: 32%;
        margin: 2% 2% 1% 0;
        padding: 0;
        float: left;
        line-height: 15px;
        text-align: left;
    }

        .video-three img {
            float: left;
            max-width: 100%;
            margin-right: 10px;
        }

        .video-three h3 {
            margin: 5px;
        }

        .video-three h4 {
            margin: 10px 0;
            color: #a9a9a9;
            font-style: oblique;
        }


    h3.moreSpace {
        margin: 1.5em 0 1.5em 0;
    }


    /* Extra li Spacing (Site Map) */
    #liHeight ul li {
        padding: 2px 0;
    }

    ol.normal li {
        margin-bottom: 1%;
        line-height: 20px;
    }

        ol.normal li a {
            color: #0171af;
            text-decoration: none;
        }

            ol.normal li a:hover {
                color: #009bd8;
                text-decoration: underline;
            }


    /* PDF list icons: OPTION ONE (not using)*/
    ul.pdf {
        list-style-image: url(../icon-pdf-16x16.html) !important;
        padding-left: 25px;
        line-height: 15px;
    }

        ul.pdf li {
            line-height: 15px;
            display: list-item;
        }

        /* PDF list icons: OPTION TWO (not using) */
        ul.pdf a {
            padding-left: 20px;
            background: url(../icon-pdf-16x16.html) center left no-repeat;
            line-height: 40px;
        }

    /* PDF list icons: OPTION Three */
    ul.pdfs li {
    }

        ul.pdfs li a {
            padding-left: 25px;
            background: url(../png/icon-pdf-33x33-2.png) center left no-repeat;
            background-size: 20px;
            line-height: 20px;
        }

    /* pdf icon on each anchor tag */
    .pdf_icon {
        line-height: 25px;
    }

        .pdf_icon a {
            padding: 3px 25px;
            background: url(../png/icon-pdf-33x33-2.png) center left no-repeat;
            background-size: 20px;
        }

    /* gear icon on each anchor tag */
    .gear_icon {
        line-height: 25px;
    }

        .gear_icon a {
            padding: 3px 25px;
            background: url(../icon-gear-33x33.html) center left no-repeat;
            background-size: 20px;
        }

    .obs {
        position: relative;
    }

        .obs:hover::after {
            content: "Obsolete";
            background: red;
            border-radius: 4px;
            padding: 2px 5px;
            color: white;
            top: -20px;
            position: absolute;
        }


    /* Your account */
    .yourAccount {
    }

        .yourAccount h2 {
            margin-bottom: 3px;
        }

        .yourAccount ul {
            list-style-type: none;
            margin: 0 0 20px 0;
            padding: 0;
        }

        .yourAccount li {
            list-style: none;
            margin: 0;
            padding: 0 0 10px 0;
        }

    #signIn {
        margin: 0% 33%;
        float: left;
        padding: 0;
    }

    #checkoutSignIn {
        margin: 0;
        padding: 0;
    }

    .rcr {
        border: 1px dotted #999;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        padding: 0 15px 10px 15px;
        line-height: 150%;
    }


    /* Orders and Invoices
================================== */

    .orderdetails {
        margin: 5px 0;
    }

    .orderdetail_submit {
        background-color: #8f2140;
        color: #fff;
        font-size: 13px;
        border: 1px solid #666;
        margin: 5px 0 10px 0;
        padding: 3px 8px;
        cursor: pointer;
    }


    .invoice_buttons {
        font-size: 14px;
        margin: 11px 0 0 0;
        padding: 3px 8px;
        border: 1px solid #666;
    }

    .invoice_submit, .order_submit {
        background-color: #8f2140;
        color: #fff;
        font-size: 13px;
        border: 1px solid #666;
        margin: 20px 0 10px 0;
        padding: 3px 8px;
        cursor: pointer;
    }

    table.dataTable.nowrap th, table.dataTable.nowrap td {
        text-align: left;
        padding-left: 10px;
    }

    /* Order and Invoice Details */
    .invoice-details-heading {
        float: left;
        width: 50%;
    }

    .view-print {
        float: right;
        width: 50%;
        margin-top: 23px;
        text-align: right;
    }

        .view-print .view-print-btn {
            background-color: #a30046;
            border: 0;
            padding: 6px 12px;
            color: #fff;
            font-size: 15px;
            cursor: pointer;
        }



    .order-container {
        width: 100%;
        padding-bottom: 5px;
        border-bottom: 1px dotted #0093d0;
    }

    .order-invoice {
        width: 33%;
        float: left;
    }

    .tracking-shipment {
        width: 67%;
        float: right;
    }


    .carrier-details {
        float: left;
        width: 50%;
    }

    .tracking-details {
        float: right;
        width: 50%;
    }

        .tracking-details a {
            text-decoration: underline !important;
        }

    /* 
    .payment-details {
        width: 100%;
        margin-top: 5px;
        margin-bottom: 25px;
        padding-bottom: 5px;
     
	border-bottom: 1px dotted #0093d0;
 */
    }

    .order-details p,
    .invoice-details p,
    .order-taker-details p,
    .carrier-details p,
    .tracking-details p,
    .ship-details p,
    .bill-to p,
    .ship-to p,
    .payment-method p {
        margin: 0;
        line-height: 24px;
    }

    .order-details strong,
    .tracking-details strong {
        width: 105px;
        display: inline-block;
    }

    .carrier-details strong,
    .bill-to strong,
    .ship-to strong {
        width: 70px;
        display: inline-block;
    }


    .invoice-details,
    .order-taker-details,
    .ship-details,
    .payment-method {
        float: left;
        width: 33%;
    }

    .invoice-details,
    .order-taker-details,
    .ship-details,
    .payment-method {
        margin-left: 2%;
    }


        .invoice-details strong,
        .order-taker-details strong {
            width: 95px;
            display: inline-block;
        }

    .invoice-table {
        margin-bottom: 25px;
    }

        .invoice-table tr td {
            text-align: center;
        }

    .shipping-details-table {
        margin-bottom: 25px;
    }

        .shipping-details-table table {
            border-top: 1px solid #666666;
            border-right: 1px solid #666666;
            border-bottom: 5px solid #666666;
            border-left: 1px solid #666666;
            border-collapse: collapse;
            margin-top: 3px;
        }

        .shipping-details-table thead tr th {
            background-color: #e0e8ef;
            padding: 7px 5px;
            text-align: center;
            border-right: 1px solid #666666;
            border-bottom: 1px solid #666666;
        }

        .shipping-details-table tr td {
            padding: 7px 5px;
            text-align: center;
            border-right: 1px solid #666666;
            border-bottom: 1px solid #666666;
        }

            .shipping-details-table tr td:nth-child(3) {
                text-align: center;
            }

            .shipping-details-table tr td a {
                color: #009bd8 !important;
            }

                .shipping-details-table tr td a:hover {
                    color: #009bd8 !important;
                    text-decoration: underline;
                }

        .shipping-details-table tr:last-child td {
            border-top: 5px solid #666666;
        }

    .total-amount {
        padding: 10px 0;
    }

        .total-amount p {
            margin: 0;
            text-align: right;
        }

        .total-amount .due-amnt {
            font-size: 18px;
        }

        .total-amount .value {
            display: inline-block;
            width: 100px;
            padding-right: 15px;
        }

        .total-amount i {
            margin-right: 110px;
        }

    .notes,
    .notes a {
        color: #e51937 !important;
    }

        .notes a {
            word-break: break-word;
        }

        .notes h5 {
            font-size: 16px;
            margin-bottom: 0;
        }

    .terms {
        font-size: 13px;
        line-height: 18px;
    }


    /* Invoice PO Table
================================== */
    .Rtable {
        display: flex;
        flex-wrap: wrap;
        margin: 0 0 3em 0;
        padding: 0px;
        text-align: center;
    }

    .Rtable-cell {
        box-sizing: border-box;
        flex-grow: 1;
        width: 100%;
        padding: 0.8em;
        overflow: hidden; /*// Or flex might break*/
        list-style: none;
        border: 1px dotted #0093d0;
        /*background: fade(slategrey,20%);
  > h1, > h2, > h3, > h4, > h5, > h6 { margin: 0; }*/
    }

    /* Invoice Table column sizing
================================== */
    .Rtable--2cols > .Rtable-cell {
        width: 50%;
    }

    .Rtable--3cols > .Rtable-cell {
        width: 33.33%;
    }

    .Rtable--4cols > .Rtable-cell {
        width: 25%;
    }

    .Rtable--5cols > .Rtable-cell {
        width: 20%;
    }

    .Rtable--6cols > .Rtable-cell {
        width: 16.6%;
    }





    /* CART: BOXES */
    .boxRow {
        display: table;
    }

    .box13 {
        display: table-cell;
        width: 33.33%;
        border: 1px solid #8f2140;
        border-right: none;
        padding: 15px;
        vertical-align: middle;
    }

        .box13:nth-child(3) {
            border-right: 1px solid #8f2140;
        }

        .box13 img {
            display: table-cell;
            padding-top: 5px;
            width: 292px;
        }

        .box13 ul {
            margin: 0 0 0 2em;
            padding: 0;
        }


    /* Categories Description Image & Text */
    .category-feature-image {
        float: left;
        margin: 10px 20px 10px 0px;
        width: 125px;
        height: 125px;
    }

    .more h2 {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .more a {
        color: #009bd8;
        text-decoration: none;
    }
    /* .more p { margin-bottom:5px; } */
    /*.more p { font-size:15px; line-height:22px; }*/
    b.morelink {
        color: #009bd8;
        text-decoration: none;
        outline: none;
    }

        b.morelink:hover {
            cursor: pointer;
        }

    .morecontent span {
        display: none;
    }



    /* SIGN IN FORM */

    form#account_login {
        margin: 0 auto;
        width: 350px;
    }

        form#account_login .account_input {
            border: 1px solid #ccc;
            padding: 5px;
            font-size: 14px;
            width: 100%;
            margin-bottom: 15px;
        }

        form#account_login div {
            line-height: 43px;
        }


    /* CHECKOUT */
    div.table {
        display: table;
        border: 1px solid #000;
    }

    div.td25 {
        width: 25%;
        border: 1px solid #000;
        display: table-cell;
        vertical-align: top;
    }

        div.td25 h2 {
            text-align: center;
            color: #8F2140;
            display: table-cell;
            height: 100px;
            vertical-align: middle;
            background-color: #ccc;
        }

            div.td25 h2 a {
                color: #8F2140;
            }

        div.td25 p {
            padding: 10px;
            margin: 0;
        }

    div.vcenter {
        vertical-align: middle;
    }

    div.td25 form {
        padding: 10px;
    }

        div.td25 form label {
            font-weight: bold;
        }

        div.td25 form .account_input {
            border: 1px solid #ccc;
            padding: 5px;
            font-size: 14px;
            width: 100%;
        }


    #checkoutform div.twocolB {
        border: 1px solid #4374B3;
        padding: 10px;
        font-size: 13px;
        line-height: 13px;
    }

        #checkoutform div.twocolB, #checkoutform div.twocolB * {
            font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        }

            #checkoutform div.twocolB label {
                width: 40%;
                padding-right: 10px;
                color: #4374B3;
                float: left;
                text-align: left;
                line-height: 20px;
            }

    .unchangingResponse {
        line-height: 20px;
    }

    #checkoutform select {
        border: 1px solid #999;
        margin: 2px 0 0 0;
    }

    #checkoutform div.twocolB input.twocolS {
        float: left;
        width: 60%;
        padding: 5px;
        border: 1px solid #999;
        display: block;
        margin: 0;
        font-size: 13px;
    }

    #checkoutform div.twocolB .twocolS {
        float: left;
        width: 60%;
        display: block;
        margin: 0;
    }

    #checkoutform div.twocolB .twocolSS {
        float: left;
        width: 60%;
        padding: 5px;
        border: 1px solid #999;
        display: block;
        margin: 0;
    }

    #checkoutform div.clearL {
        height: 15px;
    }

    #checkoutform div.clearLR {
        height: 5px;
        clear: left;
    }

    .billing-information .fl,
    .shipping-information .fr {
        float: none;
    }

    .billing-information .w50,
    .shipping-information .w50 {
        width: 100%;
    }

    .shipping-information .onecol select {
        width: 100%;
        padding: 6px;
    }

    .business-type input.onecol {
        padding: 5px !important;
    }

    .business-type .onecol {
        padding: 0 !important;
    }

    .business-type .twocolB {
        padding: 20px !important;
    }

    .verify-billing-left-content .twocolB,
    .verify-billing-right-content .twocolB {
        border: 1px solid #4374B3 !important;
    }

    .verify-billing-left-content select {
        width: 60%;
        padding: 5px;
    }

    .select-ship-drop-down {
        padding: 0 !important;
    }

        .select-ship-drop-down select {
            width: 40%;
            padding: 5px;
        }


    #checkoutform .required {
        float: right;
        color: #8F2140;
        font-weight: bold;
        margin-top: 5px;
    }

    #checkoutform .req {
        color: #8F2140;
        font-weight: bold;
    }

    #checkoutform div.onecol textarea {
        font-size: 12px;
        clear: left;
        display: block;
        border: 1px solid #999;
        width: 450px;
        height: 50px;
    }

    #checkoutform div.onecol .radio {
        float: left;
        margin: 8px;
    }

    #checkoutform div.onecol label {
        color: #4374B3;
        width: 30% !important;
        line-height: 30px;
    }

        #checkoutform div.onecol label.empty-lable {
            display: none;
        }

        #checkoutform div.onecol label.aW {
            width: auto;
            text-align: left;
        }

        #checkoutform div.onecol label.shipPref {
            width: 90%;
            text-align: left;
        }

            #checkoutform div.onecol label.shipPref span {
                margin-left: 30px;
            }

        #checkoutform div.onecol label.paymentCard {
            width: 150px;
        }

    #checkoutform div.onecol select {
        width: 65% !important;
        float: right !important;
    }

    #checkoutform div.onecol input.onecol {
        width: 65% !important;
        float: right !important;
    }

    #checkoutform div.onecol input.onecol {
        text-align: left;
        border: 1px solid #999;
        display: block;
        margin: 15px 0 0 0;
    }

    #checkoutform div.onecol .pay-by-credit {
        float: right;
    }

    #checkoutform div.radiolabel {
        float: left;
        margin: 2px 0 0 0;
        max-width: 95%;
    }

    #checkoutform div.twocol label {
        color: #4374B3;
        font-weight: bold;
        margin: 2px 0 0 0;
        max-width: 95%;
    }

    .warningbox {
        padding: 10px;
        border-radius: 5px;
        background-color: #c00;
        color: #fff;
        font-weight: bold;
        text-align: center;
    }



    /* Ninh added here */

    .holiday {
        margin: 20px 0;
    }

    .we-know-flow {
        position: relative;
        margin-bottom: 10px;
        text-align: center;
    }

        .we-know-flow br {
            display: none;
        }

    .nav-account-submenu::before {
        content: "";
        position: absolute;
        top: -10px;
        right: 20px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #ddd;
    }

    .nav-account-submenu::after {
        content: "";
        position: absolute;
        top: -8.5px;
        right: 20px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
    }


    /* Ninh added over */



@media screen AND (max-width: 1179px) {

    .nav-account-submenu {
        margin-top: 35px;
    }

        .nav-account-submenu::before {
            content: "";
            position: absolute;
            top: -10px;
            right: 20px;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid #ddd;
        }

        .nav-account-submenu::after {
            content: "";
            position: absolute;
            top: -8.5px;
            right: 20px;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid #fff;
        }

    #checkoutform select {
        border: 1px solid #999;
    }

    .empty-lable {
        display: none;
    }

    .verify-billing-left-content .contact-not-listed {
        display: none;
    }

    .what-we-do-block-section {
        min-height: 185px;
        height: 250px;
    }
}

@media screen AND (min-width: 1180px) {

    #wrapper {
        width: 1150px;
        margin: 0 auto;
    }

    .wrapper-responsive {
        width: 1150px;
        margin: 0 auto
    }

    .about-img {
        margin: 10px 0;
    }

    .aboutList {
        list-style-image: url(../gif/list-blue-square.gif) !important;
        margin: 0 0 3% 5%;
        padding: 0;
    }

        .aboutList span:first-child {
            width: 50%;
            float: left;
            margin: 0;
        }

        .aboutList span:last-child {
            position: absolute;
            right: 0;
        }

    .aboutList {
        position: relative;
    }

    .aboutDivision {
        float: left;
        width: 50%;
        margin-right: 10px;
    }

    #header {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9;
        height: 100px;
    }

    #mobileFoot {
        display: none;
    }

    .mob-h-search {
        display: inline-flex;
        width: 85%;
        float: right;
    }

    .navigation {
        position: fixed;
        top: 100px;
        width: 100%;
        z-index: 8;
    }

    .header_fixed {
        height: 60px !important;
        transition-duration: .1s;
    }

        .header_fixed .h-search {
            margin-top: 10px;
            position: relative;
            width: 35%;
            transition: .2s ease;
        }

    .header-fixed span.cart-icon img {
        margin-top: 5px;
    }

    .header_fixed #header_contact .fs22 {
        font-size: 20px !important;
    }

    .header_fixed #header_contact span.mhide {
        display: none;
    }

    .header_fixed #header_quickorder {
        left: 15px;
        top: 2px;
    }

    .header_fixed #header_search p {
        display: none;
    }

    .header_fixed #header_welcome {
        display: none;
    }

    .header_fixed #header_cart {
        width: 30%;
    }

    .header_fixed .nav-account-submenu {
        margin-top: 36px;
    }

    .header_fixed .dultmeier-when-call {
        display: none
    }

    .header_fixed .dultmeier-phone-number {
        margin-top: -2px;
        flex-basis: 30%;
    }

    .sticky {
        position: sticky !important;
        top: 10px !important;
    }


    #footerNav {
        border-top: 1px solid #808080;
        border-bottom: 1px solid #808080;
        padding: 20px 0;
        margin: 25px 0 25px 0;
    }

        #footerNav .colA {
            width: 24%;
            margin-right: 2%;
        }

        #footerNav .colB {
            width: 22%;
            margin-right: 2%;
        }

        #footerNav .colC {
            width: 20%;
            margin-right: 2%;
        }

        #footerNav .colD {
            width: 28%;
        }

    #footFeedback {
        width: 100%
    }

    .cart_button {
        cursor: pointer;
    }

    /* Division animation starts */
    .division-shape {
        position: relative;
        overflow: hidden;
        margin: 0 auto;
    }

    .division-zoom {
        transition: all 0.35s ease-in-out;
    }

    .division-shape:hover .division-zoom {
        transition: all 0.35s ease-in-out;
        transform: scale(1.1);
    }
    /* Division animation ends */

    .video-box {
        border: 1px solid #dcdcdc;
        border-bottom-width: 3px;
        margin-top: 30px;
    }

        .video-box p, .video-box h3, .video-box a #button {
            margin: 15px;
        }


    /* Manufacturers new designs */
    .manufacturer-offset-photo {
        position: relative;
    }

        .manufacturer-offset-photo img {
            position: absolute;
            z-index: 1;
        }
    /* Manufacturers new designs over */


}


@media screen and (max-width: 1179px) {


    #header .dultmeier-main-logo {
        width: 18%;
    }

    #header_search p {
        margin-top: 0;
    }

    #header_contact {
        display: block;
        text-align: right;
        margin-top: 15px;
    }

        #header_contact .dultmeier-when-call {
            text-align: right;
        }

    #header_cart {
        width: 50%;
    }

    .h-search {
        width: 40%;
    }

    .h-cart-contact {
        width: 40%;
        float: right;
        margin: 0;
    }


    /*about us page*/
    .about-img {
        margin: 50px 0;
    }

    .aboutList {
        position: relative;
        list-style-image: url(../gif/list-blue-square.gif) !important;
        margin: 10px 0 0 17px;
        padding: 0;
        font-size: 1.3em;
    }

        .aboutList span:last-child {
            position: absolute;
            right: 0;
        }

        .aboutList span li {
            padding-right: 10px;
        }

    .about-header {
        font-size: 30px;
    }

    .about-water-banner {
        margin-top: 10px;
        min-height: 70px;
        object-fit: cover;
        object-position: left;
    }

    .about-career {
        padding: 0
    }

        .about-career li {
            list-style: none;
            margin-right: 30px;
            font-size: 16px;
            line-height: 25px;
        }

    .small-cart-icon {
        display: none;
    }


    /* content */
    #wrapper, .wrapper-responsive {
        width: 100%;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    

  

    #breadCrumbs {
        margin-top: 20px;
    }

    #menu {
        padding-top: 0;
        width: 100%;
    }


    /* navigation */

    .navigation {
        position: relative;
        z-index: 9;
        border: none;
        margin: 0;
        padding: 0;
        background: transparent;
    }

        .navigation ul {
            width: 100%;
            background-color: #888888;
            padding: 0 1%;
        }

    .nav ul {
        padding-left: 0;
        padding-right: 0;
    }

        .nav ul li ul {
            padding: 0;
            margin: 0;
            border-bottom: 1px solid #c4c4c4;
            width: 100%;
            overflow: hidden;
            border-top: none;
        }

    .nav-submenu-item {
        width: 102% !important;
    }

        .nav-submenu-item a {
            padding: 15px 30px !important;
            color:#fff !important;
            background-color: #a6a6a6;
            font-size: 15px;
        }

            .nav-submenu-item a:hover {
                color: #fff;
            }

    .nav-submenulevel2 {
        margin-top: 0;
    }

    .nav-mobile {
        color: #fff;
        display: block;
        font-size: 20px;
        z-index: 10;
        top: 0;
        height: 0;
        left: 10px;
    }


    .nav-list {
        display: none;
        position: absolute;
        width: 100%;
        z-index: 5;
        overflow-x: hidden;
        max-height: calc(100vh - 85px);
        z-index: 8 !important;
        margin-top: 5px;
        border-top: 1px solid #fff;
        border-bottom: none;
    }

    .nav-item {
        width: 100% !important;
        float: none;
        border-bottom: 1px solid #c4c4c4;
        margin: 0;
        display: block;
        height: auto;
    }

        .nav-item a:hover {
            color: #fff !important;
        }

    .nav-submenu-item {
        width: 100%;
        float: none;
        position: relative;
    }

        .nav-submenu-item:first-child {
            border-top: 1px solid #fff;
        }

    .submenu-first {
        width: 100% !important;
    }

    .submenu-last {
        width: 100% !important;
    }

    .menuitem-first {
        width: auto;
        height: 48px;
        text-align: left;
    }

        .menuitem-first a {
            display: inline-block !important;
        }

        .menuitem-first img {
            -webkit-filter: invert(1);
            filter: invert(1);
        }

    .nav_catalog a {
        width: auto;
        font-size: 14px !important;
        line-height: normal;
    }

    .nav-item > a {
        display: block;
        font-size: 16px;
        padding: 16px 16px !important;
        text-align: left;
        color: #fff !important;
        height: auto !important;
        color: #fff;
    }

    .nav-click {
        display: block;
        height: 52px;
    }

    .nav-mobile-open {
        border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
    }

    .nav-submenu-item:hover .nav-submenulevel2 {
        display: none;
    }

    .nav-submenu, .nav-submenulevel2 {
        top: 100px;
        width: 100%;
        box-shadow: none;
    }

    .nav-click i {
        height: 100%;
    }

    .nav_manufacturers .nav-click, .nav_shop .nav-click, .nav_tech .nav-click, .nav_schematic .nav-click {
        display: none;
    }

    .nav-submenu {
        display: none;
        opacity: 1;
        visibility: visible;
    }

    .navigation {
        width: 100% !important;
        padding: 0 10px;
    }

    .dropdown-desktop {
        display: none;
    }

    .featured-content {
        display: none;
    }

   

    .nav-submenu-item a {
        display: block;
    }

    .key-item {
        display: none;
    }

    .key-subitem {
        width: 100%;
    }

    .acolumn {
        display: block !important;
    }

    .fcolumn {
        display: block !important;
    }

    .kcolumn {
        display: block !important;
    }

    .pcolumn {
        display: block !important;
    }

    .ucolumn {
        display: block !important;
    }

    .a-column {
        display: block !important;
    }

    .f-column {
        display: block !important;
    }

    .k-column {
        display: block !important;
    }

    .p-column {
        display: block !important;
    }

    .u-column {
        display: block !important;
    }


    /* Ninh added here */


    /* mobile hamburger */

    .nav-hamburger {
        top: -45px;
        position: relative;
        width: 50px;
        height: 50px;
        cursor: pointer;
        background: rgb(174,175,175);
        background: #29A3D2;
    }

    .line {
        position: absolute;
        border-radius: 5px;
        width: 70%;
        height: 4px;
        background: white;
        left: 15%;
    }

    .line1 {
        top: 25%;
        transition: .25s all ease-in-out;
    }

    .line2 {
        top: 45%;
        transition: .25s all ease-in-out;
    }

    .line3 {
        top: 65%;
        transition: .25s all ease-in-out;
    }

    .x .line1 {
        top: 45%;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        transition: .25s all ease-in-out;
    }

    .x .line2 {
        width: 0;
        transition: .25s all ease-in-out;
    }

    .x .line3 {
        top: 45%;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg); 
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        transition: .25s all ease-in-out;
    }

    /* mobile hamburger over */


    .open {
        display: block !important;
    }

    .sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 55px;
    }


    /* modal */
    .modal-photo-wrapper {
        width: 748px;
        height: 100%;
        top: 0;
    }

        .modal-photo-wrapper .photo-src {
            width: 75%
        }

        .modal-photo-wrapper .display-x {
            top: 10px;
        }

    .modal-iframe-wrapper {
        width: 748px;
        position: relative;
    }

    .hide-tablet {
        display: none
    }

    .display-x {
        filter: brightness(1.5);
    }

    .mfgLinks iframe {
        width: 100%;
    }
    /* modal over */



    /* Sales team */
    .employee-info {
        width: auto;
        max-width: 340px;
    }

    .water-full-width, .about-box-full-width {
        z-index: unset;
    }

    /* Manufacturers new designs */
    .manufacturer-offset-photo {
        display: none;
    }
    /* Manufacturers new designs over */


}

@media screen AND (min-width: 768px) AND (max-width: 1179px) {


    /* message/error box */
    #specialMessage {
        color: #fff;
        text-align: center;
        font-weight: bold;
        font-size: 14px;
        margin: 5px 0;
        padding: 2px;
        background-color: #8f2140;
        border: 2px solid #fff;
        border-radius: 5px;
        box-shadow: 0 3px 8px rgba(0,0,0,0.3);
    }


    /* SEARCH FORM */
    #header {
        margin-bottom: 53px;
    }

    #header_quickorder span {
        display: none;
    }

    #header_search p {
        line-height: 30px;
        float: left;
        width: 50px;
        display: block;
        overflow: hidden;
        background-color: #fff;
    }

    #header_search_elements {
        width: 100%;
    }

    #header_contact .fs12 {
        font-size: 11px;
    }

    #header_contact .fs24 {
        font-size: 18px;
    }

    #header_welcome {
        display: none;
    }

    .search_img {
        top: 6px;
    }

    .dropdown-mobile {
        display: none;
    }

    .dropdown-desktop {
        display: none;
    }

    #accountLinks {
        margin-bottom: 10px;
    }

    .arrow-down {
        background: url(../arrow-down-2.html) no-repeat;
        padding-right: 10px;
        background-size: 9px;
        background-position: 1px;
    }

    .account {
        background-size: 16px;
        background-position: 7px 9px;
        padding-right: 2px;
        padding-left: 28px;
        padding-top: 10px;
        cursor: pointer;
    }

        .account span:first-child {
            display: none
        }


    /* content */
    #content {
        font-size: 17px;
        line-height: 27px;
    }


    /*main container for footer, columns 1, 2 & 3*/
    #mobileFoot {
        display: none;
    }

    #footerNav {
        border: 1px solid #808080;
        padding: 10px;
        margin-top: 10px;
    }

        #footerNav .colA {
            width: 30%;
            margin-right: 5%;
        }

        #footerNav .colB {
            width: 30%;
            margin-right: 5%;
        }

        #footerNav .colC {
            width: 30%;
        }

        /*ColD = container, ColD_A = Subscribe, ColD_B = feedback stuff*/
        #footerNav .colD {
            width: 40%;
            margin-top: 20px
        }

    #colD_A {
    }

    #colD_B {
        display: none;
    }

    /*Locations text and social media icons*/
    #footerNav .colE {
        text-align: center;
    }

    #foot_location {
        float: none;
    }

    #foot_social {
        float: none;
        padding-top: 5px;
    }

    /* foot below copyright * foot below copyright - couldn't set any rules here that mattered. */
    /* #footer and .footFloat are set in layout.css */
    .footFloat {
    }

        .footFloat a {
            padding-top: 40px;
            margin: 0 15px;
        }

    #footFloat-credit {
        display: none;
    }

    #footFloat-mcafee {
        display: none;
    }

    #footFloat-bbb {
        display: none;
    }

        #footFloat-teamviewer

        #footFloat-credit img,
        #footFloat-mcafee img,
        #footFloat-bbb img,
        #footFloat-teamviewer img {
            width: 174px;
            height: 54px;
        }


    /* homepage */
    #home-main {
        width: 100%;
        height: 492px;
        position: relative;
        overflow: hidden;
        margin: 10px 0 17px 0;
    }

    #home-rotation {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 500px;
        margin: 0;
        padding: 0;
    }

        #home-rotation li {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 500px;
        }

            #home-rotation li .home-main-copy {
                position: absolute;
                text-align: center;
            }

                #home-rotation li .home-main-copy h1 {
                    line-height: 30px;
                }

            #home-rotation li .petroleum {
                width: 55%;
                top: 25px;
                left: 35%;
                text-align: left;
            }

                #home-rotation li .petroleum * {
                    text-shadow: 0px 0px 15px #000;
                    margin: 5px;
                }

            #home-rotation li .lawn {
                width: 60%;
                left: 5%;
                top: 210px;
            }

                #home-rotation li .lawn p {
                }

            #home-rotation li .deice {
                width: 60%;
                left: 38%;
                top: 70px;
            }

                #home-rotation li .deice * {
                    text-shadow: 0px 0px 15px #000;
                }

            #home-rotation li .liquid {
                width: 60%;
                left: 35%;
                top: 30px;
            }

                #home-rotation li .liquid * {
                    text-shadow: 0px 0px 15px #000;
                }

            #home-rotation li .carwash {
                width: 80%;
                left: 2%;
                top: 280px;
            }

                #home-rotation li .carwash * {
                    text-shadow: 0px 0px 5px #000;
                }

            #home-rotation li .agri {
                width: 60%;
                left: 35%;
                top: 27px;
            }

                #home-rotation li .agri * {
                    text-shadow: 0px 0px 15px #fff;
                }

    #home-main-position {
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
        bottom: 10px;
        left: 0px;
        width: 100%;
        text-align: center;
    }

        #home-main-position li {
            display: inline;
        }

    #home-main-image {
        position: absolute;
        top: 0px;
        left: 0px;
    }

    #home-main-copy {
        position: absolute;
        width: 45%;
        top: 25px;
        left: 50%;
        text-align: center;
        text-shadow: 0px 0px 15px #fff;
    }

    #home-main-back {
        position: absolute;
        top: 50%;
        margin-top: -20px;
        left: 2%;
    }

    #home-main-next {
        position: absolute;
        top: 50%;
        margin-top: -20px;
        right: 2%;
    }

    .shadow-box-black {
        background: rgba(0, 0, 0, .2);
    }

    .shadow-box-white {
        background: rgba(255, 255, 255, .2);
    }

    .home-three {
        height: 140px !important;
        width: 25%;
        margin: 0 1% 10px 0;
        padding: 1%;
        float: left;
        background: url(../home-three-box-2.html) top left repeat-x #4f4c4d;
        border-radius: 5px;
        line-height: 15px;
    }

        .home-three ul {
            list-style-image: url(../orange-triangle-2.html);
            margin: 0 0 0 50%;
            padding: 0;
        }

        .home-three li {
            margin: 10px 0 0 0;
        }

        .home-three h2 {
            margin-bottom: 10px;
        }

    .envelope {
        background: url(../earn-envelope-2.html) no-repeat;
        background-size: contain;
        background-position: 97px 5px;
        width: 100%;
        height: 81px;
    }

    .home-three-a {
        text-align: left;
        width: 48%;
        background: url(../learn-earn-2.html) top left repeat-x #f5f5f5;
    }

        .home-three-a img {
            max-width: 22%;
            float: left;
        }

        .home-three-a ul {
            margin: 0 0 0 1.5em;
        }

    .home-three-b {
        text-align: leftt;
        width: 25%;
        background: url(../ad_specials-2.html) top left repeat-x #f5f5f5;
    }

        .home-three-b img {
            float: left;
            max-width: 40%;
        }

        .home-three-b h2 {
            margin-left: 50%;
        }

    .home-three-text {
        padding-left: 50%;
    }

    .home-three-c {
        position: relative;
        text-align: left;
        margin-right: 0%;
        width: 25%;
        background: url(../last_chance-2.html) top left repeat-x #f5f5f5;
        height: 144px;
    }

        .home-three-c img {
            max-width: 50%;
            position: absolute;
            bottom: 0;
            right: 0
        }

        .home-three-c ul {
            text-align: left;
        }

    .home-three a {
        color: #555555;
    }

        .home-three a:hover {
            color: #29A3D2;
        }

    #home-logos {
        height: 70px;
        margin: 10px 0;
        overflow: hidden;
        font-size: 0px;
        position: relative;
        width: 100%;
    }

    #home-logos-slider {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        text-align: center;
        margin: 0;
        padding: 0;
    }

        #home-logos-slider a {
            margin: 0 10px;
        }

    #home-categories {
        margin: 20px 0;
        line-height: normal;
    }

    ul.home-category-boxes {
        list-style: none;
        margin: 0;
        padding: 0 0 0 4%;
        font-size: 12px;
    }

        ul.home-category-boxes li {
            float: left;
            width: 33%;
            margin-top: 20px;
        }

            ul.home-category-boxes li:nth-child(3n+1) {
                clear: left;
            }

            ul.home-category-boxes li img {
                float: left;
                max-width: 100%;
            }

            ul.home-category-boxes li div {
                float: left;
                width: 50%;
                margin-left: 5%;
            }

            ul.home-category-boxes li ul {
                list-style-type: disc;
                margin: 5px 0 5px 1.4em;
                padding: 0;
            }

                ul.home-category-boxes li ul li {
                    float: none;
                    width: 100%;
                    margin-top: 0;
                }

    a.viewAllRed {
        color: #c00;
    }

        a.viewAllRed:hover {
            color: #c00;
            text-decoration: underline;
        }


    /* UL BASED COLUMNS: class="column columnX" */
    ul.column {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        ul.column ul {
            margin-left: 15px;
            padding: 0;
            list-style-type: none;
            text-align: left;
        }

        ul.column li {
            margin-bottom: 20px;
        }

            ul.column li img {
                max-width: 100%;
                height: auto;
            }

        ul.column ul li {
            float: none;
            width: 100%;
            margin: 0px;
            display: list-item;
            margin: 10px 0;
        }

    ul.column13 li {
        float: left;
        width: 4%;
        margin-right: 4%;
    }

        ul.column13 li:nth-child(13n) {
            margin-right: 0%;
        }

        ul.column13 li:nth-child(13n+1) {
            clear: left;
        }

    ul.column7 li {
        float: left;
        width: 12%;
        margin-right: 2.65%;
    }

        ul.column7 li:nth-child(7n) {
            margin-right: 0%;
        }

        ul.column7 li:nth-child(7n+1) {
            clear: left;
        }

    ul.column6 li {
        float: left;
        width: 14%;
        margin-right: 3.2%;
    }

        ul.column6 li:nth-child(6n) {
            margin-right: 0%;
        }

        ul.column6 li:nth-child(6n+1) {
            clear: left;
        }

    ul.column5 li {
        float: left;
        width: 16%;
        margin-right: 4%;
    }

        ul.column5 li:nth-child(5n) {
            margin-right: 0%;
        }

        ul.column5 li:nth-child(5n+1) {
            clear: left;
        }

    /* ul.column4 li { float:left; width:22%; margin-right:4%; }
ul.column4 li:nth-child(4n) { margin-right:0%; }
ul.column4 li:nth-child(4n+1) { clear:left; } */

    /* Ninh edit here */
    ul.column4 li {
        float: left;
        width: 30.3%;
        margin-right: 4.5%;
    }

        ul.column4 li:nth-child(3n) {
            margin-right: 0%;
        }

        ul.column4 li:nth-child(3n+1) {
            clear: left;
        }

        ul.column4 li:nth-child(4) {
            margin-right: 4.5%;
        }

        ul.column4 li:nth-child(4n+1) {
            clear: unset;
        }
    /* Ninh edit over */

    ul.column3 li {
        float: left;
        width: 30.3%;
        margin-right: 4.5%;
    }

        ul.column3 li:nth-child(3n) {
            margin-right: 0%;
        }

        ul.column3 li:nth-child(3n+1) {
            clear: left;
        }

    ul.column2 li {
        float: left;
        width: 48%;
        margin-right: 4%;
    }

        ul.column2 li:nth-child(2n) {
            margin-right: 0%;
        }

        ul.column2 li:nth-child(2n+1) {
            clear: left;
        }

    .catThumb {
        max-width: 125px;
        max-height: 125px;
    }


    /* DIV BASED COLUMNS: for core layouts */
    /* division, browse catalog, catalog request */
    #leftColumn34 {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #rightColumn14 {
        display: none;
    }

    #leftColumn65 {
        float: left;
        width: 65%;
        height: auto;
        margin: 0;
        padding-right: 25px;
        line-height: 1.5em;
    }

    #rightColumn35 {
        float: right;
        width: 35%;
        margin: 0;
        padding-left: 25px;
        border-left: 1px dotted #dddddd;
    }

    #leftColumn50 {
        float: left;
        width: 49%;
        padding: 0;
    }

    #rightColumn50 {
        float: right;
        width: 49%;
        padding: 0;
    }

    #leftColumn50 iframe {
        width: 100%;
    }

    /* your account */
    #leftColumn35 {
        float: left;
        width: 35%;
        height: auto;
        margin: 0;
        padding-right: 35px;
        line-height: 1.75em;
        border-right: 1px dotted #009bd8;
        list-style-type: none;
    }

    #rightColumn65 {
        float: right;
        width: 65%;
        margin: 0;
        padding-left: 35px;
    }


    /* SPECIAL DIV BASED COLUMNS (site map, +): try to use the ULs if possible */
    .column13container div.column13 {
        float: left;
        width: 30%;
        margin-right: 5%;
    }

        .column13container div.column13:nth-child(3n) {
            margin-right: 0
        }

        .column13container div.column13 li {
            margin: 10px 0;
        }

    .column13 img {
        max-width: 100%;
    }

    /* PRODUCT PAGES */
    #ppLeft {
        float: left;
        width: 100% !important;
        text-align: center;
        margin: 0 2% 0 0;
    }

    #ppRight {
        float: right;
        width: 100% !important;
    }

    .prodpage-left {
        width: 100% !important;
    }

    .prodpage-right {
        width: 100% !important;
    }

    .large-image {
        width: 100% !important;
    }

        .large-image iframe {
            width: 100%;
            height: 320px;
        }


    .ppPhoto {
        max-width: 100%;
    }

    a .ppPhoto {
        border: 0px;
    }

    .ppEPage {
        margin: 15px 0;
        font-size: 12px;
        font-weight: bold;
    }

        .ppEPage a {
            color: #9ebf4a;
        }

    .ppMag {
        vertical-align: middle;
    }

    .ppLogo {
        float: right;
    }

    .ppHeader {
    }

    .ppCopy {
        margin: 10px 0px;
        padding: 0;
    }

        .ppCopy ul, .additional-info ul {
            margin: 0px;
        }

        .ppCopy li {
            margin: 0px;
        }


    table.ppItems {
        border-collapse: collapse;
        padding: 0;
        margin: 0;
        font-size: 13px;
        width: 100%;
    }

        table.ppItems th {
            border: 1px solid #666;
            background-color: #E0E8EF;
            text-align: center;
            color: #000;
            font-weight: bold;
            padding: 2px 5px;
        }

        table.ppItems td {
            border: 1px solid #666;
            color: #000;
            padding: 2px 5px;
        }

    .shopping-cart-left, .shopping-cart-right {
        width: 100%;
    }

    .shopping-cart-right {
        margin-top: 10px;
    }

    .order-subtotal, .total-discount {
        width: 48%;
        text-align: right
    }

    .order-total-amount, .document-amount {
        width: 48%;
        text-align: left
    }


    table.ppItems tbody tr td .truck-ship .tooltiptext {
        transform: translateX(-25px);
    }

    table.ppItems-adv-search input.ppBig {
        margin-top: 10px;
    }

    table.ppItems input.ppQty {
        width: 50px;
        border: 1px solid #999;
        text-align: center;
        margin-bottom: 5px;
    }

    table.ppItems input.ppBig {
        width: 100%;
        border: 1px solid #999;
    }

    .adv-search-table tr td label {
        display: block;
        margin: 10px 0;
    }

    .cart_submit {
        background-color: #8f2140;
        color: #fff;
        font-size: 13px;
        border: 1px solid #666;
        margin: 10px 0;
        padding: 3px 8px;
        float: right;
    }

    .cart_button {
        background-color: #8f2140;
        color: #fff;
        font-size: 15px;
        border: 1px solid #666;
        margin: 10px 0px;
        padding: 4px 8px;
    }

    .additional-info img {
        max-width: 100%;
    }

    .ppAdditionalImage {
        padding: 0;
        text-align: center;
    }

        .ppAdditionalImage img {
            padding: 5px;
            margin-bottom: 2%;
            max-width: 100%;
        }

        .ppAdditionalImage br {
            display: none;
        }

    .ppRelatedBox {
    }

    h3.rightColumnHeading, #home-categories h2 {
        overflow: auto;
        /*background:url(/images/h3-gradient.gif) top left repeat-x; */
        background: #666;
        margin: 0;
        padding: 0px 5px;
        line-height: 30px;
        color: #fff;
        font-size: 16px;
    }

    h3.gradient {
        /*background:url(/images/h3-gradient.gif) top left repeat-x; */
        background: #666;
        line-height: 30px;
        color: #fff;
        font-size: 16px;
        padding: 0px 5px;
        margin: 20px 0;
    }

    h3.catalogTitle {
        margin: 0;
        padding: 25px 0 0 0;
        font-size: 16px;
        text-align: right;
        float: left;
        width: 40%;
    }

    .catalogImage {
        float: right;
        width: 60%;
    }

        .catalogImage img {
            max-width: 100%;
        }

    .divPhoto {
        max-width: 60%;
        float: left;
    }

        .divPhoto img {
            max-width: 100%;
        }

    .divLinks {
        width: 40%;
        float: right;
    }

    .viewAll {
        line-height: 20px;
        padding-right: 15px;
        background: url(../gif/orange-triangle.gif) right center no-repeat;
    }

    .col_newItem img {
        width: 75px;
        height: 75px;
        float: left;
        border: 1px solid #999;
    }

    .col_newItem p {
        margin-left: 85px;
    }

    /* pump repair page, flyers ABOUT US PAGE */
    ul.orangeArrowXL {
        list-style-image: url(../orange-arrow-xl.html);
        margin-left: 17px;
        padding: 0;
    }

        ul.orangeArrowXL li {
            margin-bottom: 15px;
            padding-right: 20px;
        }

        ul.orangeArrowXL h3 {
            margin: 0;
            padding: 0
        }

    /* div pages & right col browse catalog arrows */
    ul.orangeArrow {
        list-style-image: url(../gif/orange-triangle.gif);
        margin: 0 0 15px .5em;
        padding: 0;
    }

        ul.orangeArrow li {
            margin-bottom: 10px;
        }

    /* about us page */
    ul.orangeArrowSpacer {
        list-style-image: url(../gif/orange-triangle.gif);
        margin: 0 0 15px 2em;
        padding: 0;
    }

        ul.orangeArrowSpacer li {
            margin-top: 10px;
        }

    .aboutList span {
        margin-left: 20%;
    }



    /* Catalog Request Form */

    .catReq {
        display: table;
        width: 100%;
        height: auto;
        margin: 0 0 8px 0;
        padding: 0;
        text-align: left;
        vertical-align: text-top;
        line-height: 30px;
    }

    .catCell-star {
        display: table-cell;
        text-align: center;
        vertical-align: text-top;
        width: 3%;
        margin: 0;
        padding: 0;
        color: red;
        font-weight: bold;
    }

    .catCell-a {
        display: table-cell;
        text-align: left;
        vertical-align: text-top;
        width: 31%;
        margin-right: 3%;
        padding: 0 1% 0 0;
    }

    .catCell-b {
        display: table-cell;
        text-align: left;
        vertical-align: text-top;
        width: 63%;
        margin: 0;
        padding: 0;
    }

    .catCell-cBox {
        display: table-cell;
        text-align: left;
        vertical-align: text-top;
        width: 60%;
        margin: 0;
        padding: 0;
    }

    .catReq label {
    }

    input.catreq_text {
        width: 100%;
        border: 1px solid #999;
    }

    /* Invoices */
    .invoice_buttons {
        font-size: 14px;
        margin: 11px 0 0 0;
        padding: 3px 8px;
    }

    .invoice_submit, .order_submit, .orderdetail_submit {
        background-color: #8f2140;
        color: #fff;
        font-size: 13px;
        border: 1px solid #666;
        margin: 20px 0 10px 0;
        padding: 3px 8px;
    }


    /* New Account Registration Form */

    .acctReg {
        display: table;
        width: 100%;
        height: auto;
        margin: 0% 0% 2% 0%;
        padding: 0;
        line-height: 30px;
        font-size: 14px;
    }

    .acctCell-a {
        display: table-cell;
        float: left;
        text-align: right;
        vertical-align: middle;
        width: 42%;
        margin-right: 3%;
        padding: 0;
    }

    .acctCell-b {
        display: table-cell;
        float: right;
        text-align: left;
        vertical-align: middle;
        width: 55%;
        margin: 0;
        padding: 0;
    }

    .vtop {
        vertical-align: top;
    }


    /* Forms */

    .formCol {
        width: 100%;
        margin-bottom: 3%;
    }

        .formCol img {
            float: left;
            max-width: 100%;
            height: auto;
            display: block;
            vertical-align: text-top;
        }

        .formCol h2, formCol h3 {
            margin-top: 0;
            padding-left: 100px;
        }

        .formCol p {
            margin: 0;
            padding-left: 100px;
            font-size: 14px;
        }


    /* Flyer Nav */

    #navcontainer ul {
        float: left;
        list-style-type: none;
        width: 100%;
        margin: 0;
        padding: 0;
        background-color: #fff;
        border-bottom: 5px solid #009bd8;
        color: #009bd8;
        text-align: center;
    }

        #navcontainer ul li {
            display: inline;
        }

            #navcontainer ul li a:link {
                width: 16.6666667%;
                padding: .5em 0 .2em 0;
                background-color: #fff;
                color: #009bd8;
                text-decoration: none;
                float: left;
            }

            #navcontainer ul li a:visited {
                width: 16%;
                padding: .5em 0 .2em 0;
                background-color: #fff;
                color: #009bd8;
            }

            #navcontainer ul li a:hover {
                width: 16.6666667%;
                padding: .5em 0 .2em 0;
                background-color: #009bd8;
                color: #fff;
            }

    #navcontainer li a#current {
        background-color: #009bd8;
        color: #fff;
    }



    /* Manufacturer's Pages */

    .mfgLinks {
    }

        .mfgLinks ul {
            margin: 0 0 0 2em;
            padding: 0;
        }

        .mfgLinks li {
            margin-bottom: 10px;
        }

    .mfgCol {
        float: left;
        padding-top: 16px;
    }

        .mfgCol a {
            display: table;
            margin: 0 0 5% 0;
            padding: 0;
            width: 100%;
        }

    .mfgColCell {
        display: table-cell;
        vertical-align: middle;
        width: 50%;
        padding: 5px;
        margin: 0;
    }

        .mfgColCell img {
            max-width: 100%;
            height: auto;
            display: block;
            margin: 0 auto;
        }

        .mfgColCell p {
            margin: 0;
            padding: 0;
            font-size: 14px;
        }




    /* Parts Schematics Pages */
    /*not used?
.Hnav {
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
}
.Hnav li {
    display:inline;
    font-size:15px;
    padding-left: 10px;
    padding-right: 10px;
}
*/

    /* Parts Schematics Pages */

    .schemCol {
        float: left;
        display: table;
        width: 100%;
        margin-top: 1%;
    }

    .schemColCell-a {
        display: table-cell;
        vertical-align: middle;
        width: 30%;
        padding: 0;
        margin: 0;
    }

    .schemColCell-b {
        display: table-cell;
        vertical-align: middle;
        width: 70%;
        padding: 0;
        margin: 0;
    }

        .schemColCell-b ul {
            list-style-type: none;
            padding-left: 0;
        }


    /* PDF list icons: OPTION ONE (not used)
ul.pdf { 
	list-style-image:url(/images/icon-pdf-16x16.gif) !important;
	padding-left:25px;
}
ul.pdf li { 
	display:list-item;
}
*/

    /* PDF list icons: OPTION TWO 
ul.pdfs a { padding-left:0px; background:url(display:none;) center left no-repeat; line-height:20px; }
ul.pdfs li { padding:15px; } */

    /* PDF list icons: OPTION Three */
    ul.pdfs li {
        margin-top: 15px;
        margin-bottom: 15px
    }

        ul.pdfs li a {
            padding-left: 25px;
            background: url(../icon-pdf-33x33.html) center left no-repeat;
            background-size: 20px;
            line-height: 20px;
        }

    /* pdf icon on each anchor tag */
    .pdf_icon {
        line-height: 25px;
    }

        .pdf_icon a {
            padding: 3px 25px;
            background: url(../icon-pdf-33x33.html) center left no-repeat;
            background-size: 20px;
        }

    /* gear icon on each anchor tag */
    .gear_icon {
        line-height: 25px;
    }

        .gear_icon a {
            padding: 3px 25px;
            background: url(../icon-gear-33x33-2.html) center left no-repeat;
            background-size: 20px;
        }


    /* Tech Library Pages */
    ul.techArrows {
        list-style-image: url(../gif/orange-triangle.gif);
        margin: 20px;
        padding: 0;
        font-size: 20px;
    }

        ul.techArrows li {
            margin-bottom: 15px;
            line-height: 26px;
        }

    ul.techPDFs li::before {
        content: "";
        height: 20px;
        width: 20px;
        position: absolute;
        top: 0;
        left: -26px;
        background-size: 100%;
        background-image: url(../icon-pdf-33x33.html);
    }

    .techLib {
        width: 100%;
        margin-bottom: 3%;
    }

        .techLib img {
            float: left;
            max-width: 100%;
            height: auto;
            display: block;
            vertical-align: text-top;
            margin: 1em 1em 2em 0;
            padding: 0;
        }

        .techLib h2, .techLib h3 {
            margin: 0;
            padding: 0;
        }

        .techLib p {
            margin-top: 0;
            padding-top: 10px;
            padding-left: 9.3em;
        }

        .techLib ul {
            margin-left: 150px;
            padding: 0;
            list-style-type: disc;
            text-align: left;
        }

        .techLib li {
            margin-left: 1.5em;
            padding: 0;
        }

    ul.techCharts {
        margin: 0;
        padding: 0;
        list-style-type: disc;
        text-align: left;
    }

        ul.techCharts ul li {
            margin: 0;
            padding: 0;
            list-style-type: disc;
            text-align: left;
        }

    p.techLib {
        margin: 0;
        padding-left: 147px;
        font-size: 14px;
    }


    ul.browseCats {
        margin: 0;
        padding: 0;
        list-style-type: disc;
        text-align: left;
    }


    /* Tech Table: one column, images on left side: see Mobile Car Wash */

    .techCol {
        float: left;
        display: table;
        margin-bottom: 3%;
        padding-bottom: 3%;
        width: 100%;
        border-bottom: 1px solid #dddddd;
    }

    .techColCellA {
        display: table-cell;
        vertical-align: top;
        width: 30%;
        padding: 0;
        margin: 0;
    }

    .techColCellB {
        display: table-cell;
        vertical-align: top;
        width: 70%;
        padding: 0;
        margin: 0;
    }

    .techColCellA img {
        max-width: 80%;
        height: auto;
        display: block;
        margin: 0 auto;
    }

    .techCol p {
        font-size: 14px;
    }



    /* browse catalogs */

    .browseCats {
        float: left;
        display: table;
        margin: 15px 0;
        padding: 0;
        width: 100%;
    }

    .browseCatsCellA {
        display: table-cell;
        vertical-align: top;
        width: 40%;
        padding: 0;
        margin: 0;
    }

    .browseCatsCellB {
        display: table-cell;
        vertical-align: top;
        width: 60%;
        padding: 0;
        margin: 0;
    }

    .browseCats h2 {
        margin: 0;
        padding: 0;
    }

    .browseCats img {
        float: left;
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
    }

    .browseCats ul {
        list-style-type: disc;
        margin: 10px 0 0 0;
        padding: 0;
    }

    .browseCats li {
        margin: 0 0 3px 1.5em;
        padding: 0;
    }




    /* Videos (3 horizontal images, text to the right of each) */

    .video-three {
        width: 22%;
        margin: 0 6%;
        padding: 0;
        float: left;
        line-height: 15px;
        text-align: left;
    }

        .video-three img {
            float: left;
            display: block;
            max-width: 100%;
            margin-top: 20px;
            margin-bottom: 10px;
        }

        .video-three h3 {
            margin: 0;
            width: 95%;
        }

        .video-three h4 {
            margin: 10px 0;
            color: #a9a9a9;
            font-style: oblique;
        }

    h3.moreSpace {
        margin: 1.5em 0 1.5em 0;
    }


    /* Extra li Spacing (Site Map) */
    #liHeight ul li {
        padding: 2px 0;
    }


    ol.normal li {
        margin-bottom: 1%;
        line-height: 20px;
    }

        ol.normal li a {
            color: #0171af;
            text-decoration: none;
        }

            ol.normal li a:hover {
                color: #009bd8;
                text-decoration: underline;
            }

    /* Invoices, Orders responsive table */
    /* Ninh added here*/
    table.dataTable th br, table.dataTable > tbody > tr.child span.dtr-title br {
        display: none;
    }

    table.dataTable.nowrap th, table.dataTable.nowrap td {
        text-align: left;
        padding-left: 10px;
    }

    table.dataTable > tbody > tr.child ul.dtr-details {
        width: 70%
    }

        table.dataTable > tbody > tr.child ul.dtr-details > li {
            width: 100%;
        }

            table.dataTable > tbody > tr.child ul.dtr-details > li span:first-child {
                width: 40%;
                display: inline-flex;
            }

            table.dataTable > tbody > tr.child ul.dtr-details > li span:last-child {
                width: 60%;
                display: inline-flex;
                white-space: normal;
            }

    .payment-details .order-invoice {
        width: 50%;
    }

    .payment-details .tracking-shipment {
        width: 50%
    }

    .order-container .order-invoice {
        width: 100%
    }

    .order-container .tracking-shipment {
        width: 100%;
        margin: 10px 0;
    }
    /* Ninh added complete*/

    /* Your account */
    .yourAccount {
    }

        .yourAccount ul {
            list-style-type: none;
            margin: 0 0 20px 0;
            padding: 0;
        }

        .yourAccount h2 {
            margin-bottom: 3px;
        }

    #signIn {
        margin: 0% 33%;
        float: left;
        padding: 0;
    }

    #checkoutSignIn {
        margin: 0;
        padding: 0;
    }

    .rcr {
        border: 1px dotted #999;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        padding: 0 15px 10px 15px;
        line-height: 150%;
    }

    .box13 {
        display: table-cell;
        width: 33.33%;
        border: 1px solid #8f2140;
        border-right: none;
        padding: 15px;
        vertical-align: middle;
    }

        .box13:nth-child(3) {
            border-right: 1px solid #8f2140;
        }

        .box13 img {
            display: table-cell;
            padding-top: 5px;
            width: 292px;
        }

        .box13 ul {
            margin: 0 0 0 2em;
            padding: 0;
        }


    .rcs-video {
        width: 33.33%;
    }

        .rcs-video:nth-child(3n+1) {
            clear: left;
        }

    /* Categories Description Image & Text */
    .more h2 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    ul.sales-team-list li {
        width: 31.83%;
    }
}

@media screen AND (min-width: 521px) AND (max-width: 767px) {
    /*max width was 797 5-26*/


    /* SEARCH FORM */
    #header_search {
        left: 0px;
    }

    #header_quickorder {
        display: none;
    }

    #header_search p {
        line-height: 28px;
        float: left;
        width: 7%;
        display: none;
        overflow: hidden;
        background-color: #fff;
    }

    #header_search_elements { /*width:240px;*/
        width: 100%;
        height: 42px;
        overflow: hidden;
    }

    #header_keywords {
        height: 40px;
        padding: 0 5px;
        margin: 0;
        float: left;
        border: none;
        color: #808080;
        font-size: 13px;
        line-height: 26px;
        font-size: 16px;
    }

    #header_welcome {
        display: none;
    }

        #header_welcome.fs13, #header_cart.fs13, #accountLinks.fs13 {
            font-size: 14px;
        }

    #header_contact.fs12 {
        font-size: 11px;
    }

    #header_contact .fs24 {
        font-size: 18px;
    }

    #header_cart br {
        display: none;
    }

    #header .dultmeier-main-logo {
        width: 30%;
    }

    .arrow-down {
        background: url(../arrow-down-3.html) no-repeat;
        padding-right: 10px;
        background-size: 9px;
        background-position: 0px;
    }

    .account {
        background-size: 16px;
        background-position: 7px 9px;
        padding-right: 2px;
        padding-left: 28px;
        padding-top: 10px;
        cursor: pointer;
    }

        .account span:first-child {
            display: none
        }


    /* NAVIGATION */
    /*#navBar { background-color:#818181; overflow:hidden; }
#navBar li { height:32px; }
#navBar li a { font-size:13px; padding:0 8px; height:32px; } 
#navBar li ul li a { font-size:13px; }
#navBar li:hover ul { top:32px; }*/
    /*this block new at 481 layout*/
    /*#navBar li.nav_home { background-position:9px 8px; width:35px; }
#navBar li.nav_shop { }
#navBar li.nav_divisions { }
#navBar li.nav_manufacturers { }
#navBar li.nav_resources { }
#navBar li.nav_order { display: none;}
#navBar li.nav_browse { }*/
    /*end*/
    /*#navBar li.nav_catalog { }
#navBar li.nav_catalog a { 
	background:transparent;
	width:120px; line-height:15px; text-align:center; padding:1px 3px 0 3px; 
	font-size:12px;
	height:25px; 
}
#navBar li ul { display:none;  }
#navBar li:hover ul { 
	display:block; 
	background-color:#888888;
	position:absolute; left:0px; width:200px; margin:0; padding:0; list-style:none; height:auto;
}
#navBar li ul li { height:auto; margin:0; float:none; border:none; line-height:18px; padding:7px 10px; border-top:1px solid #fff; }
#navBar li ul li a { padding:0; margin:0; height:auto; }
#navBar li ul li:hover { background-color:#484848; }*/


    /* content */
    #breadCrumbs a {
        color: #000;
        text-decoration: none;
    }

    #breadCrumbs ul {
        list-style: none;
        margin: 0px;
        padding: 0;
    }

    #content {
        font-size: 17px;
        line-height: 27px;
    }

        #content h1 {
            font-size: 30px;
            line-height: 32px;
        }

        #content h2 {
            font-size: 27px;
            line-height: 32px;
        }

    .we-know-flow {
        text-align: center;
    }

    #al_feedback {
        display: none;
    }


    /*main container for footer, columns 1, 2 & 3*/
    #footerNav {
        border: 1px solid #808080;
        padding: 10px;
        margin-top: 20px;
    }

        #footerNav .colA {
            width: 30%;
            margin-right: 5%;
        }

        #footerNav .colB {
            width: 30%;
            margin-right: 5%;
        }

        #footerNav .colC {
            width: 30%;
        }

        #footerNav .colD {
            width: 55%;
            margin-top: 20px;
        }

    #colD_B {
        display: none;
    }

    /*Locations text and social media icons*/
    #footerNav .colE {
        text-align: center;
    }

    #foot_location {
        float: none;
    }

    #foot_social {
        float: none;
        padding-top: 5px;
    }

    /* foot below copyright works on 768 w x 1024 h screen, too.*/
    /* #footer and .footFloat are set in layout.css */
    ul.pdf a.footFloat a {
        padding-top: 40px;
        margin: 0 15px;
    }

    #footFloat-credit {
        display: none;
    }

    #footFloat-mcafee {
        display: none;
    }

    #footFloat-bbb {
        display: none;
    }

        #footFloat-teamviewer

        #footFloat-credit img,
        #footFloat-mcafee img,
        #footFloat-bbb img,
        #footFloat-teamviewer img {
            width: 174px;
            height: 54px;
        }

    #mobileFoot {
        display: none;
    }


    /* about us */

    #about-hdr {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 968px;
        height: 360px;
        margin: 0;
        padding: 0;
        z-index: -1;
    }

        #about-hdr li {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 968px;
            height: 360px;
        }

            #about-hdr li .about-main-copy {
                position: absolute;
                text-align: left;
            }

                #about-hdr li .about-main-copy h1 {
                    line-height: 30px;
                    padding-bottom: 15px;
                }
            /*this sets the distance to "Our Goal..."*/

            #about-hdr li .intro {
                width: 50%;
                top: 105px;
                left: 4%;
            }

                #about-hdr li .intro p {
                    width: 100%;
                    top: 30px;
                    left: 4%;
                    line-height: 30px;
                }



    /* homepage */
    #home-main {
        width: 100%;
        height: 292px;
        position: relative;
        overflow: hidden;
        margin: 25px 0 17px 0;
    }

    #home-rotation {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 292px;
        margin: 0;
        padding: 0;
    }

        #home-rotation li {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 292px;
        }

            #home-rotation li .home-main-copy {
                position: absolute;
                text-align: center;
            }

                #home-rotation li .home-main-copy h1 {
                    line-height: 30px;
                }

            #home-rotation li .petroleum {
                width: 65%;
                left: 35%;
                top: 20px;
                text-align: left;
            }

                #home-rotation li .petroleum * {
                    text-shadow: 0px 0px 15px #000;
                    margin: 0 0 5px 0;
                    padding: 0;
                }

            #home-rotation li .lawn {
                width: 90%;
                left: 5%;
                top: 20px;
                color: white;
            }

                #home-rotation li .lawn p {
                    display: none;
                }

            #home-rotation li .deice {
                width: 80%;
                left: 10%;
                top: 30px;
            }

                #home-rotation li .deice * {
                    text-shadow: 0px 0px 15px #000;
                }

            #home-rotation li .liquid {
                width: 60%;
                left: 32%;
                top: 25px;
            }

                #home-rotation li .liquid * {
                    text-shadow: 0px 0px 15px #000;
                }

            #home-rotation li .carwash {
                width: 80%;
                left: 10%;
                top: 50px;
            }

                #home-rotation li .carwash * {
                    text-shadow: 0px 0px 5px #000;
                }

            #home-rotation li .agri {
                width: 70%;
                left: 20%;
                top: 15px;
                text-align: right;
            }

                #home-rotation li .agri * {
                    text-shadow: 0px 0px 15px #fff;
                }

    #home-main-position {
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
        bottom: 10px;
        left: 0px;
        width: 100%;
        text-align: center;
    }

        #home-main-position li {
            display: inline;
        }

    #home-main-image {
        position: absolute;
        top: 0px;
        left: 0px;
    }

    #home-main-copy {
        position: absolute;
        width: 45%;
        top: 25px;
        left: 50%;
        text-align: center;
        text-shadow: 0px 0px 15px #fff;
    }

    #home-main-back {
        position: absolute;
        top: 50%;
        margin-top: -20px;
        left: 2%;
    }

    #home-main-next {
        position: absolute;
        top: 50%;
        margin-top: -20px;
        right: 2%;
    }


    .shadow-box-black {
        background: rgba(0, 0, 0, .2);
    }

    .shadow-box-white {
        background: rgba(255, 255, 255, .2);
    }

    .home-three {
        width: 32%;
        margin: 0 2% 10px 0;
        padding: 1%;
        float: left;
        background: linear-gradient(to top, #4f4c4d, #808080);
        /* old background:url(/images/home-three-box.jpg) top left repeat-x #4f4c4d; */
        border-radius: 5px;
        line-height: 15px;
    }

        .home-three ul {
            list-style-image: url(../orange-triangle-2.html);
            margin: 0 0 0 15%;
            padding: 0;
        }

        .home-three li {
            margin: 8px 0 0 0;
        }

        .home-three h2 {
            margin-bottom: 10px;
        }

    .home-three-a {
        text-align: center;
        background: url(../learn-earn-2.html) top left repeat-x #f5f5f5;
    }

        .home-three-a p {
            display: none;
        }

        .home-three-a img {
            max-width: 100px;
            margin-top: 15px;
        }

        .home-three-a ul {
            display: block;
        }

    .home-three-b {
        text-align: center;
        background: url(../ad_specials-2.html) top left repeat-x #f5f5f5;
        position: relative; /*! float: left; */ /*! width: 100%; */
    }

        .home-three-b img {
            float: right;
            max-width: 30%;
            right: 0;
            bottom: 0;
        }

        .home-three-b h3 {
            width: 100%;
        }

        .home-three-b ul {
            display: block;
        }

    .home-three-c {
        text-align: center;
        margin-right: 0%;
        background: url(../last_chance-2.html) top left repeat-x #f5f5f5;
        height: 144px;
    }

        .home-three-c img {
            float: right;
            max-width: 50%;
            display: block;
        }

        .home-three-c ul {
            display: block;
        }

    .home-three a {
        color: #fff;
    }

        .home-three a:hover {
            color: #fff;
        }


    #home-logos {
        height: 70px;
        margin: 10px 0;
        overflow: hidden;
        font-size: 0px;
        position: relative;
        width: 100%;
    }

    #home-logos-slider {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        text-align: center;
        margin: 0;
        padding: 0;
    }

        #home-logos-slider a {
            margin: 0 10px;
        }

    #home-categories {
        margin: 20px 0;
        line-height: normal;
    }

    ul.home-category-boxes {
        list-style: none;
        margin: 0;
        padding: 0;
        font-size: 12px;
        line-height: 20px;
    }

        ul.home-category-boxes li {
            float: left;
            width: 33.3%;
            margin-top: 20px;
        }

            ul.home-category-boxes li:nth-child(3n+1) {
                clear: left;
            }

            ul.home-category-boxes li img {
                float: left;
                max-width: 100%;
            }

            ul.home-category-boxes li div {
                float: left;
                width: 40%;
                margin: 8% 1% 0 5%;
            }

            ul.home-category-boxes li ul {
                display: none;
            }

                ul.home-category-boxes li ul li {
                    display: none;
                }

    a.viewAllRed {
        display: block;
        padding-top: 5px;
        color: #c00;
    }

        a.viewAllRed:hover {
            color: #c00;
            text-decoration: underline;
        }


    /* UL BASED COLUMNS: class="column columnX" */
    ul.customer-number li input {
        width: 100% !important;
    }


    /* UL BASED COLUMNS: class="column columnX" */
    ul.column {
        display: block;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        ul.column h3 {
            margin-top: 5px;
        }

        ul.column ul {
            margin-left: 15px;
            padding: 0;
            list-style-type: none;
            text-align: left;
        }

        ul.column li {
            margin-bottom: 30px;
        }

            ul.column li img {
                max-width: 100%;
                height: auto;
            }

        ul.column ul li {
            float: none;
            width: 100%;
            margin: 0px;
            display: list-item;
            margin: 10px 0;
        }


    ul.column13 li {
        float: left;
        width: 4%;
        margin-right: 4%;
        margin-bottom: 10px;
    }

        ul.column13 li:nth-child(13n) {
            margin-right: 0%;
        }

        ul.column13 li:nth-child(13n+1) {
            clear: left;
        }

    ul.column7 li {
        float: left;
        width: 30.3%;
        margin-right: 4.5%;
    }

        ul.column7 li:nth-child(3n) {
            margin-right: 0%;
        }

        ul.column7 li:nth-child(3n+1) {
            clear: left;
        }

    ul.column6 li {
        float: left;
        width: 30.3%;
        margin-right: 4.5%;
    }

        ul.column6 li:nth-child(3n) {
            margin-right: 0%;
        }

        ul.column6 li:nth-child(3n+1) {
            clear: left;
        }

    ul.column5 li {
        float: left;
        width: 30.3%;
        margin-right: 4.5%;
    }

        ul.column5 li:nth-child(3n) {
            margin-right: 0%;
        }

        ul.column5 li:nth-child(3n+1) {
            clear: left;
        }

    ul.column4 li {
        float: left;
        width: 48%;
        margin-right: 4%;
    }

        ul.column4 li:nth-child(2n) {
            margin-right: 0%;
        }

        ul.column4 li:nth-child(2n+1) {
            clear: left;
        }

    ul.column3 li {
        float: left;
        width: 48%;
        margin-right: 4%;
    }

        ul.column3 li:nth-child(2n) {
            margin-right: 0%;
        }

        ul.column3 li:nth-child(2n+1) {
            clear: left;
        }

    ul.column2 li {
        float: left;
        width: 48%;
        margin-right: 4%;
    }

        ul.column2 li:nth-child(2n) {
            margin-right: 0%;
        }

        ul.column2 li:nth-child(2n+1) {
            clear: left;
        }


    .catThumb {
        max-width: 125px;
        max-height: 125px;
    }

    /* DIV BASED COLUMNS: for core layouts */
    /* division, browse catalog, catalog request */
    #leftColumn34 {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #rightColumn14 {
        display: none;
    }

    /*about us page*/
    #leftColumn14 {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #rightColumn34 {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #leftColumn65 {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #rightColumn35 {
        float: right;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #leftColumn50 {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #rightColumn50 {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #leftColumn50 iframe {
        width: 100%;
    }

    #leftColumn50 a img {
        max-width: 100%;
    }

    /* your account */
    #leftColumn35 {
        width: 100%;
        margin: 0;
        line-height: 1.75em;
        list-style-type: none;
    }

    #rightColumn65 {
        width: 100%;
        margin: 0;
    }

    /* SPECIAL DIV BASED COLUMNS (site map, +): try to use the ULs if possible */
    .column13container div.column13 {
        float: left;
        width: 33.3%;
        margin-right: 0%;
        line-height: 20px;
        padding-left: 10px;
        padding-right: 10px
    }

        .column13container div.column13:nth-child(3n) {
            margin-right: 0%;
        }

        .column13container div.column13 li {
            margin: 10px 0;
        }

    .column13 img {
        max-width: 100%;
    }

    .column13 ul {
        padding-left: 15px;
    }

    /* PRODUCT PAGES */
    #ppLeft {
        float: left;
        width: 100% !important;
        text-align: center;
        margin: 0 2% 0 0;
    }

    #ppRight {
        float: right;
        width: 100% !important;
    }

    .large-image {
        width: 100% !important;
    }

        .large-image iframe {
            width: 100%;
            height: 320px;
        }

    .ppPhoto {
        max-width: 100%;
    }

    a .ppPhoto {
        border: 0px;
    }

    .ppEPage {
        margin: 15px 0;
        font-size: 12px;
        font-weight: bold;
    }

        .ppEPage a {
            color: #9ebf4a;
        }

    .ppMag {
        vertical-align: middle;
    }

    .ppLogo {
        width: 100%;
        text-align: center;
        margin: 15px auto;
    }

        .ppLogo img {
            max-width: 150px;
        }

    .ppHeader {
    }

        .ppHeader h1 {
            margin: 10px 0;
            padding: 0;
        }

        .ppHeader h2 {
            margin: 10px 0;
            padding: 0;
        }

    .ppCopy {
        margin: 10px 0px;
        padding: 0;
    }

        .ppCopy img {
            max-width: 100%;
        }

        .ppCopy ul, .additional-info ul {
            margin: 0;
        }

    .additional-info .related-item {
        margin-top: 30px;
    }

    .ppCopy li {
        margin: 0px;
    }

    .ppCopy h1, .ppCopy h2,
    .ppCopy h3, .ppCopy h4 {
        line-height: 26px;
    }

    /*
table.ppItems { 
	display: block; 
}

table.ppItems tr { 
	position: absolute;
	top: -9999px;
	left: -9999px;
}
	
	
table.ppItems td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
}
	
table.ppItems td:before { 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
}
	table.ppItems td:nth-of-type(1):before { content: "Part No."; }
	table.ppItems td:nth-of-type(2):before { content: "Description"; }
	table.ppItems td:nth-of-type(3):before { content: "Wt"; }
	table.ppItems td:nth-of-type(4):before { content: "Mfg."; }
	table.ppItems td:nth-of-type(5):before { content: "Price"; }
	table.ppItems td:nth-of-type(6):before { content: "Qty"; }
	table.ppItems td:nth-of-type(7):before { content: "Status"; }
	table.ppItems td:nth-of-type(8):before { content: "Pkg. Discount"; }


table.ppItems input.ppQty { width:50px; border:1px solid #999; text-align:center; }
table.ppItems input.ppBig { width:100%; border:1px solid #999; }*/

    table.ppItems-adv-search tr:nth-child(2) td:last-child {
        border-top: 2px solid transparent;
        border-bottom: 2px solid transparent;
    }

    .cart_submit {
        background-color: #8f2140;
        color: #fff;
        font-size: 13px;
        border: 1px solid #666;
        margin: 10px 0;
        padding: 6px 8px;
        float: right;
    }

    .cart_button {
        background-color: #8f2140;
        color: #fff;
        font-size: 13px;
        border: 1px solid #666;
        margin: 10px 0px;
        padding: 6px 8px;
    }

    /* N.N remove extra bottom border on each product searched  */
    .cart-responsivetable {
        border: 0px solid #ccc;
    }


    /* N.N additional images fitment on tablet view */

    .additional-info iframe {
        width: 100%;
    }

    .additional-info img {
        max-width: 100%;
    }

    .ppAdditionalImage {
        padding: 0;
        text-align: center;
    }

        .ppAdditionalImage img {
            padding: 2%;
            max-width: 100%;
        }

        .ppAdditionalImage br {
            display: none;
        }


    .ppRelatedBox {
    }

    .fullsize {
        max-width: 100%;
    }

    h3.rightColumnHeading, #home-categories h2 {
        overflow: auto;
        /*background:url(/images/h3-gradient.gif) top left repeat-x; */
        background: #666;
        margin: 0;
        padding: 0px 5px;
        line-height: 30px;
        color: #fff;
        font-size: 16px;
    }

    h3.gradient {
        /*background:url(/images/h3-gradient.gif) top left repeat-x; */
        background: #666;
        line-height: 30px;
        color: #fff;
        font-size: 16px;
        padding: 0px 5px;
        margin: 20px 0;
    }


    h3.catalogTitle {
        margin: 0;
        padding: 25px 0 0 0;
        font-size: 16px;
        text-align: right;
        float: left;
        width: 40%;
    }

    .catalogImage {
        float: right;
        width: 60%;
    }

        .catalogImage img {
            max-width: 100%;
        }

    .divPhoto {
        max-width: 60%;
        float: left;
    }

        .divPhoto img {
            max-width: 100%;
        }

    .divLinks {
        width: 40%;
        float: right;
    }

        .divLinks ul li:nth-child(n+2) {
            margin-top: 10px;
        }

    .viewAll {
        line-height: 20px;
        padding-right: 15px;
        background: url(../gif/orange-triangle.gif) right center no-repeat;
        line-height: 25px;
    }

    .col_newItem img {
        width: 75px;
        height: 75px;
        float: left;
        border: 1px solid #999;
    }

    .col_newItem p {
        margin-left: 85px;
    }

    /* pump repair page, flyers ABOUT US PAGE */
    ul.orangeArrowXL {
        list-style-image: url(../orange-arrow-xl.html);
        margin-left: 17px;
        padding: 0;
        margin-top: 0;
    }

        ul.orangeArrowXL li {
            margin-bottom: 20px;
            padding-right: 20px;
        }

        ul.orangeArrowXL h3 {
            margin: 0;
            padding: 0
        }

    /* div pages & right col browse catalog arrows */
    ul.orangeArrow {
        list-style-image: url(../gif/orange-triangle.gif);
        margin-top: 0;
        margin-left: 15px;
        padding: 0;
    }

        ul.orangeArrow li {
            margin-bottom: 10px;
        }

    /* about us page */
    ul.orangeArrowSpacer {
        list-style-image: url(../gif/orange-triangle.gif);
        margin: 0 0 15px 2em;
        padding: 0;
    }

        ul.orangeArrowSpacer li {
            margin-top: 10px;
        }


    /* Catalog Request Form */
    .catReq {
        display: table;
        width: 100%;
        height: auto;
        margin: 0 0 8px 0;
        padding: 0;
        text-align: left;
        vertical-align: text-top;
        line-height: 30px;
    }

    .catCell-star {
        display: table-cell;
        text-align: center;
        vertical-align: text-top;
        width: 3%;
        margin: 0;
        padding: 0;
        color: red;
        font-weight: bold;
    }

    .catCell-a {
        display: table-cell;
        text-align: left;
        vertical-align: text-top;
        width: 31%;
        margin-right: 3%;
        padding: 0 1% 0 0;
    }

    .catCell-b {
        display: table-cell;
        text-align: left;
        vertical-align: text-top;
        width: 63%;
        margin: 0;
        padding: 0;
    }

    .catCell-cBox {
        display: table-cell;
        text-align: left;
        vertical-align: text-top;
        width: 60%;
        margin: 0;
        padding: 0;
    }

    .catReq label {
    }

    input.catreq_text {
        width: 100%;
        border: 1px solid #999;
    }


    /* New Account Registration Form */

    .acctReg {
        display: table;
        width: 100%;
        height: auto;
        margin: 0% 0% 2% 0%;
        padding: 0;
        line-height: 30px;
        font-size: 14px;
    }

    .acctCell-a {
        display: table-cell;
        float: left;
        text-align: right;
        vertical-align: middle;
        width: 42%;
        margin-right: 3%;
        padding: 0;
    }

    .acctCell-b {
        display: table-cell;
        float: right;
        text-align: left;
        vertical-align: middle;
        width: 55%;
        margin: 0;
        padding: 0;
    }

    .vtop {
        vertical-align: top;
    }


    /* Forms */

    .formCol {
        width: 100%;
        margin-bottom: 3%;
        text-align: center;
    }

        .formCol img { /*! float:left; */ /*! max-width:100%; */ /*! height:auto; */ /*! display:block; */ /*! vertical-align: text-top; */ /*! text-align: center; */
        }

        .formCol h2, formCol h3 {
            margin-top: 0; /*! padding-left: 100px; */
        }

        .formCol p {
            margin: 0; /*! padding-left: 100px; */
            font-size: 14px;
        }


    /* Flyer Nav */

    #navcontainer ul {
        float: left;
        list-style-type: none;
        width: 100%;
        margin: 0;
        padding: 0;
        background-color: #fff;
        border-bottom: 5px solid #009bd8;
        color: #009bd8;
        text-align: center;
    }

        #navcontainer ul li {
            display: inline;
        }

            #navcontainer ul li a:link {
                width: 25%;
                padding: .5em 0 .2em 0;
                background-color: #fff;
                color: #009bd8;
                text-decoration: none;
                float: left;
            }

            #navcontainer ul li a:visited {
                width: 25%;
                padding: .5em 0 .2em 0;
                background-color: #fff;
                color: #009bd8;
            }

            #navcontainer ul li a:hover {
                width: 25%;
                padding: .5em 0 .2em 0;
                background-color: #009bd8;
                color: #fff;
            }

    #navcontainer li a#current {
        background-color: #009bd8;
        color: #fff;
    }


    /* Manufacturer's Pages */

    .mfgLinks {
    }

        .mfgLinks ul {
            margin: 0 0 0 2em;
            padding: 0;
        }

        .mfgLinks li {
            margin-bottom: 10px;
        }

        .mfgLinks iframe {
            height: 300px;
        }

        .mfgLinks p:first-child {
            margin-top: 0
        }

    .mfgCol {
        float: left;
        padding-top: 16px;
        width: 100%;
    }

        .mfgCol a {
            display: table;
            margin: 0 0 5% 0;
            padding: 0;
            width: 100%;
        }

    .mfgColCell {
        display: table-cell;
        vertical-align: middle;
        width: 50%;
        padding-left: 5px;
        margin: 0;
    }

        .mfgColCell img {
            max-width: 100%;
            height: auto;
            display: block;
            margin: 0 auto;
        }

        .mfgColCell p {
            margin: 0;
            padding: 0;
            font-size: 14px;
        }

    /* Schematics Pages */
    .Hnav {
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: center;
    }

        .Hnav li {
            display: inline;
            font-size: 18px;
            padding-left: 8px;
            line-height: 30px;
        }

    .schemCol {
        float: left;
        display: table;
        width: 100%;
        margin-top: 1%;
    }

    .schemColCell-a {
        display: table-cell;
        vertical-align: middle;
        width: 30%;
        padding: 0;
        margin: 0;
    }

        .schemColCell-a img {
            margin-right: 10px
        }

    .schemColCell-b {
        display: table-cell;
        vertical-align: middle;
        width: 70%;
        padding: 0;
        margin: 0;
    }

        .schemColCell-b ul {
            list-style-type: none;
            padding-left: 0;
        }

    /* PDF list icons: OPTION ONE (not used)
ul.pdf { list-style-image:url(/images/icon-pdf-16x16.gif) !important; padding-left:25px; }
ul.pdf li { display:list-item; }
*/

    /* N.N */

    /* PDF list icons: OPTION Three */
    ul.pdfs li {
        margin-top: 15px;
        margin-bottom: 15px
    }

        ul.pdfs li a {
            padding-left: 25px;
            background: url(../icon-pdf-33x33.html) center left no-repeat;
            background-size: 20px;
            line-height: 20px;
        }


    /* pdf icon on each anchor tag */
    .pdf_icon {
        line-height: 30px;
    }

        .pdf_icon a {
            padding: 3px 25px;
            background: url(../icon-pdf-33x33.html) center left no-repeat;
            background-size: 20px;
        }

    /* gear icon on each anchor tag */
    .gear_icon {
        line-height: 30px;
    }

        .gear_icon a {
            padding: 3px 25px;
            background: url(../icon-gear-33x33-2.html) center left no-repeat;
            background-size: 20px;
        }

    /* Tech Library Pages */
    ul.techArrows {
        list-style-image: url(../gif/orange-triangle.gif);
        margin: 20px;
        padding: 0;
        font-size: 20px;
    }

        ul.techArrows li {
            margin-bottom: 15px;
            line-height: 24px;
        }

    ul.techPDFs li {
        margin: 20px 0;
        line-height: 25px;
        position: relative;
        list-style-type: none;
    }

        ul.techPDFs li::before {
            content: "";
            height: 20px;
            width: 20px;
            position: absolute;
            top: 2px;
            left: -26px;
            background-size: 100%;
            background-image: url(../icon-pdf-33x33.html);
        }

    .techLib {
        width: 100%;
        margin-bottom: 3%;
        text-align: center
    }

        .techLib img {
            max-width: 100%;
            padding: 0;
        }

        .techLib h2, .techLib h3 {
            margin: 0;
            padding: 0;
            text-align: center;
        }

        .techLib p {
            margin: 10px;
            clear: left;
        }

        .techLib ul {
            line-height: 25px;
        }

        .techLib li {
            margin-left: 0px;
            padding: 0;
        }


    ul.techCharts {
        margin: 0;
        list-style-type: disc;
        text-align: left;
    }

        ul.techCharts ul li {
            margin: 0;
            list-style-type: disc;
            text-align: left;
        }

    p.techLib {
        margin: 0;
        font-size: 14px;
    }


    ul.browseCats {
        margin: 0;
        padding: 0;
        list-style-type: disc;
        text-align: left;
    }


    /* Tech Table: one column, images on left side: see Mobile Car Wash */

    .techCol {
        float: left;
        display: table;
        margin-bottom: 3%;
        padding-bottom: 3%;
        width: 100%;
        border-bottom: 1px solid #dddddd;
    }

    .techColCellA {
        display: table-cell;
        vertical-align: top;
        width: 30%;
        padding: 0;
        margin: 0;
    }

    .techColCellB {
        display: table-cell;
        vertical-align: top;
        width: 70%;
        padding: 0;
        margin: 0;
    }

    .techColCellA img {
        max-width: 80%;
        height: auto;
        display: block;
        margin: 0 auto;
    }

    .techCol p {
        font-size: 14px;
    }


    /* browse catalogs */

    .browseCats {
        float: left;
        display: table;
        margin: 15px 0;
        padding: 0;
        width: 100%;
    }

    .browseCatsCellA {
        display: table-cell;
        vertical-align: top;
        width: 40%;
        padding: 0;
        margin: 0;
    }

    .browseCatsCellB {
        display: table-cell;
        vertical-align: top;
        width: 60%;
        padding: 0;
        margin: 0;
    }

    .browseCats h2 {
        margin: 0;
        padding: 0;
    }

    .browseCats img {
        float: left;
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
    }

    .browseCats ul {
        list-style-type: disc;
        margin: 10px 0 0 0;
        padding: 0;
    }

    .browseCats li {
        margin: 0 0 3px 1.5em;
        padding: 0;
        line-height: 22px;
    }


    /* Videos (3 horizontal images, text to the right of each) */

    .video-three {
        width: 22%;
        margin: 0 6%;
        padding: 0;
        float: left;
        line-height: 15px;
        text-align: left;
    }

        .video-three img {
            float: left;
            display: block;
            width: 100%;
            margin-top: 20px;
            margin-bottom: 10px;
        }

        .video-three h3 {
            margin: 0 10px;
        }

        .video-three h4 {
            margin: 10px;
            color: #a9a9a9;
            font-style: oblique;
        }


    h3.moreSpace {
        margin: 1.5em 0 1.5em 0;
    }


    /* Extra li Spacing (Site Map) */
    #liHeight ul li {
        padding: 2px 0;
    }

    ol.normal li {
        margin-bottom: 1%;
        line-height: 20px;
    }

        ol.normal li a {
            color: #0171af;
            text-decoration: none;
        }

            ol.normal li a:hover {
                color: #009bd8;
                text-decoration: underline;
            }


    /* My account */
    .yourAccount {
        line-height: 20px;
    }

        .yourAccount ul {
            list-style-type: none;
            margin: 0 0 20px 0;
            padding: 0;
        }

            .yourAccount ul li {
                margin: 15px 0;
            }

        .yourAccount h2 {
            margin-bottom: 3px;
        }

    #signIn {
        margin: 0% 33%;
        float: left;
        padding: 0;
    }

    #checkoutSignIn {
        margin: 0;
        padding: 0;
    }

    #checkoutform div.onecol .pay-by-credit {
        margin-left: 20px;
    }

    #checkoutform div.onecol label.shipPref span {
        margin-left: 30px;
    }

    .rcr {
        border: 1px dotted #999;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        padding: 0 15px 10px 15px;
        line-height: 150%;
    }


    /* Invoices */
    .invoice_buttons {
        font-size: 14px;
        margin: 11px 0 0 0;
        padding: 3px 8px;
    }

    .invoice_submit, .order_submit, .orderdetail_submit {
        background-color: #8f2140;
        color: #fff;
        font-size: 13px;
        border: 1px solid #666;
        margin: 20px 0 10px 0;
        padding: 3px 8px;
    }


    /* CART: BOXES */
    .boxRow {
        display: table;
    }

    .box13 {
        display: table-cell;
        width: 33.33%;
        border: 1px solid #8f2140;
        border-right: none;
        padding: 10px;
        vertical-align: middle;
    }

        .box13:nth-child(3) {
            border-right: 1px solid #8f2140;
        }

        .box13 img {
            display: table-cell;
            padding-top: 5px;
            width: 100%;
        }

        .box13 ul {
            margin: 0 0 0 2em;
            padding: 0;
        }

    .cart-note p {
        text-align: center;
        width: 100%;
    }

    .catalog-quick-order-table {
        width: 400px;
        margin: 0 auto;
    }

    .responsive-embed-video {
        height: 300px;
    }

    #leftColumn50 .responsive-embed-video {
        height: 240px;
    }

    #rightColumn50 .responsive-embed-video {
        height: 240px;
    }
}

@media screen and (max-width: 767px) {


    .responsiveTable1 {
        width: 100%;
    }

    #table1, .table-catalog {
        border-collapse: collapse;
        margin: 15px 0;
    }

        #table1 tr th,
        .table-catalog tr th {
            border: 1px solid #666;
            background-color: #E0E8EF;
            font-weight: bold;
            text-align: center;
            font-size: 13px;
            padding: 2px 5px;
        }

        #table1 tr td,
        .table-catalog tr td {
            border: 1px solid #666;
            font-size: 15px;
        }

            #table1 tr td input.ppQty {
                width: 50px;
                text-align: center;
                width: 100% !important;
                border-radius: 7px;
                height: 40px;
            }

            .table-catalog tr td input.ppQty {
                width: 100%;
                height: 25px;
                text-align: center;
                border: none;
            }

            #table1 tr td input.ppBig {
                width: 50px;
                height: 25px;
            }

            .table-catalog tr td input.ppBig {
                width: 100%;
                height: 25px;
                border: 0px solid #666;
            }

    .catalog-quick-order li {
        width: 100% !important;
        margin-bottom: 25px;
        margin: 0 !important;
    }

    /* Table Starts */
    /* Ninh added here*/
    table.dataTable th br, table.dataTable > tbody > tr.child span.dtr-title br {
        display: none;
    }

    table.dataTable.nowrap th, table.dataTable.nowrap td {
        text-align: left;
        padding-left: 10px;
    }

    table.dataTable > tbody > tr.child ul.dtr-details {
        width: 70%
    }

        table.dataTable > tbody > tr.child ul.dtr-details > li {
            width: 100%;
        }

            table.dataTable > tbody > tr.child ul.dtr-details > li span:first-child {
                width: 40%;
                display: inline-flex;
            }

            table.dataTable > tbody > tr.child ul.dtr-details > li span:last-child {
                width: 60%;
                display: inline-flex;
                white-space: normal;
            }

    .payment-details .order-invoice {
        width: 48%;
        margin-right: 2%
    }

    .payment-details .tracking-shipment {
        width: 48%;
        margin-left: 2%;
    }

    .payment-details .order-invoice .bill-to p {
        display: flex
    }

    .payment-details .tracking-shipment .ship-to p {
        display: flex
    }

    .tracking-details {
        margin: 5px 0;
        width: 58%;
    }

    .carrier-details {
        margin: 5px 0;
        width: 38%;
        margin-right: 2%;
    }

    .order-container .order-invoice {
        width: 100%
    }

    .order-container .tracking-shipment {
        width: 100%;
        margin: 10px 0;
    }


    .hide-mobile {
        display: none;
    }

    .divider::after {
        display: none;
        width: 0;
    }

    .category-feature-image {
        float: left;
        margin-right: 20px;
        width: 125px;
        height: 125px;
    }

    .morecontent span {
        display: none;
    }

    a.morelink {
        color: #009bd8;
    }

    /*product search table*/

    .product-page-desc {
        margin-left: 0
    }


    .cart-responsivetable .product-update,
    .cart-responsivetable .product-add {
        padding: 10px;
        background: #6FBDDB;
        width: 100%;
        text-align: center;
        border-radius: 7px;
        color: white;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
    }

    .cart-responsivetable label.product-update-item,
    .cart-responsivetable label.product-add-item {
        width: 100%;
    }

    .cart-responsivetable label.product-delete .delete-item {
        float: right;
        text-decoration: none;
        width: 30px;
        height: 30px;
        font-weight: normal;
        background: url(../close-x-red.html) no-repeat center;
        background-size: 25px 25px;
    }

    .cart-responsivetable label.product-delete-item .delete-item {
        color: black;
        font-weight: normal;
        font-size: 25px;
    }

    .cart-responsivetable label.product-delete {
        width: 100%;
    }

        .cart-responsivetable label.product-delete .product-add,
        .cart-responsivetable label.product-delete .product-update {
            display: block;
            width: 100%;
            margin-top: 10px;
        }

    .cart-responsivetable .discount-qty {
        margin-bottom: 8px;
    }

        .cart-responsivetable .discount-qty label {
            display: block;
            text-align: center;
        }

    .cart-responsivetable table tr td input.ppQty:focus {
        outline: none;
        border: 1px solid #49a0d0;
        box-shadow: 0px 0px 3px #008bd9;
    }


    .responsiveTable table {
        border-collapse: collapse;
    }

        .responsiveTable table tr th,
        .responsiveTable table tr td {
            width: 48%;
        }

        .responsiveTable table tr td {
            border-top: none;
            padding: 8px;
        }

        .responsiveTable table tr:nth-child(odd) {
            background-color: #ffffff;
        }

        .responsiveTable table tr:nth-child(even) {
            background-color: #ffffff;
        }

    .headertable {
        border-collapse: collapse;
        border-top: 1px solid #bbb;
        margin-bottom: 30px;
        border-spacing: inherit;
        width: 100%;
    }

        .headertable tr td {
            border: 1px solid #bbb;
        }

            .headertable tr td:first-child {
                font-size: 13px;
                color: #000;
                background-color: #e0e8ef !important;
                width: 20%;
                display: none;
            }

            .headertable tr td:last-child {
                font-size: 17px;
                line-height: 25px;
                color: #000;
                padding: 10px;
                border-bottom: none;
                /*padding-top: 0;  prodpage table on mobile*/
            }

        .headertable tr:last-child td:last-child {
            border-bottom: 1px solid #bbb;
            text-align: center;
        }

        .headertable tr td:last-child span {
            text-transform: uppercase;
            font-size: 16px;
        }

        .headertable tr td input.ppQty {
            border: 1px solid #bbb;
            width: 100%;
            border-radius: 7px;
            text-align: center;
            height: 40px;
            margin-bottom: 0;
        }

            .headertable tr td input.ppQty:focus {
                outline: none;
            }

    .product-added-cart table tbody tr td {
        display: block;
        width: 100%;
    }
    /* Table Ends */


    .h-cart-contact {
        width: 70%;
    }

    .h-search {
        width: 100%;
        margin-top: 15px;
        padding-left: 60px;
    }

    #header_search {
        width: 100%;
    }

    #ppRight {
        float: right;
        width: 100%;
    }


    .mob-h-search .h-search {
    }

    .mob-h-search .h-cart-contact {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
    }

    .mob-h-cart-contact .h-search {
        display: block;
        height: 42px;
    }

    .mob-h-cart-contact .h-cart-contact {
        display: none;
    }

    .mob-h-search .search_img {
        display: none;
    }


    /* Videos (3 horizontal images, text to the right of each) */

    .video-three {
        width: 22%;
        margin: 0 6%;
        padding: 0;
        float: left;
        line-height: 15px;
        text-align: left;
    }

        .video-three img {
            float: left;
            display: block;
            max-width: 100%;
            margin-top: 20px;
            margin-bottom: 10px;
        }

        .video-three h3 {
            margin: 0;
            width: 100%;
        }

        .video-three h4 {
            margin: 10px;
            margin-left: 0;
            color: #a9a9a9;
            font-style: oblique;
            width: 100%;
        }


    /* Center Subtotal and Total Discounts  */

    .order-total-amount, .document-amount {
        width: 47%;
        text-align: left;
        float: right;
        font-weight: 600;
        font-size: medium;
    }

    .order-subtotal, .total-discount {
        width: 47%;
        text-align: right;
        float: left;
        margin-bottom: 10px;
        font-size: medium;
        clear: left;
    }

    .billing-subtotal-main p label.shipping-total {
        width: 47%;
        float: left;
        clear: left;
        text-align: right;
    }

    .billing-subtotal-main p label.shipping-total-amount {
        width: 47%;
        float: right;
        font-weight: bold;
        text-align: left
    }

    .rcs-video {
        width: 33.33%;
    }

        .rcs-video:nth-child(3n+1) {
            clear: left;
        }

    .rcs-video-page-rightColumn {
        width: 100%
    }

        .rcs-video-page-rightColumn div a img {
            width: 35%;
            float: left;
            padding-right: 15px;
            margin-bottom: 10px;
        }

        .rcs-video-page-rightColumn div h3 {
            width: 65%;
            float: right;
            margin: 0;
        }

        .rcs-video-page-rightColumn div h4 {
            width: 65%;
            float: right;
            color: #a6a6a6;
            font-style: italic;
        }

    .be-list-item {
        margin: 20px 0;
    }

    .be-list-item {
        text-align: left;
    }

    /* center manufacture logo on mobile*/
    .fL-center, .fR-center {
        float: none;
        text-align: center;
    }

    /* add-on center on tablet*/
    h2.normal.m0.center-tablet {
        text-align: center;
        margin-top: 10px !important;
    }

    /*about us page*/
    #about-us .dultmeier-fun {
        width: 50%;
        float: right;
    }

    #about-main {
        width: 100%;
        height: 400px;
        position: relative;
        overflow: hidden;
        margin-top: 10px;
    }

    .about-us-tab {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .about-us-tab a {
            display: block;
            text-align: center;
            padding: 10px;
            border-bottom: solid 1px #dcdcdc;
        }

            .about-us-tab a:first-child {
                border-top: solid 1px #dcdcdc;
            }

            .about-us-tab a:hover {
                background: #009bd8;
                color: white;
            }

        .about-us-tab li h1 {
            margin: 0;
            padding: 0;
            font-size: 18px !important;
        }

    .about-career {
        padding-left: 30px;
    }

        .about-career li {
            list-style: none;
            margin-bottom: 15px;
        }

    .about-active {
        background: #009bd8;
        color: white;
    }

        .about-active li {
            color: white;
        }

    /* Categories Description Image & Text */
    .more {
        margin-bottom: 20px;
    }

        .more h2 {
            font-size: 18px !important;
            margin-bottom: 10px;
        }



    /* New mobile design Ninh added here */


    /* no enlarge photo happen when click on smaller screen */
    .ppPhoto, .display-photo {
        pointer-events: none;
    }

    .ppPhoto {
        max-height: 400px;
    }

    .modal-holder .small-images {
        left: 10px;
    }

    .modal-photo-wrapper {
        width: 100%;
        padding: 0 10px;
    }

        .modal-photo-wrapper .display-x {
            right: 10px;
        }

    .modal-holder .modal-iframe-frame {
        height: 350px;
    }
    /* no enlarge over */

    /* About sales team */
    .e-background {
        background: url(../emplyee-header-tablet.html) no-repeat !important;
    }

    .employee-info {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .what-we-offer ul.column li {
        width: 100%;
        border: 1px solid #ddd;
        padding: 10px;
        border-radius: 6px;
        box-shadow: 0 2px 2px #ddd;
    }
    /* About sales team over */

    /*about who we are*/
    .about-core-values {
        padding: 0;
    }

        .about-core-values div {
            text-align: center;
            padding: 20px;
            border: 1px solid #ddd;
            border-radius: 5px;
            box-shadow: 0 2px 2px #ddd;
            margin: 30px 0;
        }

            .about-core-values div span img {
                margin-right: 10px;
            }

    .about-cal-left {
        background: url(../list-blue-square-2.html) no-repeat left;
        display: table-cell;
        vertical-align: middle;
        width: 40%;
        background-position: 0 6px;
        margin-left: 10%;
        padding-left: 15px;
    }

    .about-cal-right {
        display: table-cell;
        vertical-align: middle;
        width: 60%;
    }

    .about-box-full-width {
        padding: 10px 0;
    }

    ul.column3.about-box li {
        width: 100%;
        margin: 6px 0;
    }

    ul.about-box li div {
        padding: 0;
    }

    ul.about-box h3 {
        width: 100%;
        margin: 10px 0;
    }

        ul.about-box h3::after {
            display: none;
        }

    ul.about-box li p, ul.about-box li hr {
        display: none;
    }
    /* About who we are over */


    /* new header design */
    .header-cart-full-width {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        height: 50px;
        z-index: 9;
        background: #eee;
        border-bottom: 1px solid #ddd;
    }

        .header-cart-full-width #header_cart {
            text-align: right;
            width: 85%;
            position: relative;
            z-index: 1;
            right: 0;
            top: 55%;
            transform: translate(0%,-50% );
        }

    #header_cart::before {
        display: none;
    }

    #header .dultmeier-main-logo {
        position: fixed;
        z-index: 10;
        background-size: 65px;
        left: 75px;
        height: 40px;
        margin-top: 6px;
        width: 65px;
    }

        #header .dultmeier-main-logo a {
            padding-top: 0px;
            height: 100%;
            display: inline-block;
        }

    .navigation {
        position: fixed;
        top: 0;
        z-index: 9;
    }

        .navigation ul {
            /*background: #fff;	*/
        }

        .navigation .nav-item a {
            /*color: #555!important;*/
        }

    .nav-mobile {
        left: 0;
    }

    .nav-hamburger {
        top: 0;
    }

    .nav-list {
        position: fixed;
        top: 50px;
        left: 0;
        max-height: calc(100vh - 50px);
        margin-top: 0;
        border-bottom: none;
        right: 0;
        bottom: 0;
    }

    .nav-hamburger {
        background: none;
    }

    .line {
        background: #19d;
        margin-left: 0;
    }

    .mob-h-search {
        top: 50px;
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
    }

        .mob-h-search .h-search {
            margin-top: 0;
            padding: 0 5px;
            background: #19d;
            height: 52px;
        }

    #header_search_elements {
        padding: 0;
        margin-top: 5px;
    }

    #header_keywords {
        padding-left: 15px;
    }

    .h-cart-contact {
        display: none;
    }

    #content {
        margin-top: 50px;
        font-size: 17px;
        line-height: 27px;
    }

    .account-icon, .cart-icon, .quick-order-icon, .phone-icon {
        top: 0;
    }

    .cart-item-qty {
        margin-right: 0;
        background: red;
        border-radius: 15px;
        width: 16px;
        height: 16px;
        display: inline-block;
        text-align: center;
        font-size: 10px;
        letter-spacing: -1px;
        font-size: 10px;
        position: absolute;
        transform: translate(-10px,-5px);
        display: none;
        left: unset;
        top: unset;
    }

    .cart-bracket {
        display: none;
    }

    .item-number-added {
        color: #fff !important;
        line-height: 16px;
        margin-left: -1px;
    }

    .nav-account-submenu {
        margin-top: 49px;
    }

    .nav-list::-webkit-scrollbar {
        display: none;
    }

    .ban-banner-common-coloum ul li {
        width: 50%;
        float: left;
        text-align: left;
    }

    .ban-new-product, .ban-car-truck-wash, .ban-agricultural, .ban-industrial, .ban-lawn-turf, .ban-deice-anti-ice, .ban-petroleum, .ban-carpet-jansan, .ban-shop-all-divisions {
        width: 100%;
        min-height: 180px;
        margin-bottom: 10px;
        background-position: center;
    }

    .ban-banner-common-coloum ul {
        padding: 0px 15px;
    }

    .ban-banner-common-coloum h3 {
        height: 50px;
        line-height: 53px;
    }


    /* dultmeier banner slider */

    .dultmeier-banner {
        overflow-x: scroll;
        overflow-y: hidden;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
    }

    #banner-wrapper {
        display: inline-flex;
        margin: 0;
        padding: 0;
    }

    .ban-car-truck-wash {
        margin-left: 30px !important;
    }

    .ban-new-product,
    .ban-car-truck-wash,
    .ban-agricultural,
    .ban-industrial,
    .ban-lawn-turf,
    .ban-deice-anti-ice,
    .ban-petroleum,
    .ban-carpet-jansan,
    .ban-shop-all-divisions {
        width: 250px !important;
        min-height: 180px !important;
        margin: 0 15px;
    }

    .ban-banner-common-coloum {
        background: none !important;
    }

        .ban-banner-common-coloum ul {
            display: none;
        }

        .ban-banner-common-coloum h3 {
            height: 50px;
        }

            .ban-banner-common-coloum h3 a {
                display: none;
            }

    .mini-logo {
        width: 70px;
        height: 70px;
        position: absolute;
        background: #fff;
        border-radius: 40px;
        top: 50px;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 3px;
    }

    .banner-shop-now {
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center;
        padding: 0 40px;
    }

        .banner-shop-now p {
            border: 1px solid #fff;
            padding: 10px;
            color: #fff;
            margin-bottom: 25px;
            background-color: rgba(99, 99, 99, 0.75);
        }

    .mini-logo img {
        padding: 7px;
        border-radius: 40px;
    }

    .wash-mini-logo {
        border: 2px solid #2ca3d2;
    }

    .ag-mini-logo {
        border: 2px solid #f8bc17;
    }

    .industrial-mini-logo {
        border: 2px solid #e75425;
    }

    .lawn-mini-logo {
        border: 2px solid #9aba3c;
    }

    .deice-mini-logo {
        border: 2px solid #737373;
    }

    .petroleum-mini-logo {
        border: 2px solid #dc1f2d;
    }

    .carpet-mini-logo {
        border: 2px solid #932580;
    }

    .dultmeier-banner::-webkit-scrollbar {
        display: none;
    }

    /* Mobile slogan and feature image */
    .we-know-flow {
        padding-top: 10px;
        padding-bottom: 0;
        color: #666 !important;
    }

        .we-know-flow button {
            color: #fff;
            outline: none;
            padding: 10px 30px;
            font-size: 22px;
            transform: translate(0px,20px);
            border: 2px solid white;
        }

        .we-know-flow.total-full-width {
            padding-left: 0;
            padding-right: 0;
        }

    .we-know-expert {
        font-size: 18px;
    }

    .we-know-slogan {
        font-weight: 900;
        font-size: 30px;
        margin: 15px 0;
        display: block;
    }

    .we-know-bg {
        background: url(../amazing-products.html) no-repeat;
        background-size: cover;
        width: 100%;
        min-height: 235px;
        position: relative;
    }
    /* Mobile slogan and feature image over */

    #account_username::placeholder {
        color: transparent;
    }

    #account_password::placeholder {
        color: transparent;
    }

    #checkoutSignIn input::placeholder {
        color: transparent;
    }

    /* new Footer design */
    #footer .flex {
        display: block;
    }

    .media-container {
        position: unset;
        top: unset;
        transform: unset;
        right: unset;
        margin-top: 30px;
    }

    .footer-flex-50 {
        padding-right: 0;
    }

    .footer-flex-33 {
        padding-right: 0;
    }

    .footer-about-dultmeier {
        margin: 55px 0;
    }

    .footer-sitemap {
        margin: 20px 0;
    }

        .footer-sitemap ul {
            display: inline-flex !important;
        }
    /* new footer over */


    /* new schematic and sds page design */
    .schematic-banner, .sds-banner {
        height: auto;
        overflow: unset;
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        margin-top: 0;
        margin-bottom: 70px;
    }

    .schematic-left, .sds-left {
        width: 100%;
        float: none;
        height: 150px;
    }

    .schematic-right, .sds-right {
        width: 100%;
        float: none;
        height: 70px;
    }

        .schematic-right::before, .sds-right::before {
            display: none;
        }

    .schematic-links a, .sds-links a {
        width: 270px;
    }

    #content .schematic-mfg-name, #content .sds-mfg-name {
        top: 38%;
        padding-left: 120px;
    }

        #content .schematic-mfg-name h1, #content .sds-mfg-name h1 {
            font-size: 30px;
        }

        #content .schematic-mfg-name p, #content .sds-mfg-name p {
            font-size: 25px;
        }

        #content .schematic-mfg-name h1, #content .schematic-mfg-name p,
        #content .sds-mfg-name h1, #content .sds-mfg-name p {
            margin: 3px 0;
        }

    ul.column {
        display: inline-block;
        width: 100%;
    }

    .target-link {
        padding-top: 60px;
        margin-top: -60px;
        display: inline-block;
    }

    .target-video {
        padding-top: 400px;
    }
    /* new schematic and sds page design over */


    /* Manufacturer new design */
    .manufacturer-name {
        width: 100%;
        padding-left: unset;
        margin-top: 20px;
        margin-left: 10px;
    }

    .manufacturer-logo {
        float: none;
    }

    .manufacturer-cover-photo, .manufacturer-cover-photo-ind,
    .manufacturer-cover-photo-carwash,
    .manufacturer-cover-photo-ag,
    .manufacturer-cover-photo-deice,
    .manufacturer-cover-photo-lawn,
    .manufacturer-cover-photo-petro {
        background-attachment: unset;
    }

    #content .manufacturer-full-width h1 {
        font-size: 35px;
        font-family: Roboto;
        line-height: 35px;
    }

    #content .manufacturer-full-width h2 {
        font-size: 28px;
        line-height: 35px;
    }
    /* Manufacturer new design over*/


    /* Trade show new design */
    .header-divider::before {
        width: 100px;
    }

    .header-divider::after {
        margin-left: 107px;
    }
    /* Trade show new design over */


    /* Closed Warning and  Techical Warning */
    .technical-warning, .closed-warning {
        padding: 7px;
        font-size: 15px;
        font-weight: normal;
        line-height: 18px;
    }

        .closed-warning br {
            display: none;
        }
    /* Closed Warning and  Techical Warning over */

    ul.sales-team-list li {
        width: 48.5%;
    }

}

/********** AUTOCOMPLETE STYLES ************/
#aa-background-overlay {
    position: fixed;
    top: 95px; /* Main menu height */
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1500; /* Adjust to overlay main menu */
    visibility: hidden;
    background: rgba(0, 0, 0, .3);
    opacity: 0;
    transition: opacity .3s, visibility .3s;
}

    #aa-background-overlay.aa-background-overlay-show {
        visibility: visible;
        opacity: 1;
    }

/* Nop override to prevent header logo from spanning full width of container */
.header-logo a {
    display: inline-block !important;
}

.aa-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem;
}

.search-panel {
    display: flex;
}

.search-panel__filters {
    flex: 1;
}

.search-panel__results {
    flex: 3;
    padding-left: 30px;
}

.mob-search-header {
    display: none;
}

.mob-search-logo {
    margin: 20px 10px 40px 10px;
    width: 100px;
}

.search-nav-close {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 20px;
}

.aa-Autocomplete, .aa-DetachedFormContainer, .aa-Panel {
    --aa-base-unit: 15; /* Base font size */
    --aa-font-size: calc(var(--aa-base-unit)*1px);
    --aa-text-color-rgb: 72,72,72;
    --aa-primary-color-rgb: 72,72,72;
    --aa-muted-color-rgb: 72,72,72;
    --aa-selected-color-rgb: 72,72,72;
    --aa-icon-color-rgb: 72,72,72;
    /*  Algolia theme root styles.  Pull out the ones you want to override  
    --aa-search-input-height: 44px;
    --aa-input-icon-size: 20px;
    --aa-base-unit: 16;
    --aa-spacing-factor: 1;
    --aa-spacing: calc(var(--aa-base-unit)*var(--aa-spacing-factor)*1px);
    --aa-spacing-half: calc(var(--aa-spacing)/2);
    --aa-panel-max-height: 650px;
    --aa-base-z-index: 9999;
    --aa-font-size: calc(var(--aa-base-unit)*1px);
    --aa-font-family: inherit;
    --aa-font-weight-medium: 500;
    --aa-font-weight-semibold: 600;
    --aa-font-weight-bold: 700;
    --aa-icon-size: 20px;
    --aa-icon-stroke-width: 1.6;
    --aa-icon-color-rgb: 119,119,163;
    --aa-icon-color-alpha: 1;
    --aa-action-icon-size: 20px;
    --aa-text-color-rgb: 38,38,39;
    --aa-text-color-alpha: 1;
    --aa-primary-color-rgb: 62,52,211;
    --aa-primary-color-alpha: 0.2;
    --aa-muted-color-rgb: 128,126,163;
    --aa-muted-color-alpha: 0.6;
    --aa-panel-border-color-rgb: 128,126,163;
    --aa-panel-border-color-alpha: 0.3;
    --aa-input-border-color-rgb: 128,126,163;
    --aa-input-border-color-alpha: 0.8;
    --aa-background-color-rgb: 255,255,255;
    --aa-background-color-alpha: 1;
    --aa-input-background-color-rgb: 255,255,255;
    --aa-input-background-color-alpha: 1;
    --aa-selected-color-rgb: 179,173,214;
    --aa-selected-color-alpha: 0.205;
    --aa-description-highlight-background-color-rgb: 245,223,77;
    --aa-description-highlight-background-color-alpha: 0.5;
    --aa-detached-media-query: (max-width:680px);
    --aa-detached-modal-media-query: (min-width:680px);
    --aa-detached-modal-max-width: 680px;
    --aa-detached-modal-max-height: 500px;
    --aa-overlay-color-rgb: 115,114,129;
    --aa-overlay-color-alpha: 0.4;
    --aa-panel-shadow: 0 0 0 1px rgba(35,38,59,0.1),0 6px 16px -4px rgba(35,38,59,0.15);
    --aa-scrollbar-width: 13px;
    --aa-scrollbar-track-background-color-rgb: 234,234,234;
    --aa-scrollbar-track-background-color-alpha: 1;
    --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb);
    --aa-scrollbar-thumb-background-color-alpha: 1
    */
}

.aa-Panel {
    position: fixed !important;
    top: 95px;
    left: 50% !important;
    width: 100% !important;
    max-width: 1200px !important;
    z-index: 2000;
    transform: translateX(-50%);
}

.aa-SourceHeaderTitle {
    color: rgba(var(--aa-primary-color-rgb),1);
}

.aa-button {
    padding: 12px;
    border: none;
    background: #29a3d2;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    transition: all .2s ease;
}

    .aa-button:hover {
        background: #0e86b5 !important;
        color: #fff;
    }

/* Autocomplete Two Column styles */

/* Panel section */
.aa-PanelSections {
    column-gap: var(--aa-spacing);
    display: flex;
}

.aa-PanelSection {
    display: flex;
    flex-direction: column;
}

.aa-PanelSection--left {
    width: 30%;
}

.aa-PanelSection--right {
    width: 70%;
}

/* Item */
.aa-ItemPicture {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    overflow: hidden;
    background: rgba(var(--aa-muted-color-rgb), 0.2);
}

    .aa-ItemPicture img {
        object-fit: cover;
        width: 100%;
        height: auto;
        opacity: 0;
        transition: opacity 0.2s ease-out;
    }

.aa-ItemPicture--loaded img {
    opacity: 1;
}

/* Products */
/* --- Common */
.aa-Source[data-autocomplete-source-id='products'] .aa-List {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.aa-Source[data-autocomplete-source-id='products'] .aa-Item {
    padding: var(--aa-spacing-half);
}

.aa-Source[data-autocomplete-source-id='products'] .aa-ItemLink {
    justify-content: stretch;
    height: 100%;
    background-color: #fff;
}

/* --- Product Content */
.aa-Source[data-autocomplete-source-id='products'] .aa-ItemContent {
    display: flex; /* Use Flexbox for the container */
    flex-direction: column;
    justify-content: center; /* Center content horizontally */
    align-items: center; /* Center content vertically */
    height: 100%; /* Make sure it takes the full height of the item */
    width: 100%; /* Ensure it takes the full width of the item */
    text-align: center;
}

    .aa-Source[data-autocomplete-source-id='products'] .aa-ItemContent img {
        max-width: 200px; /* Ensure the image fits within the container */
        max-height: 200px; /* Ensure the image does not overflow vertically */
        margin: auto; /* Center the image using margin */
        display: block; /* Makes sure the image is treated as a block element for margin auto to work */
    }

    .aa-Source[data-autocomplete-source-id='products'] .aa-ItemContent mark {
        /*        color: rgb(var(--aa-primary-color-rgb));  */
    }

.aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentBody {
    width: 100%; /* Ensure it takes the full width of the container */
    text-align: center; /* Center-align the text in the content body */
    padding-top: 10px; /* Add padding to move text down from the top */
    height: auto;
}

/* --- Brand */
.aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentBrand {
    font-size: 0.7em;
    text-transform: uppercase;
    color: rgb(var(--aa-muted-color-rgb));
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentBrand mark {
        font-weight: normal;
    }

/* --- Title */
.aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentTitleWrapper {
    height: calc(var(--aa-spacing) * 2.5);
}

.aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentTitle {
    margin: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
}

/* --- Price */
.aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentPrice {
    display: flex;
    column-gap: var(--aa-spacing-half);
}

.aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentPriceCurrent {
    font-weight: bold;
}

.aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentPriceDiscounted {
    font-size: 0.9em;
    text-decoration: line-through;
    color: rgb(var(--aa-muted-color-rgb));
}

/* --- Rating */
.aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentRating ul {
    display: flex;
    list-style: none;
    padding: 0;
}

.aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentRating {
    display: flex;
    align-items: center;
    column-gap: calc(var(--aa-spacing-half) / 2);
    margin-top: var(--aa-spacing-half);
}

.aa-Source[data-autocomplete-source-id='products'] .aa-StarIcon {
    width: 1.3em;
    height: 1.3em;
    color: #fdbc72;
}

.aa-Source[data-autocomplete-source-id='products'] .aa-StarIcon--muted {
    color: #d6d6e6;
}

.aa-Source[data-autocomplete-source-id='products']
.aa-ItemContentRatingReviews {
    font-size: 0.7em;
    color: #908eae;
}

/* Page Content Auto-Complete */
.aa-Source[data-autocomplete-source-id='content'] ul {
    display: flex;
    flex-wrap: wrap;
}

    .aa-Source[data-autocomplete-source-id='content'] ul li {
        width: 33%;
        box-sizing: border-box;
        padding: 5px;
        float: left;
    }
/* Controls the content icon sizes */
.aa-Source[data-autocomplete-source-id='content'] .aa-ItemContent .aa-ItemIcon {
    --aa-icon-size: 24px;
}

/* Media queries */
@media screen and (max-width: 680px) {
    /* Panel section */
    .aa-PanelSections {
        flex-direction: column;
        row-gap: var(--aa-spacing);
    }

    .aa-PanelSection--left,
    .aa-PanelSection--right {
        width: 100%;
    }

    /* Products */
    .aa-Source[data-autocomplete-source-id='products'] .aa-List {
        display: flex;
        flex-wrap: wrap;
        gap: var(--aa-spacing-half);
    }

    .aa-Source[data-autocomplete-source-id='products'] .aa-Item {
        width: calc(50% - var(--aa-spacing-half) / 2);
    }

    .mob-search-header {
        display: block;
    }
}

/* End Autocomplete Two Column styles */


@media (max-width: 1000px) {
    .search-panel {
        display: block;
    }

    .mob-search-header {
        display: block;
    }

    /*    .ais-DynamicWidgets-widget {
        text-align: left;
        margin-left: 30px;
        margin-right: 30px
    }*/
}


/********** INSTANT SEARCH STYLES ************/


.master-column-wrapper [class^=ais-] {
    font-size: 0.9rem;
}

.ais-Breadcrumb, .ais-ClearRefinements, .ais-CurrentRefinements, .ais-GeoSearch, .ais-FrequentlyBoughtTogether, .ais-HierarchicalMenu, .ais-Hits, .ais-Results, .ais-HitsPerPage, .ais-ResultsPerPage, .ais-InfiniteHits, .ais-InfiniteResults, .ais-LookingSimilar, .ais-Menu, .ais-MenuSelect, .ais-NumericMenu, .ais-NumericSelector, .ais-Pagination, .ais-Panel, .ais-PoweredBy, .ais-RangeInput, .ais-RangeSlider, .ais-RatingMenu, .ais-RefinementList, .ais-RelatedProducts, .ais-SearchBox, .ais-SearchBox-input, .ais-RelevantSort, .ais-SortBy, .ais-Stats, .ais-TrendingItems, .ais-ToggleRefinement {
    color: #484848 !important;
}

.ais-Breadcrumb-link, .ais-HierarchicalMenu-link, .ais-Menu-link, .ais-Pagination-link, .ais-RatingMenu-link {
    color: #484848 !important;
}

.ais-CurrentRefinements-label, .ais-CurrentRefinements-categoryLabel, .ais-CurrentRefinements-delete {
    color: #484848 !important;
}

.ais-SearchBox-submitIcon path,
.ais-SearchBox-resetIcon path,
.ais-ExpandCollapseIcon path {
    fill: #484848 !important;
}

.product-list .item-box .description {
    color: #484848 !important;
}

.toggle-wrapper, .toggle-filters {
    display: none;
}

.ais-Panel-header {
    padding: 14px 30px;
    position: relative;
    background-color: #f6f6f6;
    text-align: left;
}

.ais-Panel-body {
    padding: 0px 30px;
}

.ais-Panel--collapsible .ais-Panel-collapseButton {
    top: inherit !important;
    margin-right: 10px;
}

.ais-SearchBox-input {
    height: 35px;
    padding: .3rem 1.5rem .3rem .5rem !important;
}

    .ais-SearchBox-input::placeholder {
        color: rgba(128, 126, 163,0.6);
        color: rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));
        opacity: 1
    }


.ais-HierarchicalMenu-link::before {
    align-items: center;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%2390919E' fill-rule='nonzero' d='M0 4l4-4 4 4z'/%3E%3C/svg%3E%0A");
    display: flex;
    height: 8px;
    justify-content: center;
    margin-right: 1rem;
    width: 8px;
}

.ais-HierarchicalMenu-item--selected .ais-HierarchicalMenu-link::before {
    transform: rotate(180deg);
}

.ais-HierarchicalMenu-labelCount,
.ais-RefinementList-labelCount {
    color: #999;
    margin-left: 5px;
}

.refinement-wrapper {
}

#current-refinements {
    margin-top: 0.3rem;
}

.ais-CurrentRefinements-list {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}

li.ais-CurrentRefinements-item {
    margin-right: .3rem;
    margin-top: .3rem;
    padding: .3rem .5rem !important;
    display: block;
    background-color: #f6f6f6;
    color: #0A161D;
    border: 1px solid #c4c8d8;
    border-radius: 5px;
}

    li.ais-CurrentRefinements-item span {
        display: inline;
    }

.ais-CurrentRefinements-category {
    margin-right: 0.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ais-CurrentRefinements-categoryLabel, .ais-CurrentRefinements-delete, .ais-CurrentRefinements-label {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    white-space: break-spaces !important;
}

.ais-CurrentRefinements-delete {
    margin-left: 0.2rem;
    margin-top: -0.3rem;
}

#clear-refinements {
    margin: 0.3rem 0;
}

.ais-ClearRefinements-button {
    padding: 0.5rem 0.6rem;
    border-radius: 5px
}

.ais-HierarchicalMenu-showMore,
.ais-Menu-showMore,
.ais-RefinementList-showMore {
    font-size: 0.8rem !important;
    color: #29a3d2 !important;
    background-color: #fff !important;
    border: none;
    margin-top: 0px !important;
    margin-bottom: .6rem;
}

.ais-HierarchicalMenu-showMore--disabled,
.ais-RefinementList-showMore--disabled,
.ais-ClearRefinements-button--disabled {
    display: none;
}

.ais-Menu-list,
.ais-HierarchicalMenu-list
.ais-RefinementList-list {
    margin: 0px !important;
    list-style-type: none !important;
}

    .ais-Menu-list li,
    .ais-HierarchicalMenu-list li,
    .ais-RefinementList-list li {
        padding: 0px !important;
        margin-bottom: 8px;
    }

.ais-HierarchicalMenu-list--child {
    margin-top: 8px;
}

.ais-HierarchicalMenu-link,
.ais-RatingMenu-link,
.ais-RefinementList-label {
    display: flex !important;
    cursor: pointer;
    align-items: center;
}

.ais-RatingMenu-link,
.ais-RefinementList-label {
    margin-left: 18px;
}


.ais-RefinementList-checkbox {
    margin-top: -2px;
    margin-left: -18px;
}

.ais-RefinementList-labelText {
    margin-left: 8px;
}

.ais-RefinementList-checkbox:checked + .ais-RefinementList-labelText {
    font-weight: bold;
}

.ais-RefinementList-checkbox {
    position: relative !important;
    left: 0 !important;
}

.search-results {
    margin: 0;
}

.item-box .button-2 {
    border: none;
}

/* Grid view layout */
.product-grid .ais-Hits-item {
    padding: 0;
    width: calc(20% - 1rem); /* 5 product columns */
}

/* List view layout */
.product-list .ais-Hits-item {
    padding: 0;
    width: 100%;
}

.product-list .item-box .product-item {
    display: block;
    width: 100%;
    flex-direction: column;
}

    .product-list .item-box .product-item .line-items, .product-list .item-box .product-item .line-items .spec-table {
        width: 100%;
    }

.product-list .item-box .picture {
    width: 100% !important;
    max-width: 200px !important;
    max-height: 200px !important;
    margin: 0 20px !important;
    display: block;
    float: none;
}

.product-list .item-box .product-details-wrapper {
    flex-grow: 1;
    margin: 0 20px;
}

.product-list .item-box .product-line-1,
.product-list .item-box .product-line-2 {
    display: flex;
}

    .product-list .item-box .product-line-2 .line-items {
        max-width: 100%;
        overflow-x: auto;
    }

.product-list .item-box .product-line-2 {
    width: 100%;
    margin: 0 !important;
    padding: 10px 20px !important;
}

.product-list .item-box .product-details-wrapper .details {
    float: left;
    margin: 0;
}

.center-2 .product-list .item-box .pricing-wrapper {
    margin-left: auto;
    white-space: nowrap;
    padding: 30px 30px 0 30px;
    text-align: right;
    min-width: 250px;
}

.pricing-wrapper .buttons {
    text-align: right;
}

.product-list .item-box input, .product-list .item-box .btn-wrapper .button-2 {
    width: 60px;
    height: 45px;
}

.product-list .item-box .pricing-wrapper .button-2 {
    padding: 0 10px !important;
}

.product-list .item-box .actual-price {
    margin: 0;
    margin-bottom: 10px !important;
    font-size: 1.1rem;
}

.product-list .prices > span.actual-price {
    display: inline;
}

.prod-variant-table .add-to-cart-panel .button-2.add-to-wishlist-button,
.center-2 .product-list .item-box .pricing-wrapper .button-2.add-to-wishlist-button,
.center-2 .product-list .item-box .line-add-to-cart .button-2.add-to-wishlist-button {
    margin: 4px 10px 4px 4px;
    padding: 0 0 !important;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 0;
    font-weight: bold;
    border-radius: 30px;
    background-color: #f1f1f1;
    border: 0;
    backface-visibility: hidden;
    transition: all .1s ease;
    color: #8c8c8c;
    text-transform: uppercase;
    display: inline;
    min-width: 30px;
}

    .prod-variant-table .add-to-cart-panel .button-2.add-to-wishlist-button:hover,
    .center-2 .product-list .item-box .pricing-wrapper .button-2.add-to-wishlist-button:hover,
    .center-2 .product-list .item-box .line-add-to-cart .button-2.add-to-wishlist-button:hover {
        background-color: #29a3d2;
    }

        .prod-variant-table .add-to-cart-panel .button-2.add-to-wishlist-button:hover:before,
        .center-2 .product-list .item-box .pricing-wrapper .button-2.add-to-wishlist-button:hover:before,
        .center-2 .product-list .item-box .line-add-to-cart .button-2.add-to-wishlist-button:hover:before {
            color: #fff;
        }

    .prod-variant-table .add-to-cart-panel .button-2.add-to-wishlist-button:before,
    .center-2 .product-list .item-box .pricing-wrapper .button-2.add-to-wishlist-button:before,
    .center-2 .product-list .item-box .line-add-to-cart .button-2.add-to-wishlist-button:before {
        content: "c";
        transition: all .1s ease;
        text-transform: none;
        font-weight: normal;
        font-size: 14px;
        color: #8e8e8e;
    }

.center-2 .product-list .item-box .line-add-to-cart .ajax-cart-button-wrapper {
    display: inline;
}

.pricing-wrapper .discount {
    margin-top: 10px;
    color: #8c8c8c;
    font-weight: bold;
}


.ais-Hits-item .item-box {
    width: 100%;
    height: 100%;
}

    .ais-Hits-item .item-box .quick-view-button {
        display: none;
    }

.item-box .product-title, .item-box .title {
    padding: 0;
}

.item-box .spec-table-container {
    width: auto;
    overflow-x: auto; /* Horizontal scroll if the table is too wide */
    margin: 20px 0;
}

.item-box .spec-table {
    width: auto;
    border-collapse: collapse; /* Combine borders of table cells */
    table-layout: auto; /* Allow columns to adjust based on content */
}

    .item-box .spec-table thead {
        background-color: #f4f4f4;
        color: #333;
    }

    .item-box .spec-table th {
        padding: 12px;
        text-align: left;
        font-weight: bold;
        border-bottom: 2px solid #ddd;
    }

    .item-box .spec-table th {
        padding: 12px;
        border-bottom: 1px solid #ddd;
    }

    .item-box .spec-table th, .item-box .spec-table td {
        border: 1px solid #ddd;
        padding: .25rem .75rem;
    }

    .item-box .spec-table .actual-price {
        font-size: 0.9rem;
    }

.spec-table .line-sku,
.spec-table .line-price,
.spec-table .line-add-to-cart {
    white-space: nowrap;
}

.spec-table .line-picture {
    width: 100px !important;
    max-width: 150px !important;
    max-height: 150px !important;
}

.item-box .spec-table .line-add-to-cart .button-2 {
    padding: 0 10px !important;
    font-size: 0.8rem;
    min-width: 70px;
    overflow: auto;
}


/* Only use hover hightlighting on associated products */
.item-box .spec-table-associated tr:hover {
    background-color: #f1f1f1;
}

.spec-table .line-price {
    text-align: right;
}

.spec-table .line-callforprice {
    text-align: center;
    color: #29a3d2;
    text-transform: uppercase;
}

.spec-table .line-sku a {
    color: #29a3d2;
    text-decoration: underline;
    font-weight: bold;
}

#alg-stats {
    text-align: right;
}

.filter-header-wrapper {
    margin-bottom: 20px;
    height: 30px;
}

.filter-title-wrapper {
    display: flex;
}

.filter-title {
    float: left;
    width: 100%;
}

.filter-title-expand {
    float: right;
}

.search-box form {
    display: flex !important;
}

.ais-SearchBox-submit {
    width: 0px;
}

.ais-SearchBox-submitIcon {
    display: none;
}


/* InstantSearch pager start */
.pageination-wrapper {
    margin: 2rem auto;
}

#pagination {
    float: left;
}

#hits-per-page {
    float: right;
}

.ais-Pagination {
    display: flex;
}

ul .ais-Pagination-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

    ul.ais-Pagination-list li {
        padding: 0;
    }

.ais-Pagination-link {
    transition: color .2s ease-out
}

.ais-Pagination-item + .ais-Pagination-item {
    margin-left: .3rem
}

.ais-Pagination-link {
    padding: .3rem .6rem;
    display: block;
    border: 1px solid #c4c8d8;
    border-radius: 5px;
    transition: background-color .2s ease-out
}

    .ais-Pagination-link:focus,
    .ais-Pagination-link:hover {
        background-color: #e3e5ec
    }

.ais-Pagination-item--disabled .ais-Pagination-link {
    opacity: .6;
    cursor: not-allowed;
    color: #a5abc4
}

    .ais-Pagination-item--disabled .ais-Pagination-link:focus,
    .ais-Pagination-item--disabled .ais-Pagination-link:hover {
        color: #a5abc4;
        background-color: #fff
    }

.ais-Pagination-item--selected .ais-Pagination-link {
    color: #fff !important;
    background-color: #0096db;
    border-color: #0096db;
}

    .ais-Pagination-item--selected .ais-Pagination-link:focus,
    .ais-Pagination-item--selected .ais-Pagination-link:hover {
        color: #fff
    }
/* InstantSearch pager end */
@media screen and (max-width: 1400px) {
    .spec-table.spec-table-associated {
        font-size: 13px;
    }

    .item-box .spec-table th, .item-box .spec-table td {
        border: 1px solid #ddd;
        padding: .25rem .25rem;
    }

        .item-box .spec-table td .ajax-cart-button-wrapper {
            display: flex;
            flex-direction: column;
        }

            .item-box .spec-table td .ajax-cart-button-wrapper button {
                margin-top: 10px;
            }

            .item-box .spec-table td .ajax-cart-button-wrapper .add-to-cart-qty-wrapper {
                width: 66px;
            }
}

@media screen and (max-width: 1200px) {
    .aa-Source[data-autocomplete-source-id="products"] .aa-ItemContent img {
        max-width: 150px;
        max-height: 200px;
        margin: auto;
        display: block;
    }
}

@media screen and (max-width: 1024px ) {
    .spec-table.spec-table-associated {
        font-size: 15px;
    }

    .item-box .spec-table th, .item-box .spec-table td {
        padding: .25rem .75rem;
    }

        .item-box .spec-table td .ajax-cart-button-wrapper {
            display: flex;
            flex-direction: row;
        }

            .item-box .spec-table td .ajax-cart-button-wrapper button {
                margin-top: 0px;
            }

    .algolia-filters-column {
        position: fixed;
        top: 0;
        background: #fff;
        width: 100%;
        z-index: 9;
        padding: 0;
        padding-top: 70px;
        left: -100%;
        transition: all linear .3s;
        height: 100vh;
        overflow: scroll;
    }

    .algolia-filters-wrapper {
        overflow: scroll;
        padding: 0 2% 7%;
        margin-bottom: 65px;
    }

    .toggle-filters.mobile-filter {
        display: flex;
        align-items: center;
    }

    .toggle-filters .open-filter {
        display: flex;
        align-items: center;
        text-align: left;
        border-radius: 3px;
        border: 1px solid #c4c8d8;
        box-shadow: 0 2px 5px 0px #e3e5ec;
        background-color: #fff;
        padding: 3px 5px;
    }

        .toggle-filters .open-filter img {
            width: 25px;
            height: 25px;
            object-fit: contain; /* Ensures the image scales proportionally */
        }

        .toggle-filters .open-filter span {
            font: normal 0.9rem 'Roboto',sans-serif;
            color: #484848;
        }

    .mobile-filter {
        display: block; /* Ensure the div behaves as a block-level element */
    }

    .toggle-wrapper {
        display: block;
        position: relative;
        height: 40px;
    }

    .toggle-filters.close-filter {
        position: absolute;
        right: 0px;
        top: 2px;
        width: 32px;
        height: 32px;
        left: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 2px;
        border: 1px solid #c4c8d8;
        box-shadow: 0 2px 5px 0px #e3e5ec;
        background-color: #fff;
    }

        .toggle-filters.close-filter img {
            max-width: 25px;
            padding: 2px;
        }

    .block-wrapper.algolia-filters-column.open {
        left: 0;
    }

    .admin-header-links ~ .responsive-nav-wrapper-parent ~ .header ~ .overlayOffCanvas ~ .master-wrapper-content .master-column-wrapper div#algolia-filters-column {
        top: 32px;
    }

    .product-list .item-box .product-item {
        display: flex;
        width: 100%;
        flex-direction: row;
        align-items: center;
    }

    .product-list .item-box .product-details-wrapper {
        flex-grow: 1;
        margin: 0 20px;
        width: 100%;
        padding: 0 20px 20px;
    }

    .product-list .item-box .picture {
        width: 100% !important;
        max-width: 200px !important;
        max-height: 200px !important;
        margin: 0 20px !important;
        display: block;
        float: none;
    }

    .product-list .item-box .product-line-1, .product-list .item-box .product-line-2 {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .product-list .item-box .product-details-wrapper .details {
        margin: 0;
        text-align: left;
        padding: 10px 0;
    }

    .center-2 .product-list .item-box .pricing-wrapper {
        margin-left: 0;
        padding: 0;
        text-align: left;
        min-width: 250px;
    }

    .pricing-wrapper .buttons {
        text-align: left;
    }

    .item-box .ajax-cart-button-wrapper .add-to-cart-qty-wrapper,
    .item-box .productQuantityDropdown {
        display: block;
    }

    .spec-table .line-add-to-cart {
        white-space: wrap;
    }

    .item-box .buttons {
        display: block;
    }

    .item-box .ajax-cart-button-wrapper .add-to-cart-qty-wrapper, .item-box .productQuantityDropdown {
        display: block;
        width: 70px;
        margin-right: 0;
        vertical-align: top;
    }

        .item-box .ajax-cart-button-wrapper .add-to-cart-qty-wrapper input[type="text"] {
            float: initial;
            margin-bottom: 7px;
            width: 100%;
            height: 40px;
            padding: 5px;
        }

    .add-to-cart-qty-wrapper .plus, .add-to-cart-qty-wrapper .minus {
        display: none;
    }

    .search-box .search-box-button, .center-2 .product-list .item-box .buttons .button-2 {
        background-color: #29a3d2;
    }

    .center-2 .product-list .item-box .buttons .button-2 {
        width: auto;
        color: #fff;
        height: 40px;
        padding: 0 15px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}

@media screen and (max-width: 991px ) {
    .aa-Source[data-autocomplete-source-id="products"] .aa-ItemContent img {
        max-width: 100px;
        max-height: 100px;
        margin: auto;
        display: block;
    }

    .item-box .spec-table {
        width: 100%;
    }

        .item-box .spec-table thead {
            display: none;
        }

        .item-box .spec-table tr {
            display: flex;
            flex-direction: column;
            border: 1px solid black;
            border-top: 0;
            padding: 10px 0;
        }

            .item-box .spec-table tr:first-child {
                border-top: 1px solid black;
            }

        .item-box .spec-table td {
            border: 0;
            text-align: left;
        }

    .item-box .buttons .ajax-cart-button-wrapper.qty-enabled {
        text-align: left;
    }

    .item-box .ajax-cart-button-wrapper .add-to-cart-qty-wrapper, .item-box .productQuantityDropdown {
        display: inline-block;
        margin-right: 10px;
    }

    .mobile-label {
        font-weight: 600;
    }

    .pagination-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 20px;
    }
}

@media screen and (max-width: 768px) {
    .aa-DetachedContainer .aa-Panel {
        min-height: 100vh;
    }
}

@media screen and (max-width: 681px) {
    .aa-Panel {
        top: 65px !important;
    }
}

@media screen and (max-width: 600px ) {
    .toggle-filters {
        top: 135px;
    }

    .product-list .item-box .product-item {
        flex-direction: column;
      }
    .pagination-wrapper {
        flex-direction: column;
      }
    .ais-Pagination-list {
      margin: 21px 0;
    }
    .master-column-wrapper [class^=ais-] {
        font-size: 0.7rem;
    }
    .ais-Pagination-link {
      padding: .3rem .45rem;
    }
}

@media screen and (max-width: 450px ) {
    .ais-Pagination-link {
        padding: .3rem .4rem;
    }

    #pagination {
        float: none;
    }

    .master-column-wrapper .ais-Pagination-list {
        justify-content: center;
    }
}


@media all and (min-width: 1001px) {
    .mobile-label {
        display: none;
    }
}

/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/




.category-navigation-list-wrapper.menuItemsAreClickable ul li:after {
    content: '';
    display: block;
    clear: both;
}
.category-navigation-list-wrapper.menuItemsAreClickable ul li .with-subcategories {
    float: left;
    width: calc(100% - 42px);
}
.category-navigation-list-wrapper.menuItemsAreClickable ul li .with-subcategories:after {
    display: none;
}
.category-navigation-list-wrapper.menuItemsAreClickable ul li .with-subcategories + .plus-button {
    position: relative;
    z-index: 1;
    display: inline-block !important;
    float: right;
    width: 40px;
    height: 40px;
    cursor: pointer;
}
.category-navigation-list-wrapper.menuItemsAreClickable ul li .with-subcategories + .plus-button:before {
    content: "\6a";
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: "emporium-icons";
    font-size: 10px;
    color: #8c8c8c;
}

@media all and (max-width: 1024px) {

    .mega-menu {
	    display: none !important;
    }
    .header-menu .mega-menu-responsive > li {
        border-bottom: 0;
    }
}

@media all and (min-width: 1025px) {

    /* RESETS */

    .menu-title,
    .plus-button,
    .mega-menu-responsive {
        display: none !important;
    }

    .mega-menu .root-category-items {
        display: none !important;
    }

    /* sublist */

    .mega-menu .sublist-wrap {
        display: none;
        position: absolute;
        width: 220px;
        box-shadow: 0 0 15px rgba(0,0,0,.1);
        background-color: #fff;
        padding: 10px 0;
        text-align: left;
        border-top: 1px solid #eee;
        z-index: 1;
    }
    .mega-menu .sublist-wrap.active {
        display: block;
    }
    .mega-menu .sublist li {
        position: relative;
    }
    .mega-menu .sublist li a {
        position: relative;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 0 35px 0 20px;
        height: 40px;
        line-height: 40px;
        color: #8c8c8c;
        font-size: 15px;
        font-weight: bold;
        transition: all .2s ease;
    }
    .mega-menu .sublist li:hover > a {
	    color: #97c300;
        background-color: #f1f1f1;
    }
    .mega-menu .sublist-wrap .sublist-wrap {
	    top: -10px;
	    left: 100% !important;
    }



    /* dropdown */

    .category-navigation-list > li .dropdown {
        position: absolute;
        top: -16px;
        left: 100%;
        padding: 15px 0;
        background: url(../png/shadow-top-2.png) top left repeat-x, url(../png/shadow-bottom-2.png) bottom left repeat-x;
        opacity: 0;
        max-width: calc(88vw - 290px);
        pointer-events: none;
        transition: all .3s ease;
    }

    .category-navigation-list .dropdown .row-wrapper {
        border: 1px solid #eee;
        padding: 30px;
        background: #fff;
    }

    .category-navigation-list > li:hover .dropdown {
        opacity: 1;
        pointer-events: auto;
    }

    .category-navigation-list .dropdown .row {
        white-space: nowrap;
        max-width: 100%;
        margin-top: 20px;
    }
    .category-navigation-list .dropdown .row:first-child {
        margin-top: 0;
    }


    .category-navigation-list .dropdown .box,
    .category-navigation-list .dropdown .empty-box{
        display: inline-block;
        vertical-align: top;
        margin-left: 20px;
        width: 210px;
    }

    .category-navigation-list .dropdown .box:first-child {
        margin-left: 0 !important;
    }

    .category-navigation-list .dropdown.boxes-4 .box {
        max-width: calc(25% - 14px);
    }

    .category-navigation-list .dropdown.boxes-5 .box {
        max-width: calc(20% - 15px);
    }

    .category-navigation-list .dropdown.boxes-6 .box {
        max-width: calc(16.66% - 16px);
    }

    .category-navigation-list .dropdown.boxes-7 .box {
        max-width: calc(14.28% - 17px);
    }

    .category-navigation-list .dropdown.boxes-8 .box {
        max-width: calc(12.5% - 18px);
    }

    .category-navigation-list .dropdown .box .title a {
        white-space: normal;
        text-overflow: initial;
        height: auto;
        line-height: 1.2;
        padding: 7px 0;
        color: #97c300;
    }

    .category-navigation-list .dropdown .box .title a:hover {
        color: #7c9a16;
    }

    .category-navigation-list .dropdown .box .subcategory-item a {
        height: auto;
        line-height: 1.2;
        padding: 7px 0;
        font-weight: 400;
        color: #8c8c8c;    
        white-space: normal;
        text-overflow: initial;
    }

    .category-navigation-list .dropdown .box .subcategory-item a:hover {
        background-color: transparent;
        color: #97c300;
    }

    .category-navigation-list .dropdown .box .picture {
        margin-bottom: 10px;
    }

    .category-navigation-list .dropdown .box .picture a {
        white-space: normal;
        text-overflow: initial;
        padding: 0;
        height: auto;
        width: auto;
        font-size: 0;
        line-height: 1;
    }

    .category-navigation-list .dropdown .box .picture a:before {
        content: "";
        display: block;
        padding-top: 70%;
    }

    .category-navigation-list .dropdown .box .picture a img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height: 100%;
        width: auto;
        max-width: none;
    }
    .mega-menu .has-sublist {
        position: relative;
    }

    .mega-menu .has-sublist .sublist-wrap {
        right: 0;
    }

    .mega-menu .has-sublist .sublist-wrap .plus-button,
    .mega-menu .has-sublist .sublist-wrap .sublist-wrap {
        display: none !important;
    }


    .mega-menu .has-sublist.with-dropdown-in-grid {
        position: static;
        overflow: hidden;
    }
    .mega-menu .has-sublist.with-dropdown-in-grid:hover {
        overflow: visible;
    }

    .mega-menu .dropdown {
        position: absolute;
        margin: 0;
        text-align: left;
        background: #fff;
        box-shadow: 0 0 15px rgba(0,0,0,.1);
        border-top: 1px solid #eee;
        z-index: 1;
        transition: all .3s ease;
    }

    .mega-menu .dropdown.fullWidth {
        padding: 30px 6%;
        margin-top: 10px;
        left: 0;
        width: 100%;
        opacity: 0;
        pointer-events: none;
    }
    .mega-menu .dropdown.fullWidth.active {
	    opacity: 1;
        margin-top: 0;
        pointer-events: auto;
    }

    .mega-menu .row {
        overflow: hidden;
    }
    .mega-menu .row + .row {
        margin-top: 20px;
    }

    .mega-menu .box {
        float: left;
        padding: 0 10px;
    }

    .mega-menu .boxes-1 .box {
        width: 100%;
    }

    .mega-menu .boxes-2 .box {
        width: 50%;
    }

    .mega-menu .boxes-3 .box {
        width: 33.333%;
    }

    .mega-menu .boxes-4 .box {
        width: 25%;
    }

    .mega-menu .boxes-5 .box {
        width: 20%;
    }

    .mega-menu .boxes-6 .box {
        width: 16.666%;
    }

    .mega-menu .boxes-7 .box {
        width: 14.28%;
    }

    .mega-menu .boxes-8 .box {
        width: 12.5%;
    }
    .mega-menu .boxes-9 .box {
        width: 11.1%;
    }
    .mega-menu .boxes-10 .box {
        width: 10%;
    }


    .mega-menu .manufacturers .box,
    .mega-menu .vendors .box {
        text-align: center;
    }

    .mega-menu .manufacturers .picture,
    .mega-menu .vendors .picture {
        position: relative;
        border: 1px solid #eee;
        border-radius: 3px;
        overflow: hidden;
        transition: all .2s ease;
    }

    .mega-menu .manufacturers .picture a:before,
    .mega-menu .vendors .picture a:before {
        content: "";
        display: block;
        padding-top: 70%;
    }

    .mega-menu .manufacturers .picture a img,
    .mega-menu .vendors .picture a img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-height: 100%;
        max-width: 100%;
    }
    .mega-menu .manufacturers .title,
    .mega-menu .vendors .title {
        padding: 7px 0;
        font-size: 15px;
        font-weight: 700;
        color: #8c8c8c;
        transition: all .2s ease;
    }

    .mega-menu .manufacturers .box:hover .title,
    .mega-menu .vendors .box:hover .title {
        color: #97c300;
    }

    .mega-menu .manufacturers .box:hover .picture,
    .mega-menu .vendors .box:hover .picture {
        opacity: .8;
    }

    /*** RESETING HOVER EVENTS FOR THE ON-CLICK FUNCTIONALITY ***/

    .category-navigation-list-wrapper.menuItemsAreClickable:hover {
        overflow: hidden;
    }
    .category-navigation-list-wrapper.menuItemsAreClickable:hover .category-navigation-title {
        background-color: transparent;
        color: #444;
    }
    .category-navigation-list-wrapper.menuItemsAreClickable:hover .category-navigation-title:before {
        color: #8c8c8c;
    }
    .category-navigation-list-wrapper.menuItemsAreClickable:hover .category-navigation-list {
        margin-top: 10px;
        opacity: 0;
        pointer-events: none;
    }
    .category-navigation-list-wrapper.menuItemsAreClickable ul li:hover > .sublist-wrap {
        opacity: 0;
        pointer-events: none;
        overflow: hidden;
        width: 0 !important;
    }
    .category-navigation-list-wrapper.menuItemsAreClickable ul li:hover > .sublist-wrap > .sublist {
        border-width: 1px 0;
    }
    .category-navigation-list-wrapper.menuItemsAreClickable ul li:hover > .sublist-wrap > .sublist > li {
        opacity: 0;
        transition: none;
    }
    .menuItemsAreClickable .category-navigation-list > li:hover .dropdown {
        opacity: 0;
        pointer-events: none;
    }

    /*** ON-CLICK MENU STYLING ***/

    .category-navigation-list-wrapper.menuItemsAreClickable .category-navigation-title {
        cursor: pointer;
    }
    .category-navigation-list-wrapper.menuItemsAreClickable.opened {
        overflow: visible;
    }
    .category-navigation-list-wrapper.menuItemsAreClickable.opened .category-navigation-title {
        background-color: #eebe00;
        color: #fff;
    }
    .category-navigation-list-wrapper.menuItemsAreClickable.opened .category-navigation-title:before {
        color: #fff;
    }
   .category-navigation-list-wrapper.menuItemsAreClickable.opened  .category-navigation-list {
        margin-top: 0;
        opacity: 1;
        pointer-events: auto;
    }
    .category-navigation-list-wrapper.menuItemsAreClickable.opened ul li > .sublist-wrap.active {
        opacity: 1;
        pointer-events: auto;
        overflow: visible;
        width: 100% !important;
    }
    .category-navigation-list-wrapper.menuItemsAreClickable.opened ul li > .sublist-wrap.active > .sublist {
        border-width: 1px;
    }
    .category-navigation-list-wrapper.menuItemsAreClickable.opened ul li > .sublist-wrap.active > .sublist > li {
        opacity: 1;
        transition: all .1s ease-in .3s;
    }

    .menuItemsAreClickable .category-navigation-list > li .dropdown.active {
        opacity: 1;
        pointer-events: auto;
    }
}

.nav-submenu {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 9;
    padding-left: 0;
    background-color: #fff;
    top: 45px;
    left: 0;
    box-shadow: 0px 20px 10px -17px;
}

    .nav-submenu .wrapper-responsive {
        box-shadow: inset 0 2px 0px #19d;
        overflow-x: hidden;
        max-height: calc(100vh - 150px);
        width: 100%;
    }

.resources-dropdown-mobile {
    width: 25%;
    cursor: pointer;
}

.fs14 {
    font-size: 14px;
}

.lightgrey, .lightgrey * {
    color: #555555 !important;
}

.lg, .lg * {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}

.nav-item {
    float: left;
    margin: 0 24px;
    display: inline;
    text-align: center;
    height: 30px;
}

.nav-list {
    text-align: left;
    margin: 0;
    padding-left: 0;
    line-height: 20px;
    width: 1150px;
    margin: auto;
    border-bottom: 2px solid #29A3D2;
    display: flex;
}

#menu {
    margin: 0 auto;
    position: relative;
    text-decoration: none;
}

.navigation {
    margin: 0 auto;
    padding: 0;
    z-index: 9;
    margin-bottom: 10px;
    color: #555;
    background: #fff;
}

.featured-content {
    width: 50%;
    margin-bottom: 10px;
}

    .featured-content.ft-videos #resources-img-div {
        width: 33.33% !important;
    }

#resources-img-div {
    width: 100%;
    text-align: left;
    margin-top: 1.88em;
    padding: 0 10px;
    float: left;
}

    #resources-img-div a {
        font-size: 10px;
    }

.nav-item a {
    display: inline-block;
    color: #555;
    font-weight: normal;
    font-size: 14px;
    text-decoration: none;
}

#resources-img, #resources-img-1, #resources-img-2, #resources-img-3 {
    margin-top: 20px;
    padding-bottom: 5px;
    transition: all 0.35s ease;
}

.resources-content {
    width: 100%;
    padding-top: 15px;
    text-align: left;
    font-size: 10px;
}

.resource-content-wrapper {
    display: flex;
    width: 1310px;
    margin: 0 auto;
}

.feature-videos-wrapper {
    padding-left: 10px;
    padding-top: 10px;
    font-size: 15px;
}

.nav-item a:hover {
    color: #29A3D2 !important;
}

#resources-img-1:hover, #resources-img-2:hover, #resources-img-3:hover {
    box-shadow: 0 5px 0 0 #009bd8;
    transition: all 0.35s ease;
}

.processBlue {
    color: #009bd8 !important;
}

.lightblue {
    color: #29A3D2;
}

.featured-content.ft-trade_shows #resources-img-div .resources-content {
    width: 33.33% !important;
    float: left;
    padding-right: 10px;
    padding-top: 10px;
}
/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

.ribbon-wrapper {
    position: relative;
}
@media all and (min-width: 769px) {
.product-list .ribbon-wrapper {
    float: left; /*should not be applied on smaller resolutions where the product list looks like a grid*/
}
}

/* ribbon positioning */

.ribbon-position {
	font-size: 0;
	line-height: 0;
	position: absolute;
	z-index: 1;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}
.ribbon-position.top-left {
	top: 0;
	left: 0;
}
.ribbon-position.top-right {
	top: 0;
	right: 0;
}
.ribbon-position.bottom-left {
	bottom: 0;
	left: 0;
}
.ribbon-position.bottom-right {
	bottom: 0;
	right: 0;
}
.ribbon-position.top-middle {
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
}
.ribbon-position.right-middle {
	top: 0;
	right: 0;
	bottom: 0;
	text-align: right;
}
.ribbon-position.bottom-middle {
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
}
.ribbon-position.left-middle {
	top: 0;
	bottom: 0;
	left: 0;
	text-align: left;
}
.ribbon-position.center {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
}
.ribbon-position.right-middle:before,
.ribbon-position.left-middle:before,
.ribbon-position.center:before {
	content: "";
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
}

/* ribbon wrapping element */

.product-ribbon {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

/* ribbon label without image*/

.ribbon-text {
	font-size: 12px;
	line-height: normal;
}

/* ribbon label with image */

.ribbon-image-text {
	font-size: 12px;
	line-height: normal;
	position: absolute;
	top: 0;
	left: 0;
}
/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

.gallery .ribbon-wrapper {
    font-size: 0;
    overflow: hidden;
}
.gallery .ribbon-wrapper img {
	max-width: 100%;
}
.ribbon-position.top-right {
    top: 5px;
    right: 5px;
}

.ribbon-position.top-left {
    top: 5px;
    left: 5px;
}
.ribbon-position.top-middle {
    top: 5px;
}


.ribbon-position.bottom-right {
    bottom: 5px;
    right: 5px;
}

.ribbon-position.bottom-left {
    bottom: 5px;
    left: 5px;
}

.ribbon-position.bottom-middle {
    bottom: 5px;
}

.ribbon-position.right-middle {
    right: 5px;
}
.ribbon-position.left-middle {
    left: 5px;
}

@media all and (max-width:1024px) {
    .product-list .ribbon-wrapper {
        float: none !important;
    }
}


@media all and (min-width: 1025px) {
    .product-list .ribbon-wrapper + .details {
        margin: 0 0 0 240px;
    }

    .spc-categories .ribbon-wrapper {
	    float: left;
	    width: 45%;
    }
    .spc-categories .ribbon-wrapper .picture {
	    width: 100%;
    }

}

@media all and (min-width: 1367px) {
	
.spc-categories .ribbon-wrapper {
	width: 40%;
}

}

.item-box .btn-wrapper button:hover,
input[type="radio"]:checked + label:before,
input[type="checkbox"]:checked + label:before,
.select input[type="checkbox"]:checked + label,
.select-boxes input[type="checkbox"]:checked + label,
.two-row-carousels .slick-arrow:hover,
.home-page-polls .answer input[type="radio"]:checked + label:before,
.answer input[type="radio"]:checked + label:before,
.pager li a:hover,
.pager li span,
.pager li.previous-page a:hover,
.pager li.next-page a:hover,
.pager li.first-page a:hover,
.pager li.last-page a:hover,
.ui-datepicker-header,
.ui-datepicker-calendar a.ui-state-active:hover,
.ui-datepicker-calendar a.ui-state-active,
.order-progress .active-step:not(.last) a:hover:before,
.opc .selector input[type="checkbox"]:checked ~ label:before,
.forum-search-box.search-box .search-box-button:hover,
.ico-wishlist .wishlist-qty,
.ico-cart .cart-qty,
.shopping-cart-link .cart-qty,
.selected-options-list > li span,
.header-menu .close-menu,
.close-side-menu,
.mobile-flyout-wrapper .close-side-menu,
.header-menu ul li.back-button,
.avatar-page .upload-image.valid + label,
.ui-slider-range,
.filters-button,
.quick-view-button a:hover,
.jCarouselMainWrapper .slick-next:hover,
.jCarouselMainWrapper .slick-prev:hover,
.blog-search-box .search-box-button:hover,
.sale-of-the-day-offer .timer-info-box,
.spc-products .slick-arrow:hover,
.nivo-directionNav a:hover,
.anywhere-slider .slick-arrow:hover,
.theme-roller .open-button,
.product-filters .ui-slider-range,
.buttons .k-button {
  background-color: #29a3d2;
}
.selected-options-list > li span:hover,
.theme-roller .open-button:hover,
.avatar-page .upload-image.valid + label:hover,
.buttons .k-button:hover {
  background-color: #1d7192;
}
.link-rss:hover:before,
.field-validation-valid,
.username-available-status,
.cart a,
.data-table a,
.compare-products-table a,
.forums-table-section a,
.cart .product a:hover,
.data-table .product a:hover,
.compare-products-table .product a:hover,
.forums-table-section .product a:hover,
.cart .edit-item a,
.data-table .edit-item a,
.compare-products-table .edit-item a,
.forums-table-section .edit-item a,
.mini-shopping-cart .count a:hover,
.mini-shopping-cart .price,
.mini-shopping-cart .totals strong,
.login-form-in-header .in-header-register .register-button:hover,
.login-form-in-header .inputs input:focus + .inputs-icons,
.footer-block a:hover,
.social-sharing a:hover:before,
.footer-block .title:before,
.footer-block .title:after,
.block .title:before,
.block .list li.active > a,
.block .list a:hover,
.block .view-all a,
.block .tags li a:hover,
.product-tags-all-page li a:hover,
.poll > strong,
.block .answer label:hover,
.breadcrumb a:hover,
.breadcrumb a:hover span,
.item-box .actual-price,
.item-box .tax-shipping-info a,
.vendor-item:hover .title a,
.manufacturer-item:hover .title a,
.category-grid .item-box:hover .title a,
.product-name .manufacturers .value,
.overview .manufacturers .value,
.product-review-links a:hover,
.product-no-reviews a:hover,
.compare-products .add-to-compare-list-button:hover,
.compare-products .add-to-compare-list-button:hover:before,
.back-in-stock-subscription:hover:before,
.overview .additional-details div .value a,
.variant-overview .additional-details div .value a,
.download-sample a,
.product-social-sharing li a:hover:before,
.email-a-friend:hover:before,
.overview .product-price,
.variant-overview .product-price,
.tier-prices .item-price,
.product-tags-list a,
.ui-tabs .ui-tabs-nav li a:hover,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-state-active.ui-tabs-active a,
.ui-tabs .submitReviewResult,
.product-review-helpfulness .vote:hover:before,
.wishlist-page .share-info a,
.compare-products-mobile .price .item span,
.email-a-friend-page .title a,
.accept-privacy-policy .read,
.account-page .button-2.return-items-button:hover,
.account-page .button-2.return-items-button:hover:before,
.order-total td label,
.order-total td span,
.cart-total .order-total,
.terms-of-service .read,
.cart-collaterals > div > .title:hover,
.cart-collaterals > div > .title:before,
.cart-collaterals .message-success,
.checkout-page .add-button .btn-holder.open:before,
.order-completed .order-number,
.opc > li.allow:not(.active) .step-title:after,
.opc > li.active .step-title .number,
.opc > li.active .step-title .title,
.order-details-page .order-overview .order-number,
.sitemap-page a,
.post-date,
.news-date,
.post-navigation a:before,
.post-navigation a:after,
.back-to-all-button:hover,
.back-to-all-button:hover:before,
.blog-page .tags li,
.blogpost-page .tags a,
.read-comments:hover,
.read-comments:hover:before,
.new-comment .result,
.news-list-homepage .view-all a,
.news-list-homepage .view-all a:after,
.current-time,
.forum-search-box .advanced > a:hover,
.forum-table a:hover,
.topic-post .pm-button:before,
.topic-post .post-vote > .vote.up:hover:before,
.topic-post .post-vote > .vote.down:hover:before,
.compare-products-table .product-price td,
.order-progress .active-step.last a span,
.category-navigation-list-wrapper ul li:hover > a,
.category-navigation-list-wrapper ul li:hover > span,
.category-navigation-list-wrapper ul li:hover > a:after,
.header-links a:hover,
.header-links a:hover:before,
.block.block-recently-viewed-products .list a:hover,
.block-account-navigation.block .list a:hover,
.block-account-navigation.block .list a:hover:after,
.block-account-navigation.block .list a.active,
.block-account-navigation.block .list a.active:after,
.header-selectors-wrapper > div input[type="radio"]:checked + label,
.ajaxCart .k-window-titlebar.k-header .k-window-actions .k-icon:hover:before,
.productAddedToCartWindowDescription strong,
.clearFilterOptionsAll:hover,
.filter-block .toggleControl:before,
.filter-block a.clearFilterOptions:hover:before,
.filter-block a.clearPriceRangeFilter:hover:before,
.picture-thumbs .slick-prev:hover:before,
.picture-thumbs .slick-next:hover:before,
.instant-search-item .detail .price,
.home-page .jCarouselMainWrapper.small-products .nop-jcarousel .carousel-title:before,
.mega-menu .sublist li:hover > a,
.category-navigation-list .dropdown .box .title a,
.category-navigation-list .dropdown .box .subcategory-item a:hover,
.mega-menu .manufacturers .box:hover .title,
.mega-menu .vendors .box:hover .title,
.previous-product a:before,
.next-product a:before,
.quickView .k-window-titlebar.k-header .k-window-actions a:hover:before,
.quickViewWindow #accordion > h3 span:before,
.quickViewWindow .product-variant .product-price,
.ropc .section .title:after,
.ropc .coupon-box-panel .message-success,
.ropc .giftcard-box-panel .message-success,
.ropc .cart-total .cart-total-row span,
.sale-of-the-day-offer .product-name a:hover,
.sale-of-the-day-offer .price.actual-price,
.sale-of-the-day-offer .slick-arrow:hover:before,
.rich-blog-homepage .view-all a,
.rich-blog-homepage .view-all a:after,
.blog-search-results .search-term-highlighter,
.share-post li a:hover:before,
.post-relations li a,
.spc-products .spc-header li:hover,
.spc-categories .navigation li:hover,
.spc-header li.active,
.spc-categories .navigation li.active,
.spc-categories .category-title,
.spc-categories .category-sublist a:hover,
.spc-categories .slick-prev:hover:before,
.spc-categories .slick-next:hover:before,
.advantages-item .title a:hover,
.scroll-back-button:before,
.inputs.accept-consent .read,
.product-filters .selected-price-range {
  color: #29a3d2;
}
.product-name .manufacturers .value:hover,
.product-tags-list a:hover:hover,
.overview .additional-details div .value a:hover,
.variant-overview .additional-details div .value a:hover,
.terms-of-service .read:hover,
.download-sample a:hover,
.sitemap-page a:hover,
.blog-page .tags a:hover,
.blogpost-page .tags a:hover,
.product-tags-list a:hover,
.cart .edit-item a:hover,
.news-list-homepage .view-all a:hover,
.news-list-homepage .view-all a:hover:after,
.manufacturers .value:hover,
.block .view-all a:hover,
.data-table a:hover,
.forums-table-section a:hover,
.category-navigation-list .dropdown .box .title a:hover,
.rich-blog-homepage .view-all a:hover,
.rich-blog-homepage .view-all a:hover:after,
.post-relations li a:hover,
.spc-categories .category-title a:hover {
  color: #1d7192;
}
.ajax-loading-block-window:before,
.ajax-loading-block-window:after,
.two-row-carousels .slick-arrow:hover,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-state-active.ui-tabs-active a,
.order-progress .active-step.last a:before,
.block-account-navigation.block .list a.active,
.nopAjaxCartPanelAjaxBusy:before,
.nopAjaxCartPanelAjaxBusy:after,
.miniProductDetailsPanelAjaxBusy:before,
.miniProductDetailsPanelAjaxBusy:after,
.ui-slider-handle,
.product-filters .ui-slider-handle,
.productPanelAjaxBusy:before,
.productPanelAjaxBusy:after,
.infinite-scroll-loader:before,
.infinite-scroll-loader:after,
.cloudzoom-ajax-loader:before,
.cloudzoom-ajax-loader:after,
.jCarouselMainWrapper .slick-next:hover,
.jCarouselMainWrapper .slick-prev:hover,
.quickView .k-loading-image:before,
.quickView .k-loading-image:after,
.quickView .cloudzoom-ajax-loader:before,
.quickView .cloudzoom-ajax-loader:after,
.panel-loader-effect .spinner:before,
.panel-loader-effect .spinner:after,
.spc-categories .loading-overlay:before,
.spc-categories .loading-overlay:after,
.spc-body .loading-overlay:before,
.spc-body .loading-overlay:after,
.spc-products .slick-arrow:hover,
.scroll-back-button,
.nivoSlider:before,
.nivoSlider:after,
.anywhere-slider:before,
.anywhere-slider:after,
.jCarouselMainWrapper .loading-overlay:before,
.jCarouselMainWrapper .loading-overlay:after {
  border-color: #29a3d2;
}
.pager li a:hover,
.pager li span {
  border-color: #29a3d2 !important;
}
.button-1,
.eu-cookie-bar-notification button,
.login-form-in-header .login-button,
.category-navigation-list-wrapper:hover .category-navigation-title,
.category-navigation-list-wrapper.menuItemsAreClickable.opened .category-navigation-title,
.newsletter-email .newsletter-subscribe-button,
.home-page-polls .poll button,
.contact-vendor-button,
.item-box .buttons .button-2:hover,
.grouped-btn:hover,
.write-review .title strong,
.comment-form-btn strong,
.mfp-container .apply-shipping-button,
.write-review .button-1,
.qq-uploader .qq-upload-button,
.blog-posts .read-more,
.news-items .read-more,
.forums-table-section .view-all a,
.topic-post .post-actions .quote-post-button,
.ropc .complete-button button,
.spc-categories .category-picture .spc-to-all-products,
.jCarouselMainWrapper .slick-dots .slick-active button,
.sale-of-the-day-offer li.slick-active button,
.spc .slick-dots .slick-active button {
  background-color: #29a3d2;
}
.button-1:hover,
.eu-cookie-bar-notification button:hover,
.mini-shopping-cart .buttons button:hover,
.login-form-in-header .login-button:hover,
.search-box .search-box-button:hover,
.newsletter-email .newsletter-subscribe-button:hover,
.poll .buttons button:hover,
.contact-vendor-button:hover,
.product-reviews-page .title .write-review-title:hover,
.mfp-container .apply-shipping-button:hover,
.write-review .button-1:hover,
.qq-uploader .qq-upload-button:hover,
.blog-posts .read-more:hover,
.news-items .read-more:hover,
.open-comment-form:hover,
.forums-table-section .view-all a:hover,
.topic-post .post-actions .quote-post-button:hover,
.ropc .complete-button button:hover {
  background-color: #2289b0;
}
@media all and (min-width: 1025px) {
  .search-box .search-box-button,
  .center-2 .product-list .item-box .buttons .button-2 {
    background-color: #29a3d2;
  }
  .center-2 .product-list .item-box .buttons .button-2:hover {
    background-color: #2289b0;
  }
  .block-account-navigation.block .list .active a,
  .block-account-navigation.block .list .active a:after {
    color: #29a3d2;
  }
  .block-account-navigation.block .list .active a {
    border-color: #29a3d2;
  }
}
.page.topic-page .page-title {
display: none;
}
.tech-lib h1 {
padding: 0;
}
.header-menu {
margin-bottom: 0;
}
.short-description ul {
padding-left: 40px;
list-style: disc;
}

@media (min-width: 1025px) {
.header {
     position: sticky;
     top: 0;
     width: 100%;
     background-color: #fff;
     z-index: 1020;
     box-shadow: 0 0 5px #ccc;
}
.admin-header-links + .header {
     top: 35px;
}
.admin-header-links + .header + .overlayOffCanvas + .responsive-nav-wrapper-parent + * {
     margin-top: 168px;
}
body {
}
.category-description h2 {
font-size: 16px !important;
}
.category-description {
     color: #484848 !important;
     font-size: 16px !important;
     line-height: 25px !important;
}
.short-description {
     color: #484848 !important;
}
p {
color: #484848 !important;
}
/*This important is used to override the important in the p styles above.*/
.schematic-mfg-name p {
    color: white !important;
}
}

.clearL { clear:left; height:0px;}
.clearR { clear:right; height:0px;}
.clearB { clear:both; height:0px;}
.clearXtra { clear:both; height:20px;}

.dult-home-top-category .carousel-title {
text-align: left;
}
.dult-home-top-category .title strong {
font-weight: 300;
}
.search-box .search-box-button {
background-color: #29a3d2 !important;
}