/* KEYWORDS: +all, +chrome, +linux, +mozilla, +os, +webkit, +universal, -android, -edge, -firefox, -gecko, -ie, -ie10, -ie11, -ie7, -ie8, -ie9, -ipad, -iphone, -khtml, -mac, -macos, -mobile, -opera, -presto, -safari, -trident, -trident3, -trident4, -trident5, -trident6, -trident7, -upbrowser, -win, -windows, -windowsphone, -windowsxp, -winphone, -winxp */

/*** START responsive/global/common.css ***/
/* Common CSS for this layout */

html.sysdebug *.sysdebug {
    display: block !important;
}
.content {padding-bottom: 30px;}
@media (min-width: 768px) {.content {min-height: 350px;}}
.error {color: red;}
.alert-danger .error {color: #b94a48;}
img.img-responsive-inline {
	max-width: 100%;
	height: auto;	
}
/* =GENERAL */
body {
	background-color: #ffffff; 
	color: #333333; 
	font-family: Tahoma, Geneva, sans-serif;
	line-height: 1.6em;
}
img[align="left"] {margin-right: 20px; margin-bottom: 5px;}
img[align="right"] {margin-left: 20px; margin-bottom: 5px;}
.clr, .clear {clear: both; overflow: hidden;}
h1, h2, h3, h4, h5, h6 {
	font-family: "Anton", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}
h1 {color: #1a562f; font-size: 30px; line-height: 1.1em; margin-top: 20px; margin-bottom: 10px;}
h2 {color: #1a562f; font-size: 24px; line-height: 1.2em; margin-top: 20px; margin-bottom: 10px;}
h3 {color: #1a562f; font-size: 20px; line-height: 1.3em; margin-top: 20px; margin-bottom: 10px;}
h4 {color: #1a562f; font-size: 18px; line-height: 1.4em; margin-top: 20px; margin-bottom: 10px;}
h5 {color: #1a562f; font-size: 16px; line-height: 1.5em; margin-top: 20px; margin-bottom: 10px;}
h6 {color: #1a562f; font-size: 15px; line-height: 1.6em; margin-top: 20px; margin-bottom: 10px;}
h1.pageTitle {
	margin-bottom: 30px;	
}

html.isWholesale .forGSA { display: none !important;}
html.isGSA .forWholesale { display: none !important;}

.modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6 {padding: 0; margin: 0;}

h1.pageTitle:empty {display: none;}

.header {
	background-image: url(../data/i/header-bg.png);	
	background-repeat: repeat-x;
	background-color: #093C1D;
	color: #fff;
	font-size: 12px;
}

.html-gsa .header {
	background-image: url(../data/i/header-bg-gsa.jpg);	
}
.headerIn {
	background-image: url(../data/i/header.jpg);		
	background-repeat: no-repeat;
	background-position: center top;
}
@media (max-width: 767px) {
    .headerIn {
        height: 135px;
    }
}
.html-gsa .headerIn {
	background-image: url(../data/i/header-gsa.jpg); 
}
.header ul {
	list-style-type: none;
	padding: 0; margin: 0;	
	margin-bottom: 5px;
}
.header li {
	padding: 0; margin: 0;	
	display: inline-block;
}
.header a,
.header a:hover,
.header a:focus,
.html-gsa .header a,
.html-gsa .header a:hover,
.html-gsa .header a:focus {
	color: #fff;
	text-decoration: none;	
	text-shadow: 1px 1px 1px #073416;
}
.html-gsa .header a,
.html-gsa .header a:hover,
.html-gsa .header a:focus {
	text-shadow: 1px 1px 1px #184073;	
}
.header .container {
	padding-top: 15px;
	padding-bottom: 15px;	
}
@media (max-width: 767px) {
    .header .container {
        padding-top: 5px;
        padding-bottom: 10px;
    }
}
.topNav {
    margin-right: -5px;
}
.topNav li::after {content: '|';	padding: 0 7px;}
.topNav li:last-child:after {content: ''; padding-right: 0;}
.extraTopNav li a[href*="facebook"] span,
.extraTopNav li a[href*="twitter"] span,
.extraTopNav li a[href*="instagram"] span {
    display: none;
}
.extraTopNav li a[href*="facebook"]::before,
.extraTopNav li a[href*="twitter"]::before,
.extraTopNav li a[href*="instagram"]::before {
    font-family: 'FontAwesome';
    font-size: 16px;
    content: '\f082';
}
.extraTopNav li.li-top-search span {
    display: none;
}
.extraTopNav li.li-top-search a {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(../data/i/sprite.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
}
.html-gsa .extraTopNav li.li-top-search a {
    background-position: 0 -50px;
}
.extraTopNav li.li-top-search a::before {
    display: none;
}
@media (min-width: 768px) {
    .li-top-search {
        display: none !important;
    }
}


@media (max-width: 767px) {
    .topNav li {
        margin-left: 5px;
        margin-right: 5px;
    }
    .topNav li::after {
        display: none;
    }
    .extraTopNav li a[href*="facebook"]::before,
    .extraTopNav li a[href*="twitter"]::before,
    .extraTopNav li a[href*="instagram"]::before {
        font-size: 20px;
    }    
}

.extraTopNav li a[href*="twitter"]:before {content: '\f081';}
.extraTopNav li a[href*="instagram"]:before {content: '\f16d';}

.extraTopNav li {padding-left: 10px;}
.extraTopNav li.popup {padding-left: 8px;}
.extraTopNav a div {display: inline-block;}
.extraTopNav a::before {font-family: 'FontAwesome'; padding-right: 5px; content: '\f007';}
.extraTopNav a.extraTopNavCart::before {content: '\f07a';}
.extraTopNav a.extraTopNavLogin::before {content: '\f023';}
.extraTopNav a.extraTopNavLogout::before {content: '\f09c';}
.extraTopNav a.consumer-site::before {content: '\f0ac';}
.extraTopNav a.promo-code::before {content: '\f02c';}

header .container {
    position: relative;
}
header .row > div {
    position: static;
}

@media (max-width: 767px) {
    #cartVirtualArea {
        display: none !important;   
    }
    .x-extraTopNavLogin span,
    .x-extraTopNavMyAccount span,
    .x-extraTopNavLogout span {
        display: none;
    }
    .extraTopNav a.extraTopNavCart::before,
    .extraTopNavLogin::before,
    .extraTopNavMyAccount::before,
    .extraTopNavLogout::before,
    .extraTopNav a.promo-code::before {
        font-size: 20px;
    }
    .extraTopNav li {
        padding-left: 7px;
        padding-right: 7px;
    }
    
    .extraTopNav a.extraTopNavCart::before {
        content: '';
        width: 32px;
        height: 32px;
        display: inline-block;
        padding: 0;
        background-image: url(../data/i/sprite.svg);
        background-repeat: no-repeat;
        background-position: -50px 0;
    }
    .html-gsa .extraTopNav a.extraTopNavCart::before {
        background-position: -50px -50px;
    }
}

/* header shipping country changer START */
/* --------------------------------------------------------- */
.extraTopNav .li-shipping-country-changer {
    display: block;
    line-height: 1.6em;
    position: absolute;
    left: 140px;
    top: 5px;
}
.extraTopNav ul {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: baseline;
}
.extraTopNav li {
    white-space: nowrap;
}
.extraTopNav .li-shipping-country-changer label {
    font-weight: bold;
    margin-right: 5px;
}
.extraTopNav .li-shipping-country-changer select {
    background-position: right center;
    background-repeat: no-repeat;
    background-color: rgba(0,0,0,0.3);
    border: 0 none;
    box-shadow: none;
    outline: none;
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
    font-weight: bold;
    width: 160px;
    padding-left: 10px;
    padding-right: 30px ; /* !for(-ie) */
    background-image: url(../data/i/caret-white.png) ; /* !for(-ie) */
    -webkit-appearance: none ; /* !for(-ie) */
       -moz-appearance: none ; /* !for(-ie) */
            appearance: none ;	 /* !for(-ie) */
}
@media (max-width: 767px) {
    .extraTopNav .li-shipping-country-changer select {
        background-color: #fff;
        color: #333333;
        background-image: url(../data/i/caret.png) ; /* !for(-ie) */
        width: 130px;
            
    }
}
.extraTopNav .li-shipping-country-changer select optgroup {
    background-color: #fff;
    color: #000;
}
.extraTopNav .li-shipping-country-changer select,
.extraTopNav .li-shipping-country-changer select:focus {
    outline: none;
    box-shadow: none;
}
.shipping-country-changer-container {
    display: flex;
    flex-flow: row nowrap;
    align-items: baseline;
}
@media (min-width: 768px) and (max-width: 800px) {
    .col-logo {
        padding-top: 20px;
    }    
    .extraTopNav .li-shipping-country-changer {
        left: 110px;
        left: 30px;
        top: 10px;
    }
}
@media (max-width: 767px) {
    .extraTopNav ul {
        display: block;
    }
    .extraTopNav .li-shipping-country-changer {
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
        margin-bottom: 5px;
        position: absolute;
        top: 92px;
        left: 10px;
    }
}
@media (max-width: 449px) {
    .col-logo img {
        height: 60px;
        width: auto;
    }
}
@media (max-width: 399px) {
    .col-logo img {
        height: 50px;
        width: auto;
    }
}

.extraTopNav .user-menu a::before {
    display: none;
}
.extraTopNav .user-menu a.user-link {
    width: 32px;
    height: 32px;
    background-image: url(../data/i/sprite.svg);
    background-repeat: no-repeat;
    background-position: -150px 0;
    display: inline-block;
}
.html-gsa .extraTopNav .user-menu a.user-link {
    background-position: -150px -50px;
}
.extraTopNav .user-menu a.user-link span {
    display: none;
}
body.user-link-active .extraTopNav a#user-link ~ ul {
    display: block;
}
.extraTopNav a#user-link[data-login-name] {
    background-position: -200px 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 14px;
}
.extraTopNav a#user-link[data-login-name]::before {
    content: attr(data-login-name);
    color: #104E29;
    display: inline-block;
    font-family: "Anton", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    text-shadow: none;
    margin: 0;
    padding: 0;
}
@media (min-width: 768px) {
    .extraTopNav .user-menu {
        display: none;
    }
}
@media (max-width: 767px) {
    .extraTopNav .li-btn-login,
    .extraTopNav .li-my-account,
    .extraTopNav .li-logout {
        display: none;
    }
    .extraTopNav .user-menu,
    .extraTopNav .li-top-cart,
    .extraTopNav .li-top-search {
        position: absolute;
        right: 7px;
        top: 30px;
    }
    .extraTopNav .li-top-cart {
        right: 50px;
    }
    .extraTopNav .li-top-search {
        right: 93px;
    }
}
@media (max-width: 449px) {
    .extraTopNav .user-menu,
    .extraTopNav .li-top-cart,
    .extraTopNav .li-top-search {
        top: 20px;
    }
}
@media (max-width: 449px) {
    .extraTopNav .user-menu,
    .extraTopNav .li-top-cart,
    .extraTopNav .li-top-search {
        top: 15px;
    }
}
.extraTopNav li {
    position: relative;
}
.extraTopNav ul ul {
    position: absolute;
    right: 0;
    top: 100%;
    background-color: #104E29;
    display: none;
    text-align: left;
    border: 0 none;
    border-bottom: 0 none;
}
.extraTopNav ul ul li {
    margin: 0;
    padding: 0;
    display: block;
}
.extraTopNav ul ul a,
.extraTopNav ul ul a:hover,
.extraTopNav ul ul a:focus {
    display: block;
    padding: 5px 15px;
    margin: 0;
    text-align: left;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    background-color: #fff;
    text-shadow: none;
    color: #000;
}

/* header shipping country changer START */
/* --------------------------------------------------------- */

/* =SEARCH */
.topExtraBlock {
	margin-top: 15px;	
}
@media (min-width: 768px) {
    .topSearch,
    #ecsSearchContainer1 {
        background-color: #fff;
        border-radius: 15px;	
        padding: 0; margin: 0;
        width: 210px;	
        float: right;
        font-size: 15px;
        white-space: nowrap;
        padding-top: 1px;
        padding-bottom: 1px;
        margin-left: 15px;
    }
    .topSearch input[type="text"],
    #ecsSearchContainer1 input[type="text"] {
        border: 0 none;
        box-shadow: none;
        background-color: #fff;
        background-color: transparent;
        background-image: none;
        width: auto;
        padding: 3px 10px;
        margin: 0;
        width: 165px;
    }
    .topSearch input[type="submit"],
    #ecsSearchContainer1 input[type="submit"],
    .html-gsa .topSearch input[type="submit"] {
        padding: 3px 10px;
        margin: 0;
        border: 0 none;
        border-radius: 0;
        box-shadow: none;
        background-color: #fff;
        background-color: transparent;
        background-image: none;
        color: #808080;
        font-family: 'FontAwesome';
        font-weight: normal;
    }    
}

@media (min-width: 768px) {
    .topExtraBlock {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-end;
    }
}
@media (max-width: 449px) {
    .topExtraBlock {
        margin-top: 25px;
    }
}
@media (max-width: 399px) {
    .topExtraBlock {
        margin-top: 35px;
    }
}

/* =SWITCHER */
.switcher {
	white-space: nowrap;	
	background-image: url(../data/i/switcher-arrow.png);	
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 40px;
	padding-top: 11px;
	padding-bottom: 7px;
	clear: both;
	overflow: hidden;
	display: inline-block;
	float: left;
	
	display: none;
}
.switcher .switcherName,
.switcher .switcherName:hover,
.switcher .switcherName:focus {
	background-image: url(../data/i/switcher-grey.png);
	background-repeat: no-repeat;
		
	font-family: "Oswald", Tahoma, sans-serif;
	font-size: 16px;
	display: block;
	float: left;
	padding-top: 8px;
	padding-bottom: 11px;
	padding-left: 30px;
	padding-right: 15px;
	text-decoration: none;
	color: #a3a3a3;
	height: 40px	
	text-shadow: 2px 2px 2px #fff;	
}
.switcher .switcherName:hover {
	color: #094521;
}
.switcher .switcherName.active {
	background-image: url(../data/i/switcher-green.png);	
	background-position: right top;
	padding-right: 30px;
	padding-left: 15px;	
	color: #fff;
	text-shadow: 2px 2px 2px #033417;
}
.switch {
	background-image: url(../data/i/switcher.png);
	background-repeat: no-repeat;
	width: 35px;
	height: 40px;
	display: block;
	float: left;
}

.partnerLogos {
	margin-top: 30px;	
}
.partnerLogos img {
	margin-bottom: 15px;
}
@media (max-width: 991px) {
	.partnerLogos table, .partnerLogos tbody, .partnerLogos thead, .partnerLogos tr, .partnerLogos td, .partnerLogos th {display: inline-block;}
	.partnerLogos table {display: block; text-align: center;}
	.partnerLogos td {padding-left: 10px; padding-right: 10px;}
	.partnerLogos div.table-responsive {border: 0 none; padding: 0; margin: 0; overflow: inherit;}
}

.sideBanner {
	box-shadow: 0 0 10px #e2e2e2;	
	position: relative;
	overflow: hidden;
	margin-top: 15px;
}
.sideBanner p {margin: 0;}
.sideBanner span {
	font-family: "Oswald", Tahoma, sans-serif;
	font-size: 27px;
	color: #1a562f;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #fff;
	background-color: rgba(255,255,255,0.8);
	padding: 15px;
	line-height: 1.2em;
	
}
@media (max-width: 767px) {
    .sideBanner {
        margin: 0 0 40px;
    }
}



.iconBarLabel {
	float: right;
	font-size: 14px;
	line-height: 1em;
	margin: 0;
	padding: 0 0 0 30px;
}
.muted a {
	color: #999999;
}
.well, .well a, .well a:hover {
	color: #999999;
}

.navbar-toggle {
	line-height: 1em;	
}
.navbar-toggle label {
	padding: 0; margin: 0;	
	text-transform: uppercase;
	color: #666;
}
.navbar-inverse .navbar-toggle label {
	color: #ffffff;	
}
.navbar-toggle label:before {
	font-family: 'FontAwesome';
	content: '\f0c9';
	padding-right: 5px;
}

/* =CSS VARIABLES */
a {color: #104E29;}
.html-gsa a {color: #003c6a;}
a:hover, a:focus {color: #0B371D;outline: none;}

.sideBar h3 {
	margin-top: 0px;	
}
.sideBar ul {
	list-style-type: none; padding: 0; margin: 0;	
}

.sideBar a {
	padding: 10px 15px;
	display: block;	
	color: #777777;
}
.sideBar a:hover {
	text-decoration: none;	
	background-color: #EEEEEE;
}
.sideBar ul.nav {
	border-top: 1px solid #e5e5e5;	
	border-radius: 5px;
	margin-bottom: 15px;
}

.sideBar ul.nav > li {
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}

.sideBar ul.nav > li:first-child {
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
 border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
	
}
.sideBar ul.nav > li:last-child {
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;	
}
.sideBar ul ul a {
	padding-left: 30px;	
}
.sideBar ul ul ul a {
	padding-left: 50px;	
}
.sideBar ul ul ul ul a {
	padding-left: 70px;	
}
.sideBar li.currentPageLi > a,
.sideBar li.currentPageLi > a:hover {
	color: #104E29;
}


/* =FORMS */
.formRequired {color: #B94A48;}
.error input[type="text"],
.error input[type="password"],
.error input[type="email"],
.error select,
.error textarea {
	border-color: #B94A48;	
	color: #B94A48;	
}
.error .help-inline {
	color: #B94A48;
}
.formRequired {
	color: 	#B94A48;
	padding-left: 3px;
}

input[type="text"],
input[type="password"],
input[type="email"],
select {
    border: 1px solid #d7d7d7;
    box-shadow: 2px 2px 2px 0 #EEEEEE inset;
    color: #696969;
    font-size: 12px;
    font-weight: bold;
    padding: 4px;
}

/* =SIDE NAVIGATION */
/* the second level of side navigation (by default, support doesn't support it's styling) */
ul.nav-stacked ul {list-style-type: none; padding: 0; margin: 0;}
ul.nav-stacked ul li a {
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;	
	padding-left: 30px;
	padding-right: 12px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

ul.nav-stacked ul ul li a {
	padding-left: 48px;	
}
ul.nav-stacked ul ul ul li a {
	padding-left: 66px;	
}

/* =SOCIAL ICONS */
/* https://github.com/FortAwesome/Font-Awesome/blob/master/css/font-awesome.css */
/* http://fortawesome.github.com/Font-Awesome/ */
.social {
	font-size: 20px; 
	text-shadow: 1px 1px 1px #fff;
}
.social a {
	-webkit-transition: all 0.5s;	
	transition: all 0.5s;	
}
.social a:before {
	font-family: 'FontAwesome'; 
	padding-right: 5px;
}
.social a:hover,
.social a:focus {
	text-decoration: none;
	font-size: 30px ; /* !for(webkit firefox opera) */
	outline: none;
	color: #104E29;
}
.social a span {display: none;}

.social a.twitter::before {content: '\f081';}
.social a.facebook::before {content: '\f082';}
.social a.pinterest::before {content: '\f0d3';}
.social a.gplus::before {content: '\f0d4';}
.social a.linkedin::before {content: '\f08c';}
.social a.skype::before {content: '\f17e';}
.social a.tumblr::before {content: '\f174';}
.social a.instagram::before {content: '\f16d';}
.social a.youtube::before {content: '\f166';}
.social a.flickr::before {content: '\f16e';}
.social a.newsletter::before {content: '\f15c';}
.social a.mail::before {content: '\f0e0';}
.social a.mail2::before {content: '\f003';}
.social a.rss::before {content: '\f143';}

.social a.twitter:hover, .social a.twitter:focus {color: #41C8F5;}
.social a.facebook:hover, .social a.facebook:focus {color: #456CAF;}
.social a.pinterest:hover, .social a.pinterest:focus {color: #D73532;}
.social a.gplus:hover, .social a.gplus:focus {color: #BB3627;}
.social a.linkedin:hover, .social a.linkedin:focus {color: #1D6DA2;}
.social a.skype:hover, .social a.skype:focus {color: #00C0ED;}
.social a.tumblr:hover, .social a.tumblr:focus {color: #2C4661;}
.social a.instagram:hover, .social a.instagram:focus {color: #6D5346;}
.social a.youtube:hover, .social a.youtube:focus {color: #E03C3B;}
.social a.flickr:hover, .social a.flickr:focus {color: #FF0084;}
.social a.rss:hover, .social a.rss:focus {color: #FE9900;}

 
/* =SITEMAP */
ul.sitemap, ul.sitemap ul {list-style-type: none; padding: 0; margin: 0; margin-left: 25px;}
ul.sitemap li {margin-top: 5px; margin-bottom: 5px;}
ul.sitemap li:before {
	content: "\f07c"; 
	font-family: 'FontAwesome'; 
	padding-right: 5px;
	color: #104E29;
}
ul.sitemap li.leafNode:before {content: '\f0f6'}

.phoneLink:before {
	content: "\f095"; 
	font-family: 'FontAwesome'; 
	padding-right: 5px;
}


.footer {
	background-color: #333333;	
	color: #fff;
	padding-top: 25px;
	padding-bottom: 25px;
}
.footer a, .footer a:hover, .footer a:focus {
	color: #999;
	text-decoration: none;
}
.copyright {
	margin-top: 10px;	
}
@media (max-width: 767px) {
    .copyright {
        text-align: left;
        margin-top: 20px;
    }
}

.footer-social ul {
    padding: 0; margin: 0; list-style-type: none; display: block; text-align: center;
}
.footer-social li {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}
.footer-social a {
    color: #fff;
}
@media (max-width: 767px) {
    .footer-social ul {
        text-align: left;
    }
    .footer-social li {
        padding-left: 0;
        padding-right: 0px;
    }
    .footer-social li:first-child {
        padding-right: 10px;
    }
    .footer-social a span {
        display: none;
    }
    .footer-social a i {
        font-size: 20px;
    }
}

/* =SLIDESHOW */
.col-slideshow {
	overflow: hidden;	
}
.home-slideshow {

	color: #333;
	font-size: 18px;
	font-family: Tahoma, Geneva, sans-serif;
	text-shadow: 1px 1px 1px #fff;
	line-height: 1.6em;	
	position: relative;	
}
.slideshow-bg {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	margin-top: 15px;
	box-shadow: 0 0 10px #e2e2e2;		
	
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */	
}
.home-slideshow img.home-slide-sm {
	display: none;
}
@media (max-width: 559px) {
	.home-slideshow img.home-slide-lg {
		display: none;
	}	
	.home-slideshow img.home-slide-sm {
		display: inline;
	}	
}

.home-slideshow h3 {
	font-family: "Oswald", Tahoma, sans-serif;
	font-size: 30px;
	color: #1a562f;
}
.home-slideshow-caption {
	padding-top: 40px;
	padding-right: 20px;
}

.home-slideshow-paging span,
.myPaging span {
	background-color: #bcbcbc;
	border: 0 none;
	width: 14px;
	height: 14px;
	box-shadow: inset 3px 3px 3px #999;
	margin: 0;
	margin-left: 7px;
	display: inline-block;
	border-radius: 50%;
	cursor: pointer;
}
.home-slideshow-paging span.active,
.myPaging span.active {
	background-color: #1a562f;
	
-webkit-box-shadow: 
	inset 3px 3px 3px 0px rgba(50,122,75,1),
	inset -3px -3px 3px 0px rgba(12,64,30,1);
-moz-box-shadow: 
	inset 3px 3px 3px 0px rgba(50,122,75,1),
	inset -3px -3px 3px 0px rgba(12,64,30,1);
box-shadow: 
	inset 3px 3px 3px 0px rgba(50,122,75,1),
	inset -3px -3px 3px 0px rgba(12,64,30,1);
}
.html-gsa .home-slideshow-paging span.active,
.html-gsa .myPaging span.active {
-webkit-box-shadow: 
	inset 3px 3px 3px 0px rgba(34,56,104,1),
	inset -3px -3px 3px 0px rgba(70,102,173,1);
-moz-box-shadow: 
	inset 3px 3px 3px 0px rgba(34,56,104,1),
	inset -3px -3px 3px 0px rgba(70,102,173,1);
box-shadow: 
	inset 3px 3px 3px 0px rgba(34,56,104,1),
	inset -3px -3px 3px 0px rgba(70,102,173,1);
}
.home-slideshow-paging {
	position: absolute;
	width: auto;
	left: auto;
	right: 35px;
	bottom: 10px;
	margin: 0;
}
.home-slideshow-paging span {
	padding: 0; margin: 0;
	background-image: url(../data/i/slideshow-dot.png);	
	background-repeat: no-repeat;
	background-position: 15px 13px;
}


.footerTaglineWrapper {
	background-color: #F6F6F6;
	position: relative;
	font-size: 38px;
	font-family: "Anton", Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 1em;
}
.footerTaglineWrapper .proudToBe {
	font-size: 18px;
	color: #ababab;
	text-align: center;
	line-height: 0.9em;
	display: inline-block;
	width: 50px;
}
.footerTaglineWrapper:before, 
.footerTaglineWrapper:after {
    background-repeat: no-repeat;
    background-size: 100% 20px;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 100;
}
.footerTaglineWrapper:before {
    background-image: url(../data/i/shadow-top.png);
    top: 0;
}
.footerTaglineWrapper:after {
    background-image: url(../data/i/shadow-bottom.png);
    bottom: 0;
}

.footer-nav ul {
    list-style-type: none;
    padding: 0; 
    margin: 0px 0 20px;
}
.footer-nav a.promo-code::before {
    content: '\f02c';
    font-family: 'FontAwesome';
    margin-right: 5px;
}
.footer-nav a {
    color: #fff;
}

.footer-extra-nav ul {
    display: flex;
    flex-flow: row wrap;
    list-style-type: none;
    padding: 0;
    margin: 20px 0 0;
}
.footer-extra-nav li {
    padding: 0;
    margin: 0 25px 0 0px;
}
.footer-extra-nav a {
    color: #fff;
}
@media (max-width: 399px) {
    .footer-extra-nav ul {
        flex-flow: column nowrap;
    }
}

/* =FOOTER SITEMAP */
.footerSitemap ul {list-style-type: none; padding: 0; margin: 0;}
.footerSitemap li {padding: 0; margin: 0;}
.footerSitemap > div > ul > li {
	width: 20%;	
	display: inline-block;
	vertical-align: top;
	margin-bottom: 20px;
}
.footerSitemap > div > ul > li > ul {
	padding-right: 15px;	
}
.footerSitemap > div > ul > li > a, .footerSitemap > ul > li > a:hover, .footerSitemap > ul > li > a:focus {
	color: #fff;
	font-weight: bold;
	padding-bottom: 5px;
	padding-right: 15px;
}
.footerSitemap > div > ul > li > a:before {
	font-family: 'FontAwesome';
	content: '\f07c';
	padding-right: 5px;
}
@media (max-width: 767px) {
	.footerSitemap > div > ul > li {width: 33.3333%;}	
}
@media (max-width: 479px) {
	.footerSitemap > div > ul > li {width: 50%;}	
}
@media (max-width: 359px) {
	.footerSitemap > div > ul > li {width: 100%; float: left;}	
}

.tab-content {
	padding-top: 15px;	
}

/* =LOGIN BOX */
.loginbox-ipop.iPopBlock,
.ipop-comments-message.iPopBlock {
	z-index: 10000;	
}
.loginbox-ipop.iPopBlock.styled .iPopBox,
.ipop-comments-message.iPopBlock.styled .iPopBox {
	background-color: #fff;	
	padding: 20px;
	color: #fff;
	border: 0 none;
	border-radius: 10px;
	max-width: 280px;
}
.ipop-comments-message.iPopBlock.styled .iPopBox {
	background-image: none;	
	background-color: #fff;
	color: #000;
}
.loginbox-ipop .iPopCloseBtn {
	background-image: none;	
	top: 35px;
	right: 28px;
}
.loginbox-ipop .iPopCloseBtn:before,
.loginbox-ipop .iPopCloseBtn:focus:before {
	content: '\f057';
	font-family: 'FontAwesome';
	font-size: 24px;
	color: #1a562f;
	text-shadow: 1px 1px 1px #fffbd2;
	
	-ms-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.html-gsa .loginbox-ipop .iPopCloseBtn:before,
.html-gsa .loginbox-ipop .iPopCloseBtn:focus:before {
	color: #003c6a;	
}
.loginbox-ipop input[type="email"],
.loginbox-ipop input[type="password"],
.loginbox-ipop input[type="text"] {
	border: 1px solid #d7d7d7;
	border-radius: 3px;
	margin-bottom: 10px;
	padding: 5px;	
}
.loginbox-ipop input[type="submit"] {
	background-color: #00512C;
	border-color: #00512C;	
	margin-bottom: 10px;
	color: #fff;
}
.html-gsa input[type="submit"] {
	background-color: #003c6a;
	border-color: #003c6a;
}
/*
.ecsAddToCart input[type="submit"] {
    width: 140px;    
}
*/
.loginbox-ipop h2 {
	margin: 0; padding: 0;	
	margin-bottom: 10px;
}
.loginbox-ipop a {
	color: #000;
	text-decoration: underline;
}
.loginbox-ipop .alert {
	padding: 0;
	color: red;	
	margin-bottom: 10px;
}
.loginbox-ipop .alert button.close {
	display: none;	
}

.ajax-loader {
    background-color: rgba(255,255,255, 0.5);
    background-image: url(../data/i/ajax-loader.gif);
    background-position: center center;
    background-repeat: no-repeat;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10001;
}
.ajax-loader.loading {
	display: block;	
}

/* fancybox vs. bootstrap fix */
#fancybox-content {background-color: #fff;}

.iPopBlock.styled .iPopBox {
	background-color: #fff;	
}

/* registration form */
#F4 .formBlock {max-width: 600px;}
#F4 .control-group {margin-bottom: 10px;}
.formFloatBlock {
	width: 45%;
	float: left;	
	margin-right: 5%;
}
.control-group-fullwidth {
	margin-right: 5%;
}
@media (max-width: 479px) {
	.formFloatBlock {
		width: 100%; float: none;	
	}
}

.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
	background-color: #104E29;
	border-color: #104E29;	
}
.html-gsa .pagination > .active > a, 
.html-gsa .pagination > .active > span, 
.html-gsa .pagination > .active > a:hover, 
.html-gsa .pagination > .active > span:hover, 
.html-gsa .pagination > .active > a:focus, 
.html-gsa .pagination > .active > span:focus {
	background-color: #003C6A;
	border-color: #003C6A;	
}

blockquote {
	padding: 0; margin: 0; border: 0 none;	
	font-style: italic;
}
blockquote p {
	padding: 0; margin: 0;	
	font-size: 14px;
	font-weight: normal;
	line-height: 1.6em;
}
.natures-sunshine-form {
	background-color: #f2f2f2;
	padding: 15px;
	border: 1px solid #d7d7d7;	
	display: inline-block;
	margin-top: 10px;
	border-radius: 5px;
}
.natures-sunshine-form td,
.natures-sunshine-form th {
	padding-top: 5px;
	padding-bottom: 5px;	
}
.natures-sunshine-form th {
	padding-right: 15px;	
}
.natures-sunshine-form div.radio {
	display: inline-block;
	margin-right: 10px;	
}
.natures-sunshine-form .table-responsive {
	border: 0 none;
	overflow: auto;
	margin: 0;
	border: 0 none;	
}
@media (max-width: 479px) {
	.natures-sunshine-form table,
	.natures-sunshine-form td,
	.natures-sunshine-form th,
	.natures-sunshine-form tr,
	.natures-sunshine-form tbody {
		display: block; padding: 0; margin: 0;	
	}	
	.natures-sunshine-form tr {
		margin-bottom: 5px;	
	}
}

/* =dymamic placeholders START */
/* remove placeholders */
.dynamic-placeholders ::-webkit-input-placeholder {
	color: transparent;
}
.dynamic-placeholders ::-moz-placeholder {
	color: transparent;
}
.dynamic-placeholders :-ms-input-placeholder {
	color: transparent;
}
.dynamic-placeholders :-moz-placeholder {
	color: transparent;
}
.dynamic-placeholders .form-error {
	display: none;
}
.dynamic-placeholders-box {
    max-width: 100%;
    width: 400px;
}
.dynamic-placeholders > div {
	position: relative;
	margin-bottom: 20px;
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}
.dynamic-placeholders input[type="text"],
.dynamic-placeholders input[type="email"],
.dynamic-placeholders input[type="password"],
.dynamic-placeholders select,
.dynamic-placeholders textarea {
	height: 50px;
	padding: 17px 15px 0px;
	width: 400px;
	max-width: 100%;
	font-size: 14px;
	font-weight: 300;
}
.dynamic-placeholders textarea {
	height: 150px;	
	width: 100%;
	padding: 20px 15px 0px;
}
.dynamic-placeholders span.selectWrapper {
	display: block;
	width: 100%;	
}
.dynamic-placeholders select {
	padding: 10px 10px 0px;	
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;	
	/* padding-left: 13px !for(mac); */
    background-image: url(../data/i/caret.png);
    background-position: right 50%;
    background-repeat: no-repeat;
}
.dynamic-placeholders input[type="checkbox"],
.dynamic-placeholders input[type="radio"] {
	margin: 0; padding: 0;
	margin-right: 10px;
}
.dynamic-placeholders label {
	margin: 0;
	position: absolute;
	left: 15px;
	top: 12px;	
	transition: all 0.3s;
	pointer-events: none;	
	color: #333333;
	font-weight: 300;
}
.dynamic-placeholders input:focus ~ label,
.dynamic-placeholders .filled ~ label,
.dynamic-placeholders select ~ label,
.dynamic-placeholders .selectWrapper ~ label,
.dynamic-placeholders textarea:focus ~ label {
	font-size: 12px;
	top: 0px;
}
.dynamic-placeholders input.filled:invalid ~ label {
	color: red;	
}
.dynamic-placeholders input[type="checkbox"] ~ label,
.dynamic-placeholders input[type="radio"] ~ label {
	pointer-events: inherit;	
	font-size: 14px;
	position: static;
	color: #333333;
	display: inline;
	cursor: pointer;
}
.dynamic-placeholders input[type="checkbox"].filled:invalid ~ label,
.dynamic-placeholders input[type="radio"].filled:invalid ~ label {
	color: #333333;
}
/* set of checkboxes/radio buttons */
.dynamic-placeholders > div > div.radio,
.dynamic-placeholders > div > div.checkbox {
	order: 2;	
	padding: 0;
	margin: 0;
	/* remove width 100% if want options to float */
	width: 100%;
}
.dynamic-placeholders > div > div.radio label,
.dynamic-placeholders > div > div.radio + label,
.dynamic-placeholders > div > div.checkbox label,
.dynamic-placeholders > div > div.checkbox + label {
	pointer-events: inherit;	
	font-size: 14px;
	position: static;
	color: #333333;
	display: inline;
	cursor: pointer;		
}
.dynamic-placeholders > div > div.radio + label,
.dynamic-placeholders > div > div.checkbox + label {
	order: 1;	
	width: 100%;
	font-weight: bold;
	margin-bottom: 3px;
}
.dynamic-placeholders > div > div.radio > label,
.dynamic-placeholders > div > div.checkbox > label {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;	
}
/* file */
.dynamic-placeholders > div > .fmFileUpload,
.dynamic-placeholders > div > input[type="file"] {
	width: 100%;
	order: 2;	
	font-weight: 300;
}
.dynamic-placeholders > div > .fmFileUpload + label,
.dynamic-placeholders > div > input[type="file"] + label {
	position: static;	
	font-size: 14px;
	width: 100%;
	order: 1;
	font-weight: bold;
	margin-bottom: 5px;
}
.dynamic-placeholders .xFormError {
	display: none;	
}
.dynamic-placeholders input.filled:invalid ~ label,
.dynamic-placeholders input.clicked:invalid ~ label {
	color: #b94a48;	
}
/* .dynamic-placeholders input.not-valid,
.dynamic-placeholders .not-valid select */
.dynamic-placeholders .xFormError ~ input[type="password"],
.dynamic-placeholders .xFormError ~ input[type="text"],
.dynamic-placeholders .xFormError ~ input[type="email"],
.dynamic-placeholders .xFormError ~ textarea,
.dynamic-placeholders .xFormError ~ select {
	border-color: #eed3d7;
	background-color: #f9eded;
}
.dynamic-placeholders .xFormError ~ label {
	color: #b94a48;
}
.alert-danger {
	background-color: #f9eded;	
}
@media (max-width: 767px) {
	.dynamic-placeholders > div {
		margin-bottom: 10px;
	}	
	.dynamic-placeholders input[type="text"],
	.dynamic-placeholders input[type="email"],
	.dynamic-placeholders input[type="password"],
	.dynamic-placeholders select,
	.dynamic-placeholders textarea {
		font-size: 14px479;	
		padding: 20px 10px 0;		
	}	
	.dynamic-placeholders input[type="text"],
	.dynamic-placeholders input[type="email"],
	.dynamic-placeholders input[type="password"],
	.dynamic-placeholders select {
		height: 50px;	
	}	
	.dynamic-placeholders select {
		padding: 20px 5px 0px;	
	}	
	.dynamic-placeholders label {
		left: 10px;
		top: 15px;	
	}
	.dynamic-placeholders input:focus ~ label,
	.dynamic-placeholders .filled ~ label,
	.dynamic-placeholders select ~ label,
	.dynamic-placeholders .selectWrapper ~ label,
	.dynamic-placeholders textarea:focus ~ label {
		top: 5px;
	}		
}

.dynamic-placeholders-over input[type="text"], 
.dynamic-placeholders-over input[type="email"], 
.dynamic-placeholders-over input[type="password"], 
.dynamic-placeholders-over select {
	height: 45px;
	padding: 5px 15px;
	background-color: #fff;
	font-weight: 300;
}
.dynamic-placeholders-over .xFormError ~ input[type="password"],
.dynamic-placeholders-over .xFormError ~ input[type="text"],
.dynamic-placeholders-over .xFormError ~ input[type="email"],
.dynamic-placeholders-over .xFormError ~ textarea,
.dynamic-placeholders-over .xFormError ~ select {
	background-color: #fff;
	border-color: #b94a48;	
}
.dynamic-placeholders-over select {
	padding: 5px 10px;	
}
.dynamic-placeholders-over textarea {
	background-color: #fff;	
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 300;
}
.dynamic-placeholders-over label {
	height: 10px;
	display: inline-block;
	background-color: #fff;	
	line-height: 1em;
	padding-left: 5px;
	padding-right: 5px;
	left: 10px;
	top: 15px;
}
.dynamic-placeholders-over input:focus ~ label, 
.dynamic-placeholders-over .filled ~ label, 
.dynamic-placeholders-over select ~ label, 
.dynamic-placeholders-over .selectWrapper ~ label, 
.dynamic-placeholders-over textarea:focus ~ label {
	top: -5px;
}
.dynamic-placeholders-over > div {
	margin-bottom: 20px;	
}

@media (max-width: 767px) {
	.dynamic-placeholders-over > div {
		margin-bottom: 15px;	
	}	
	.dynamic-placeholders-over label {
		top: 15px;	
	}	
}
/* =dymamic placeholders END */


/* custom dynamic-placeholders */
.dynamic-placeholders label {
	top: 14px;
}
.dynamic-placeholders input:focus ~ label, 
.dynamic-placeholders .filled ~ label, 
.dynamic-placeholders select ~ label, 
.dynamic-placeholders .selectWrapper ~ label, 
.dynamic-placeholders textarea:focus ~ label {
	top: 4px;
}
.dynamic-placeholders select ~ label, 
.dynamic-placeholders .selectWrapper ~ label {
    top: 2px;    
}
@media (max-width: 767px) {
	.dynamic-placeholders input:focus ~ label, 
	.dynamic-placeholders .filled ~ label, 
	.dynamic-placeholders select ~ label, 
	.dynamic-placeholders .selectWrapper ~ label, 
	.dynamic-placeholders textarea:focus ~ label {
		font-size: 11px;
	}
}

#F5 h2 {
    padding: 0 0 10px;
    margin: 0 0 20px;
    border-bottom: 1px solid #d7d7d7;
}
#F5 .dynamic-placeholders {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	width: 600px;
	max-width: 100%;
}
#F5 .dynamic-placeholders > div {
	width: calc(50% - 5px);
    margin-bottom: 10px;
}
@media (max-width: 767px) {
	#F5 .dynamic-placeholders > div {
		width: calc(50% - 5px);
	}	
}
@media (max-width: 479px) {
	#F5 .dynamic-placeholders > div {
		width: 100%;
	}	
}
#F5 .dynamic-placeholders > div.fullwidth {
	width: 100%;
}
#F5 input[type="text"],
#F5 input[type="email"],
#F5 input[type="password"],
#F5 select,
#F5 textarea {
	width: 100%;
	border-radius: 0;
}
#F5 label {
	font-weight: normal;
}
#F5 div.radio {
	display: inline-block;
}
#F5 .dynamic-placeholders > div > div.radio, 
#F5 .dynamic-placeholders > div > div.checkbox {
    width: auto;
    margin-right: 20px;
}
#F5 .col-state label::after,
#F5 .col-state-custom label::after {
	content: '*';
	margin-left: 5px;
	color: #B94A48;    
}

.depends-on {
	display: none !important;
}
.master-checkbox-container-01.master-checked ~ .depends-on-01,
.master-checkbox-container-02.master-checked ~ .depends-on-02,
.master-checkbox-container-03.master-checked ~ .depends-on-03 {
	display: block !important;
}
#F5 .depends-on-01 label::after,
#F5 .depends-on-02 label::after,
#F5 .depends-on-03 label::after {
	content: '*';
	margin-left: 5px;
	color: #B94A48;
}


/* =password-recovery START */
.password-recovery .dynamic-placeholders {
	width: 350px;
	max-width: 100%;	
}
.password-recovery .error {
	color: darkred;	
}
.password-recovery .error::before {
	font-family: 'FontAwesome';
	content: '\f071';
	margin-right: 10px;	
}
.password-recovery button,
.password-recovery button:hover,
.password-recovery button:focus {
	background-color: #104E29;
	color: #fff;
	text-shadow: none;
	border: 1px solid #104E29;
	border-radius: 0;
}
.password-recovery .dynamic-placeholders input:focus ~ label, 
.password-recovery .dynamic-placeholders .filled ~ label, 
.password-recovery .dynamic-placeholders select ~ label, 
.password-recovery .dynamic-placeholders .selectWrapper ~ label, 
.password-recovery .dynamic-placeholders textarea:focus ~ label {
    top: -6px;
}
/* =password-recovery END */

/* ------------------------------- unsubscribe START ------------------------------- */
.unsubscribe-msgs .alert {
	border: 0 none;
	border-radius: 0;
	margin: 0;
	padding: 15px 20px 0;
}
.unsubscribe-msgs .alert:last-child {
	padding-bottom: 15px;
	margin: 0 0 20px;
}
.page-unsubscribe .body-page-title {
	border: 0 none;
	background-color: transparent;
	padding: 0;
	margin: 0;
}
.page-unsubscribe .breadcrumb,
.page-unsubscribe .share-box {
	display: none;
}
div[role="unsubscribe-enter-email"] .alert,
form[action*="myaccount"] .alert,
form[action*="myaccount"] .notice {
	border: 0 none;
	background-color: transparent;
	color: darkred;
	padding: 0;
	margin: 0;
}
div[role="unsubscribe-enter-email"] .alert.alert-success,
form[action*="myaccount"] .alert.alert-success,
form[action*="myaccount"] .notice {
	color: #468847;
}
form[role="unsubscribe"] h1,
form[role="unsubscribe"] h2,
form[role="unsubscribe"] h3 {
	font-size: 28px;
	color: #1a562f;
	padding: 0 0 5px;
	margin: 0 0 5px;
	border-bottom: 1px solid #e7e7e7;
}
form[role="unsubscribe"] h2[role="unsubscribe-group-label"] {
    margin-bottom: 10px;
}
/*form[role="unsubscribe"] h1 + div[role="unsubscribe-row"],
form[role="unsubscribe"] h2 + div[role="unsubscribe-row"],
form[role="unsubscribe"] h3 + div[role="unsubscribe-row"] {
	margin-top: 15px;
}*/
form[role="unsubscribe"] h1 ~ p,
form[role="unsubscribe"] h2 ~ p,
form[role="unsubscribe"] h3 ~ p {
	margin-top: 10px;
}
form[role="enter-email"] input[type="email"],
.form-unsubscribe input[type="email"],
.discontinue-form input[type="email"] {
	background-color: #f5f5f5;
	border: 0 none;
	padding: 10px 15px;
	width: 300px;
	max-width: 100%;
	margin: 5px 0 15px;
	display: block;
	border-radius: 0;
	box-shadow: none;
	outline: none;
}
.form-unsubscribe label,
form[role="enter-email"] label {
	padding: 0;
	margin: 0;
	font-weight: normal;
}
div[role="unsubscribe-action"] {
	margin-top: 10px;
}
.form-unsubscribe .btn,
.form-unsubscribe .btn:hover,
.form-unsubscribe .btn:focus,
form[role="enter-email"] .btn,
form[role="enter-email"] .btn:hover,
form[role="enter-email"] .btn:focus,
form[role="unsubscribe"] .btn,
form[role="unsubscribe"] .btn:hover,
form[role="unsubscribe"] .btn:focus {
	background-color: #linkColor;
	border-radius: 0;
	border: 0 none;
	text-shadow: none;
	color: #fff;
	font-weight: normal;
    font-size: 16px;
}
div[role="unsubscribe-group"] {
	margin-bottom: 30px;
}
form[role="unsubscribe"] div.radio,
form[role="unsubscribe"] div.radio label {
	padding: 0;
	margin: 0;
}
form[role="unsubscribe"] div.radio {
	margin: 0 0 5px;

}
form[role="unsubscribe"] input[type="checkbox"],
form[role="unsubscribe"] input[type="radio"] {
	opacity: 0;
	position: absolute;
}
form[role="unsubscribe"] div.radio input[type="radio"] {
	margin: 0;
	cursor: pointer;
}
form[role="unsubscribe"] input[type="checkbox"] ~ label,
form[role="unsubscribe"] input[type="radio"] ~ span {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	font-weight: normal;
	padding: 0;
	margin: 0;
	cursor: pointer;
}
form[role="unsubscribe"] input[type="checkbox"] ~ label::before,
form[role="unsubscribe"] input[type="radio"] ~ span::before {
	content: '\f00c';
	font-family: 'FontAwesome';
	background-color: #e5e5e5;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 15px;
	height: 15px;
	color: #fff;
	transition: all 0.2s;
	margin: 0px 10px 0 0;
	font-size: 10px;
	flex: 0 0 auto;
	color: transparent;
	line-height: 15px;
}
form[role="unsubscribe"] input[type="radio"] ~ span::before {
	content: '';
	margin: 0 10px 0 0;
	width: 14px;
	height: 14px;
	background-color: #e5e5e5;
	border: 3px solid #e5e5e5;
	border-radius: 50%;
}
form[role="unsubscribe"] input[type="checkbox"]:checked ~ label::before {
	background-color: #104E29;
	color: #fff;
}
form[role="unsubscribe"] input[type="radio"]:checked ~ span::before {
	border: 3px solid #104E29;
	background-color: #fff;
}
div[role="unsubscribe-row"] {
	padding: 10px 15px;
	position: relative;
	background-color: #f5f5f5;
}
div[role="unsubscribe-row"]:not(:last-child)::after {
	content: '';
	height: 1px;
	width: calc(100% - 30px);
	left: 15px;
	bottom: 0;
	background-color: #e7e7e7;
	display: block;
	position: absolute;
}
form[role="unsubscribe"] textarea  {
    background-color: #f5f5f5;
    padding: 10px 15px;
    border-radius: 0px;
    border: 0 none;
}
form[role="unsubscribe"] textarea:focus {
    box-shadow: none;
    outline: none;
}
.discontinue-form th {
	font-weight: normal;
}
div[role="custom-contents"] {
	margin-top: -20px;
}
@media (max-width: 767px) {
	.discontinue-form table,
	.discontinue-form tbody,
	.discontinue-form td,
	.discontinue-form tr,
	.discontinue-form th {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.discontinue-form th {
		font-weight: bold;
		margin: 0 0 5px;
	}
}

/* taskId.16814822 show only...  */
/* taskId.16815050 show only... */
/*
293601289 - Microscopes/Optical Metrology (id - "ie")
293601290 - Videoscope/Boreoscopes (id - "videoborescopes")
293601287 - Flaw Detection/Thickness Gaging (id = "ndtrvihsv")
293601288 - XRF/XRD Analyzers (id = "xrf")
Blog posts
293601282 - News Bulletin (all divisions)
*/

/*
*[role="unsubscribe-group"][data-group="CRM Mailing Groups"] *[role="unsubscribe-row"] {
	display: none !important;
}
*[role="unsubscribe-group"][data-group="CRM Mailing Groups"] *[role="unsubscribe-row"][data-list="crm:groups:402653186"] {
	display: block !important;
}
*/

*[role="unsubscribe-group"][data-group="CRM Mailing Groups"] {
	display: flex;
	flex-flow: column nowrap;
	width: 100%;
}
/**[role="unsubscribe-group"][data-group="CRM Mailing Groups"] *[role="unsubscribe-row"][data-list="crm:groups:293601289"] {order: 1;}
*[role="unsubscribe-group"][data-group="CRM Mailing Groups"] *[role="unsubscribe-row"][data-list="crm:groups:293601290"] {order: 2;}
*[role="unsubscribe-group"][data-group="CRM Mailing Groups"] *[role="unsubscribe-row"][data-list="crm:groups:293601287"] {order: 3;}
*[role="unsubscribe-group"][data-group="CRM Mailing Groups"] *[role="unsubscribe-row"][data-list="crm:groups:293601288"] {order: 4;}
*[role="unsubscribe-group"][data-group="CRM Mailing Groups"] *[role="unsubscribe-row"][data-list="crm:groups:293601282"] {order: 5;}*/

/* taskId.16815573 2019/05/23 - hide "Email Preferences" */

*[role="unsubscribe-group"][data-group="CRM Mailing Groups"] {
    display: none !important;
}

.my-account-form {
	margin: 50px 0 10px;
}
.my-account-form input[type="text"],
.my-account-form input[type="password"],
.my-account-form input[type="email"] {
	padding: 10px 15px;
	background-color: #f5f5f5;
	border: 0 none;
	width: 300px;
}
.my-account-form input[type="text"].inpZip,
.my-account-form input[type="text"].inpZipExt {
	width: auto;
}
.my-account-form span.inpZipSep {
	display: inline-block;
	margin: 0 5px;
}
.my-account-form select {
	width: 300px;
	border: 0 none;
	background-color: #f5f5f5;
	padding: 10px 20px 10px 15px;
	background-image: url(../data/i/caret.png);
	background-repeat: no-repeat;
	background-position: right center;
	font-weight: 300;
	padding-right: 20px !important;
    -webkit-appearance: none;
       -moz-appearance: none;
	    appearance: none;
}
.my-account-form table {
	width: auto;
}
.my-account-form th,
.my-account-form td {
	padding: 5px 10px;
}
.my-account-form th,
.my-account-form td:first-child {
	padding-left: 0;
}
.my-account-form h2 {
	font-size: 22px;
	color: #404041;
	padding: 0 0 5px;
	margin: 0 0 15px;
	border-bottom: 1px solid #e49900;
}
.my-account-form input[type="submit"], .my-account-form input[type="submit"]:hover, .my-account-form input[type="submit"],
.my-account-form button, .my-account-form button:hover, .my-account-form button:focus {
	background-color: #F9EA46;
	background-image: none;
	border-radius: 0;
	border: 0 none;
	text-shadow: none;
	color: #fff;
	font-weight: bold;
	margin: 10px 10px 10px 0;
}

/* =MY ACCOUNT */
.my-account-form #myAccountnickname,
.my-account-form #myAccountuserName,
.my-account-form #myAccountpassword1,
.my-account-form #myAccountpassword2 {
	display: none;
}
form[role="unsubscribe"] .primaryCheckboxControl input[type="checkbox"],
form[role="unsubscribe"] .primaryCheckboxControl input[type="radio"] {
	opacity: 1;
	position: static;
	margin: 0 5px 0 0;
}
.primaryCheckboxControl > * {
	margin: 0 15px 10px 0;
}
.primaryCheckboxControl label {
	margin: 0;
	font-weight: normal;
}
.my-account-form table.crmChooseLoc {
	width: 100%;
}
.my-account-form .selectorButton button,
.my-account-form .selectorButton button:hover,
.my-account-form .selectorButton button:focus {
	background-color: #f5f5f5;
	color: #666;
}
.my-account-form .selectorAddress .contact-name,
.my-account-form .selectorAddress .company-name {
	font-weight: bold;
}
tr.unsubscribe-textarea-container {
    display: none;
}
body.other-is-checked tr.unsubscribe-textarea-container {
    display: table-row;
}
/* ------------------------------- unsubscribe END ------------------------------- */

/* ----------------- =conctact form START ----------------- */
.contact-popup {
	transform: scale(0);
	transition: opacity 1s linear;		
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;	
}
body.popup-form-active .contact-popup {
	display: flex !important;
	transform: scale(1);
}
.contact-popup-overlay {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	opacity: 0;
	background-color: rgba(51,51,51,0.9);	
	transition: all 1s;
}
body.popup-form-active .contact-popup-overlay {
	opacity: 1;
}
.contact-popup-close {
	position: absolute;
	right: -25px;
	top: -25px;
	cursor: pointer;
}
@media (min-width: 768px) {
	.show-mobile {display: none;}	
}
@media (max-width: 767px) {
	.show-desktop {display: none;}	
}
@media (max-width: 767px) {
	.contact-popup-close {
		right: 10px;
		top: 10px;
	}
}
.contact-popup #C9 {
	width: 767px;
	max-width: calc(100vw - 80px);
	background-color: #fff;
	position: relative;
	z-index: 1;
	margin-top: -1000px;
	transition: all 1s;
}
body.popup-form-active .contact-popup #C9 {
	margin-top: 0;
}
@media (max-width: 767px) {
	.contact-popup #C9 {
		max-width: calc(100vw - 30px);
	}
}
.contact-popup div.popup-form {
	max-height: calc(100vh - 80px);
	overflow-y: auto;	
}
@media (max-width: 767px) {
	.contact-popup div.popup-form {
		max-height: calc(100vh - 30px);
	}
}
.popup-form-header {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	padding: 20px 40px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e7e7e7;
	font-style: italic;	
}
div#C9 .popup-form-header {
	margin-bottom: 0;
	border-bottom: 0 none;
}
@media (max-width: 767px) {
	.popup-form-header {
		padding: 10px;
	}
}
.contact-popup .h2 {
	font-size: 36px;
    font-family: "Anton", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
	color: #104E29;
	margin: 0;
}
div#C9 .contact-popup .h2 {
	text-align: center;
}
@media (max-width: 767px) {
	.contact-popup .h2 {
		font-size: 24px;
	}
}
.contact-popup p {
	margin: 0;
}
@media (max-width: 767px) {
	.popup-form-logo {
		display: none;
	}
}
.popup-form-footer {
	background-color: #f5f5f5;
	padding: 20px 40px;
	text-align: center;
}
@media (max-width: 767px) {
	.popup-form-footer {
		padding: 10px 20px;
	}
}
.popup-form button {
	font-size: 22px;
    font-weight: normal;
	padding: 12px 25px;
    font-family: "Anton", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #104E29;
    color: #fff;
    border: 0 none;
}
@media (max-width: 767px) {
	.popup-form button {
		font-size: 16px;
		padding: 6px 18px;
	}
}
.contact-popup input[type="text"],
.contact-popup input[type="email"],
.contact-popup textarea {
	border: 1px solid #e7e7e7;
	border-radius: 0;
    box-shadow: none;
}
.contact-popup input[type="text"]:focus,
.contact-popup input[type="email"]:focus,
.contact-popup textarea:focus {
	box-shadow: none;
	outline: none;
}
.contact-popup label {
	color: #999;
}
@media (min-width: 768px) {
	.contact-popup label {
		font-size: 18px;
	}
	
}
.contact-popup .dynamic-placeholders {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding: 0 40px;
}
@media (max-width: 767px) {
	.contact-popup .dynamic-placeholders {
		padding: 0 10px;
	}
}
.contact-popup .dynamic-placeholders > div:not(:last-child) {
	width: calc(50% - 10px);
}
@media (max-width: 767px) {
	.contact-popup .dynamic-placeholders > div:not(:last-child) {
		width: calc(50% - 5px);
	}
}
@media (max-width: 479px) {
	.contact-popup .dynamic-placeholders > div:not(:last-child) {
		width: 100%;
	}
}
@media (min-width: 768px) {
	.contact-popup .dynamic-placeholders label {
		top: 14px;
		left: 15px;
	}
	.contact-popup .dynamic-placeholders textarea {
		padding-top: 25px;
	}
	.contact-popup .dynamic-placeholders textarea ~ label {
		top: 15px;
	}
	.contact-popup .dynamic-placeholders input:focus ~ label, 
	.contact-popup .dynamic-placeholders .filled ~ label, 
	.contact-popup .dynamic-placeholders select ~ label, 
	.contact-popup .dynamic-placeholders .selectWrapper ~ label, 
	.contact-popup .dynamic-placeholders textarea:focus ~ label {
		top: 4px;
		font-size: 14px;
	}
	.contact-popup .dynamic-placeholders textarea.filled ~ label,
	.contact-popup .dynamic-placeholders textarea:focus ~ label {
		top: 5px;
	}	
}

.dynamic-placeholders .xFormError ~ input[type="password"], 
.dynamic-placeholders .xFormError ~ input[type="text"], 
.dynamic-placeholders .xFormError ~ input[type="email"], 
.dynamic-placeholders .xFormError ~ textarea, 
.dynamic-placeholders .xFormError ~ select {
	background-color: #F9EDED;
	border-color: #F9EDED;
	box-shadow: none;
}

.contact-popup #C9 .all-errors .xFormAllError {
	padding: 20px 40px;
}
@media (max-width: 767px) {
	.contact-popup #C9 .all-errors .xFormAllError {
		padding: 10px;
	}	
}

.contact-popup .formRequired {
	display: inline-block;
	margin-left: 5px;
	color: #b94a48;
}
/* ----------------- =conctact form END ----------------- */

.sticky-contact {
	position: fixed;
	bottom: 0;
	right: 20px;
}
.sticky-contact a,
.sticky-contact a:hover,
.sticky-contact a:focus {
	background-color: #104E29;
	color: #fff;
	padding: 13px 20px 10px;
	display: inline-block;
	font-weight: bold;
	text-decoration: none;
	font-size: 15px;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
*[data-host*="gsa"] .sticky-contact a,
*[data-host*="gsa"] .sticky-contact a:hover,
*[data-host*="gsa"] .sticky-contact a:focus {
    background-color: #132259;
}
.sticky-contact a i {
	font-size: 24px;
}
.sticky-contact a i::before {
	content: '';
}
.sticky-contact a::before {
	content: '';
	display: inline-block;
	background-image: url(../data/i/fixed-contact-icon.png);
	background-repeat: no-repeat;
	width: 26px;
	height: 21px;
}

/* =================== =SEARCH POPUP START =================== */
@media (max-width: 767px) {
    .section-search {
        background-color: rgba(0,0,0,0.8);
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        opacity: 0;
        transform: scale(0);
        transition: opacity 0.3s linear;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
        z-index: 9999;
    }
    .section-search #ecsSearchContainer2 {
        position: relative;
        z-index: 2;
    }
    .search-overlay {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;	
        z-index: 0;
    }
    .search-overlay::after {
        content: '\f00d';
        font-family: 'FontAwesome';
        position: absolute;
        right: 30px;
        top: 30px;	
        background-color: transparent;
        border: 0 none;
        color: #fff;
        font-size: 50px;	
        cursor: pointer;
    }
    .section-search .container,
    .section-search #ecsSearchContainer1 {
        z-index: 1;
        position: relative;	
        width: auto;
        max-width: none;
    }
    .section-search .container::before, 
    .section-search .container::after {
        display: none;
    }
    .search-active .section-search {
        opacity: 1;	
        transform: scale(1);
    }
    .section-search form {
        width: 600px;
        max-width: 100%;	
        top: 0px;
        margin-top: -500px;	
        display: flex;
        flex-flow: row nowrap;
        transition: all 0.3s linear;
    }
    .search-active .section-search form {
        margin-top: 0px;
    }
    .section-search input[type="text"] {
        background-color: #fff;
        border: 0 none;
        font-size: 24px;
        height: auto;
        padding: 15px 25px;
        color: #333333;
        font-weight: 300;
        width: 100%;
        line-height: 1.8em;
        border-radius: 0;
    }
    .section-search input[type="text"]:focus {
        box-shadow: none;	
        outline: none;
    }
    .section-search ::-webkit-input-placeholder {
        color: #999;
        opacity: 1;
    }
    .section-search ::-moz-placeholder {
        color: #999;
        opacity: 1;
    }
    .section-search :-ms-input-placeholder {
        color: #999;
        opacity: 1;
    }
    .section-search :-moz-placeholder {
        color: #999;
        opacity: 1;
    }
    .section-search form button {
        font-family: 'FontAwesome';
        color: #333;
        border: 1px solid #104E29;
        background-color: #104E29;
        color: #fff;
        padding: 10px 25px;
        font-size: 24px;
        transition: all 0.2s linear;	

    } 
    .section-search form input[type="submit"] {
         font-family: 'FontAwesome';
        color: #333;
        border: 1px solid #104E29;
        background-color: #104E29;
        color: #fff;
        padding: 10px 25px;
        font-size: 24px;
        transition: all 0.2s linear;	       
    }
}
@media (max-width: 767px) {
    .section-search form {
        width: calc(100% - 30px);
        /* width: calc(100% - 105px) !for(firefox); */
        margin-left: 15px;
    }
}
/* =================== =SEARCH POPUP END =================== */

/* my account /shop/myaccount/ START */
div.table-responsive[table-class*="crmForm"],
div.table-responsive[table-class*="crmChooseLoc"] {
	border: 0 none;
	overflow: visible;
}
.crmAccountInfo {
	width: auto;
}
.crmAccountInfo td {
	padding: 5px 20px 5px 0;
}
.my-account-header {
	font-size: 20px;
	font-family: "Anton", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin: 30px 0 10px;
	color: #104E29;
}
@media (max-width: 479px) {
	.crmAccountInfo,
	.crmAccountInfo tbody,
	.crmAccountInfo tr,
	.crmAccountInfo td {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
	}	
	.crmAccountInfo tr {
		margin: 0 0 10px;
	}
	.crmAccountInfo td + td {
		padding-top: 3px;
	}
	.crmAccountInfo input[type="text"],
	.crmAccountInfo input[type="email"],
	.crmAccountInfo input[type="password"],
	.crmAccountInfo input[type="tel"],
	.crmAccountInfo select {
		width: 100%;
	}
}

.selectorAddress {
	background-color: #f5f5f5;
	padding: 30px;
	margin: 20px 0 10px;
}
.selectorAddress .contact-name {
	font-weight: bold;
}
@media (max-width: 479px) {
	.selectorAddress {
		padding: 15px;
	}
}

.crmLocationForm  {
	width: auto;
}
.crmLocationForm > tbody > tr > td {
	padding: 5px 30px 5px 0;
}
@media (max-width: 767px) {
	.crmLocationForm,
	.crmLocationForm > tbody,
	.crmLocationForm > tbody > tr,
	.crmLocationForm > tbody > tr > td,
	.crmCommForm,
	.crmCommForm > tbody,
	.crmCommForm > tbody > tr,
	.crmCommForm > tbody > tr > td {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.crmLocationForm > tbody > tr {
		padding-bottom: 10px;
	}
	.crmCommForm > tbody > tr > td {
		margin-bottom: 5px;
	}
	.crmPhoneTitle .row > div {
		float: none;
		width: 100%;
	}
	
}
@media (max-width: 479px) {
	.crmLocationForm input[type="text"],
	.crmLocationForm input[type="email"],
	.crmLocationForm input[type="password"],
	.crmLocationForm input[type="tel"],
	.crmLocationForm select {
		width: 100%;
	}	
	.crmLocationForm input.inpZip,
	.crmLocationForm input.inpZipExt {
		width: auto;
	}
}
/* my account /shop/myaccount/ END */
/*** END responsive/global/common.css ***/

/*** START responsive/global/news.css ***/
/* News */
.newsListItem {
	margin-bottom: 15px;	
}
.newsListItem h3 {
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}
.newsItem h1.pageTitle {
	margin: 0; padding: 0;	
	margin-bottom: 15px;
}
/*** END responsive/global/news.css ***/

/*** START responsive/global/gallery.css ***/
/* Gallery */
.typeFancybox ul {
		padding: 0; margin: 0; list-style-type: none;
}
/* styles are copied from bootstrap .thubnail */
.galleria-thumbnails-container .galleria-thumbnails .galleria-image,
.typeFancybox li {
  display: inline-block;
  padding: 4px;
  line-height: 20px;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;

	margin-right: 5px;
	margin-bottom: 5px;
}

.galleria-thumbnails-container .galleria-thumbnails .galleria-image:hover,
.galleria-thumbnails-container .galleria-thumbnails .galleria-image:focus,
.typeFancybox li:hover,
.typeFancybox li:focus {
  border-color: #0088cc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
     -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
          box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}




/*** END responsive/global/gallery.css ***/

/*** START responsive/global/e-commerce.css ***/
/* E-commerce */

/* =SIDE NAVIGATION */
div.col-side-nav {
	display: none !important;	
}
.col-ecs-item-content {
	width: 100%;	
}
.col-side-nav a {
	color: #333333;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	border-bottom: 1px solid #d7d7d7;
}

/* =FEATURED PRODUCTS */
.productPrice {
	font-family: "Oswald", Tahoma, Geneva, sans-serif;	
	font-size: 26px;
	clear: both;
	overflow: hidden;
	padding-bottom: 10px;
	margin-top: 10px;
}
.productPrice span {
	display: block;
	float: left;	
	padding-top: 5px;
	padding-right: 10px;
}
.productPrice span.oldPrice {
	font-size: 14px;
	color: #c32222;
	line-height: 1em;
	padding-top: 0px;
	text-decoration: none;
}
.productPrice span.oldPrice label {
	text-decoration: line-through;	
	margin: 0; padding: 0;
	font-weight: normal;
	display: inline;
}
.productName,
.productName a, .productName a:hover, .productName a:focus {
	font-size: 18px;
	text-decoration: none;
	color: #333333;
}
.featuredProductsTitle {
	padding-bottom: 15px;
}
.featuredProductsSlideshow {
	position: relative;	
	padding-left: 30px;
	padding-right: 20px;
	padding-bottom: 30px;
}
#featuredProductsSlideshow {
	height: 330px;	
}
.slideControl {
	position: absolute;
	font-family: 'FontAwesome';	
	left: 0px;
	top: 130px;
	cursor: pointer;
	font-size: 70px;
	color: #868686;
}
.slideRight {
	left: auto;
	right: 0px;	
}
.featuredProductsSlideshow .myPaging {
	text-align: center;	
	margin-top: 20px;
}

/* =CATEGORY */
.ecsCatProducts .row {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin: 0;
}
.ecsCatProducts .row::before,
.ecsCatProducts .row::after {
	display: none;
}
.ecsCatProducts .row > div.product {
	width: calc(25% - 20px);
	float: none;
	height: auto;
	margin-bottom: 30px;
	padding: 0;
}
@media (max-width: 1023px) {
	.ecsCatProducts .row > div.product {
		width: calc(33.3333% - 20px);
	}	
}
@media (max-width: 767px) {
	.ecsCatProducts .row > div.product {
		width: calc(33.3333% - 10px);
	}	
}
@media (max-width: 479px) {
	.ecsCatProducts .row > div.product {
		width: calc(50% - 10px);
	}	
}
.ecsCatProducts .row > div.product-empty {
	padding: 0;
	margin: 0;
	overflow: hidden;
	visibility: hidden;
	border: 0 none;
}

.ecs-cat-login-register {
	background-color: #f5f5f5;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #e7e7e7;
	margin: 10px 0;
	line-height: 1.4em;
}
.ecs-cat-login-register p {
	margin: 0;
}
.catDesc {
	clear: both;
	overflow: hidden;
	padding-top: 15px;
	padding-bottom: 15px;	
	border-bottom: 1px solid #ABABAB;
	margin-bottom: 30px;
}
.ecsCatNavContent a {
	color: #333333;
	font-size: 16px;
	padding-bottom: 20px;
}
.ecsCatNavContent .ecsNavCat1 {
	padding-bottom: 20px;
	height: 250px;
	text-align: center;
}
.ecsCatNavContent a span {
	padding-top: 10px;	
	margin-left: -30px;
}
.product img,
.ecsCatNavContent img {
	height: auto !important;
	width: auto !important;
	max-height: 203px;
}
.ecsCatNavContent img {
	margin: 0 auto;	
}
.ecsCatProducts .product {
	height: 330px;
}

/* =ITEM */
.well-login-register {
	display: none;	
	color: #333333;
}
.well-login-register a {
	text-decoration: underline;	
	color: #333333;
}
.ecsItemFormBlock .priceBox {
	font-family: "Oswald",Tahoma,Geneva,sans-serif;
	font-size: 26px;
	color: #333;
	margin-bottom: 15px;
}
.ecs-item-desc {
	margin-top: 15px;
	margin-bottom: 15px;	
}
.ecsItemFormBlock .priceBox .nonpromoPrice {
	font-size: 14px;
	color: #C32222;	
	text-decoration: line-through;
	padding-left: 5px;	
	position: relative;
}
.ecsItemFormBlock .priceBox .nonpromoPrice:before {
	content: 'was';	
	position: absolute;
	top: -15px;
	left: 5px;
}
.ecsItemFormBlock .priceBox .nonpromoPrice:empty:before {
	content: '';	
}
.ecsItemFormBlock .priceBox .skuBox {
	font-family: Tahoma, Geneva, sans-serif;	
	font-size: 14px;
	padding-top: 10px;
	/* taskId.16802392 */
	display: none;
}
.priceTableOptionsBox input[type="submit"] {
	font-family: "Oswald", Tahoma, Geneva, sans-serif;
	margin-top: 0px;
	display: inline-block;
	opacity: 1;
	color: #7F7F7F;
	text-shadow: 1px 1px 1px #fff;
	border: 1px solid #d7d7d7;
	box-shadow: 0px 2px 2px 0px #d7d7d7;
	
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #dadada 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dadada)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#dadada 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#dadada 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#dadada 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#dadada 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */	
}
.priceTableOptionsBox input[type="submit"]:hover {
	color: #666;	
}
.priceTableOptionsBox input[type="submit"]:focus {
	color: #666;
	box-shadow: none;	
	outline: none;
}
.priceTableOptionsBox input[type="text"] {
	border-radius: 3px;
	padding: 9px;
	margin-right: 10px;
	margin-top: 0px;
	font-family: "Oswald", Tahoma, Geneva, sans-serif;	
	text-align: center;
}
.ecsNoSkuOpts .skuOptionsBlock {
	display: none;	
}
/* taskId.16802169 */
.ecsCatPathItem.pos1, .pathSep.pos1, 
.ecsCatPathItem.pos2, .pathSep.pos2 {
	display: none;
}

.ecsCatPathItem a {
	color: #999;	
}
.pathSep {
	padding-left: 5px;
	padding-right: 5px;
	color: #999;	
}
.ecsItemWrapper {
	position: relative;
}
.ecsItemWrapper .container {
	position: relative;
	background-color: #fff;	
	padding-bottom: 30px;
}
.ecs-item-wrapper-bg-left, 
.ecs-item-wrapper-bg-right {
    background-image: url(../data/i/ecs-item-wrapper-bg-left.jpg);
    background-repeat: no-repeat;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 30%;
}
.ecs-item-wrapper-bg-right {
    background-image: url(../data/i/ecs-item-wrapper-bg-right.jpg);
	left: auto;
	right: 0px;	
}
.ecsItemWrapper img {
	height: auto !important;
	margin: 0 auto;
}
.ecsItemFormBlock .label {
    font-weight: normal;
    padding-left: 0;
    text-align: left;
    text-transform: uppercase;
    width: 85px;
	color: #333333;
}
.ecsItemFormBlock .label, .ecsItemFormBlock .selector {
    display: inline-block;
    padding-bottom: 10px;
}
.ecsItemFormBlock .label, .ecsItemFormBlock .selector {
    display: inline-block;
    padding-bottom: 10px;
}
.ecsItemSlideshow .ecs-item-slideshow-control {
	font-family: 'FontAwesome';
	font-size: 30px;	
	width: 50px;
	height: 50px;
	display: inline-block;
	border-radius: 50%;
	opacity: 1;
	color: #7F7F7F;
	text-shadow: 1px 1px 1px #fff;
	border: 1px solid #d7d7d7;
	top: 40%;
	box-shadow: 0px 3px 3px 0px #d7d7d7;
	
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #dadada 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dadada)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#dadada 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#dadada 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#dadada 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#dadada 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */	
}
.ecsItemSlideshow .ecs-item-slideshow-control:hover {
	color: #666;	
}
.ecsItemSlideshow .ecs-item-slideshow-control:focus {
	color: #666;	
	box-shadow: none;	
}
.ecsItemSlideshow span {
	padding-top: 14px;	
	display: inline-block;
}
.ecsItemSlideshow .ecs-item-slideshow-control.left span {padding-right: 2px;}
.ecsItemSlideshow .ecs-item-slideshow-control.right span {padding-left: 6px;}

.consumer-price {
	font-size: 16px;
	color: #666;
	padding-bottom: 10px;	
}
.featuredProductsSlideshow .consumer-price,
.ecsCatProducts .consumer-price {
	font-size: 14px;
	padding-bottom: 0px;
}

/* =CART */
/* taskId.16819639 2022/02/11 hide the classic checkout outside the U.S. */
html:not([geo-cc="US"]) .ecsCheckoutButton,
html:not([geo-cc="US"]) .expressCheckoutButton::before {
    display: none;
}

#csqShipping {
    padding-top: 10px;
}
#csqShipping th,
#csqShipping td {
    padding: 5px 10px;
    border-bottom: 1px solid #e7e7e7;
    font-weight: normal;
}
#csqShipping tr:last-child td {
    border-bottom: 1px solid transparent;
}
#csqShipping tr:first-child td {
    font-weight: bold;
    padding: 10px;
    background-color: #f5f5f5;
}
#csqShipping label {
    font-weight: normal;
}

@media (min-width: 768px) {.ecsCartEmpty {min-height: 350px; padding-bottom: 30px;}}

body.disabled-checkout .cartButtonCheckout a {
    opacity: 0.7;
    pointer-events: none;
}

body.disabled-checkout .cart-disabled-shipping-message {
    display: block !important;
}
.cart-disabled-shipping-message {
    background-color: #AE4670;
    color: #fff;
    padding: 20px 20px 20px 100px;
    margin: 20px 0 10px;
    text-align: center;
    display: none;
    flex-flow: row nowrap;
    position: relative;
    padding-left: 120px;
    border-radius: 4px;
    overflow: hidden;
    font-weight: bold;
}
.cart-disabled-shipping-message::before {
    content: '\f071';
    font-family: 'FontAwesome';
    font-size: 40px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.1);
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    height: 100%;
    width: 100px;
    font-weight: normal;
    border-radius: 4px;
}
.cart-disabled-shipping-message a {
    color: #fff;
    text-decoration: underline;
}
.cart-disabled-shipping-message p {
    margin: 0;
}
@media (max-width: 479px) {
    .cart-disabled-shipping-message {
        padding-left: 80px;
    }
    .cart-disabled-shipping-message::before {
        width: 60px;
        font-size: 30px;
    }
}

.cartButtonCheckout > input[type="submit"],
.cartButtonCheckout > input[type="submit"]:hover,
.cartButtonCheckout > input[type="submit"]:focus,
.html-gsa .cartButtonCheckout > input[type="submit"],
.html-gsa .cartButtonCheckout > input[type="submit"]:hover,
.html-gsa .cartButtonCheckout > input[type="submit"]:focus {
	float: right;
	
	color: #003366;
	border: 1px solid #FFB94F;
	border-radius: 15px ; /*  */ /* !for(-ie9) */
	padding: 1px 15px;
	text-shadow: 1px 1px 1px #fff;
	cursor: pointer;
	font-size: 15px;
	font-weight: bold;
	
background: #fffffc; /* Old browsers */
background: -moz-linear-gradient(top, #fffffc 0%, #ffd892 49%, #ffab2b 50%, #ffa926 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffffc), color-stop(49%,#ffd892), color-stop(50%,#ffab2b), color-stop(100%,#ffa926)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fffffc 0%,#ffd892 49%,#ffab2b 50%,#ffa926 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fffffc 0%,#ffd892 49%,#ffab2b 50%,#ffa926 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fffffc 0%,#ffd892 49%,#ffab2b 50%,#ffa926 100%); /* IE10+ */
background: linear-gradient(to bottom, #fffffc 0%,#ffd892 49%,#ffab2b 50%,#ffa926 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffffc', endColorstr='#ffa926',GradientType=0 ); /* IE6-9 */	
}
.expressCheckoutButton {
	display: block;	
	clear: both;
	overflow: hidden;
	clear: both;
}
.expressCheckoutButton:before {
	content: 'or';	
	display: block;
	text-align: right;
	margin-right: 45px;
	margin-bottom: 5px;
}

/* shipping popup */
#csqContainer input[type="text"],
#csqContainer input[type="email"],
#csqContainer input[type="password"],
#csqContainer select {
	padding: 3px;
	height: auto;
	border-radius: 3px;	
	line-height: 1.6em;
}
#csqContainer button,
.ecsCart a.quantity-less,
.ecsCart a.quantity-more {
	border: 1px solid #d7d7d7;	
	border-radius: 3px;
	cursor: pointer;
	padding: 3px 12px;

background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );

}
.ecsCart a.quantity-less,
.ecsCart a.quantity-more {
	color: #333333;	
	padding: 6px 12px;
}

.oldPrice {
	text-decoration: line-through;	
	color: #999;
}
.newPrice {
	font-weight: bold;	
}
.ecsCartHeader,
.ecsCartRow,
.ecsCartTotalRow,
.ecsCartTopButtons {
	border-bottom: 1px solid #d7d7d7;
	padding-top: 10px;
	padding-bottom: 10px;
}
.ecsCartHeader {
	background-color: #f5f5f5;	
	font-weight: bold;
}
.cartUpdateLink {
	text-align: left;	
}
.ecsCartRow input[type="text"] {
	margin-top: 10px;
	margin-bottom: 10px;	
}
.ecsCartRow label {
	display: none;	
	font-weight: normal;
}
.ecsCartControlsTop {
	padding-bottom: 5px;	
}
.ecsCartControlsTopRight {
	padding-top: 15px;	
}
.quantity-less,
.quantity-more,
.quantity-input {
	display: inline-block;	
}
.quantity-input {
	margin-left: 3px;
	margin-right: 3px;	
}
.cartQuote {
	padding-top: 10px;	
}
.cartQuote a {
	margin-right: 10px;	
	white-space: nowrap;
}
.cartButtonsBottom {
	padding-top: 10px;	
	padding-bottom: 10px;
}
.row-cart-promo-forms {
	max-width: 800px;	
}
@media (min-width: 1199px) {
	.ecsCart {
		padding-left: 15px;
		padding-right: 15px;	
	}
}
@media (min-width: 768px) and (max-width: 980px) {
	.quantity-less,
	.quantity-more {
		display: none;	
	}	
}
@media (max-width: 767px) {
	.ecsCartRow label {
		display: inline;
	}
	.money {
		text-align: left;	
	}
	.ecsCartRow > div, .cartUpdateLink {
		text-align: center;
	}
}
@media (max-width: 599px) {
	.row-cart-promo-forms > div {
		float: none;
		width: 100%;		
	}	
}
@media (max-width: 479px) {
	.ecsCartControlsTopLeft {
		display: block;
		float: none;	
	}
	.ecsCartControlsTopRight {
		text-align: left;
		display: block;	
		float: none;
		white-space: nowrap;
		padding-top: 10px;
	}
}



/* =CHECKOUT */
.anon-checkout-chooser {
	padding-top: 15px;
}
.anon-checkout-option {
	display: inline-block;
	padding-right: 20px;
	white-space: nowrap;
}
.anon-checkout-option input[type="radio"] {
	margin-right: 5px;	
}

#ecsAccountMode label,
#ecsAccountMode input {
	display: inline-block;
}
#ecsAccountMode label {
	margin-right: 10px;
}
.checkoutRadio  {
	padding-bottom: 5px;	
}
.checkoutRadioText {
	padding-top: 3px;	
}
.crmLocationName input {
	margin-right: 5px;	
}

#checkout input[type="text"],
#checkout input[type="email"],
#checkout input[type="password"],
#checkout select {
	max-width: 220px;	
}

#checkout #fbField7 {display: none;} /* hide "Specify Other Source by default */
#checkout select#shippingMethodIdInput {max-width: none;}
#checkout select#fbField12Input {display: inline-block; width: 70px;}
#checkout select#fbField13Input {display: inline-block; width: 100px;}
#checkout input#fbField15Input {width: 70px;}
#checkout .scalar {padding: 0px 10px;}


@media (min-width: 1100px) {
	/*.col-side-nav {width: 20%;}
	.col-ecs-item-content {width: 80%;}	*/
}
@media (min-width: 992px) and (max-width: 1099px) {
	/*.col-side-nav {width: 25%;}
	.col-ecs-item-content {width: 75%;}	*/
}
@media (max-width:479px) {
	.ecsCatProducts .product,
	.ecsCatNavContent .col-xs-6 {
		width: 100%;	
	}
}

/* =CHECKOUT */

/* taskId.16816363 */
.show-when-more-than-one-shipping-method {
	font-style: italic;
	margin-top: 30px;
	display: none !important;
}
.show-when-more-than-one-shipping-method.show {
	display: block !important;
}


/* custom new customer form http://joxi.ru/xgPyU4wyTJDNArM-U60 */
@media (max-width: 479px) {
	.checkout-custom-signup .form-group {margin-bottom: 0px;}
	.checkout-custom-signup .form-group > * {width: 100%; float: none;}	
	.checkout-custom-signup input[type="submit"] {margin-top: 15px;}
}

/* checkout sign in */
@media (max-width: 991px) {
	.col-checkout-signup,
	.col-checkout-login {
		width: 100%;
		float: none;	
	}
}
@media (max-width: 767px) {
	.col-checkout-signup label,
	.col-checkout-login label,
	.col-checkout-signup div,
	.col-checkout-login div {
		width: 100%;
		float: none;
	}
	.col-checkout-signup label,
	.col-checkout-login label {
		padding-bottom: 2px;	
	}
	.col-checkout-signup input[type="submit"],
	.col-checkout-login input[type="submit"],
	.col-checkout-signup input[type="submit"],
	.col-checkout-login input[type="submit"] {
		margin-top: 10px;
	}
	.col-checkout-signup .form-group,
	.col-checkout-login .form-group {
		margin-bottom: 0px;	
	}
}

/* checkout steps */
.checkout-steps {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin-top: 20px;
    align-items: baseline;
    line-height: 1.3em;
}
.checkout-steps div {
	text-align: center;
	display: inline-block;
	width: 16.6666%;
	padding: 0; margin: 0;
	color: #777;
    margin-bottom: 5px;
    background-color: #f5f5f5;
}
.checkout-steps div.step-active {
	font-weight: bold;	
	color: #000;
    
}
.checkout-steps div a {
	color: #777;
	text-decoration: none;	
    display: block;
    padding: 10px;
    border-bottom: 3px solid #d7d7d7;
    transition: all 0.3s;
}
.checkout-steps div a:hover {
    color: #104E29;
}
.checkout-steps div > span {
    display: block;
    padding: 10px;
    border-bottom: 3px solid #f5f5f5;
}
.checkout-steps div.step-active a,
.checkout-steps div.step-active > span {
	color: #104E29;	
    text-decoration: none;
    border-bottom: 3px solid #104E29;
}
@media (max-width: 1023px) {
    .checkout-steps {
        font-size: 12px;
    }
}
@media (min-width: 768px) {
    .checkout-steps div {
        flex: 1 1 auto;
    }
}
@media (max-width: 767px) {
    .checkout-steps {
        flex-flow: row wrap;
    }
    .checkout-steps div {
        width: 33.3333%;
    }
    .checkout-steps div a,
    .checkout-steps div > span {
        padding: 5px;
    }
}
@media (max-width: 479px) {
    .checkout-steps div {
        width: 50%;
    }    
}

.checkout-steps ~ .error {
    margin-top: 30px;
}

/* Shipping Address */
.col-edit-shp-address-links {
	margin-bottom: 15px;	
}
.col-address-block {
	position: relative;
	margin-bottom: 30px;
}
.col-address-block .btn {
	white-space: inherit;	
}
.col-address-block .fa + .address > div:first-child {text-indent: 25px;}
.col-address-block .fa-truck + .address > div:first-child {text-indent: 23px;}
.col-address-block .fa + .fa + .address > div:first-child {text-indent: 40px;}

.col-address-block .fa {
	position: absolute;
	top: 4px;
	left: 15px;
	color: #104E29;
}
.col-address-block .fa + .fa {
	left: 35px;
}

#checkout .address,
#checkout .shipping-notes {
	padding-bottom: 15px;	
}
#checkout .address .address,
#checkout .address .shipping-notes {
	padding-bottom: 0px;	
}
#checkout .edit-addr-controls {
	padding-top: 5px;	
}
#checkout .edit-addr-controls > div:first-child {
	padding-right: 5px;
}
#checkout .edit-addr-controls > div:last-child {
	padding-left: 5px;
}

/* confirmation */
.row-cart-item img.cart-image {
	width: 100px;
	height: auto;	
}
.checkout-option-promo input[type="text"] {
	margin-right: 5px;	
}
.checkout-option-orderNotes div.form-group {
	display: block;
}
.checkout-option-orderNotes textarea {
	width: 100%;	
	max-width: 500px;
	height: 100px;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 5px;
}
/* payment form */
.ecsPaymentSelector {
	margin-bottom: 15px;	
}
#pm_1 {
	max-width: 500px;
}
#checkout .input-small {
	width: auto;
	display: inline-block;	
	max-width: 90px;
}
#checkout .scalar {
	display: inline-block;
	padding-left: 3px;
	padding-right: 3px;	
}
.row-cart-header {
	background-color: #F5F5F5;
	border-bottom: 1px solid #D7D7D7;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}
.row-cart-item {
	border-bottom: 1px solid #D7D7D7;	
	padding-top: 10px;
	padding-bottom: 10px;
}
@media (max-width: 767px) {
	.row-cart-header {
		display: none;	
	}
	.row-cart-item > div {
		text-align: left;
	}
}
@media (min-width: 480px) {
	.col-checkout-billing-address > h3,
	.col-checkout-billing-address > address {
		width: 220px;
		float: right;	
		text-align: left;
	}
	.col-checkout-billing-address > address {
		clear: both;
	}	
}
@media (max-width: 479px) {
	.col-checkout-shipping-address,
	.col-checkout-billing-address {
			width: 100%;
			float: none;
	}
}
@media (max-width: 359px) {
	.row-cart-item img {
		float: none;	
		display: block;
	}
}

/* =SEARCH RESULTS */
.ecsSearchTable td {
	padding: 10px;	
}
.ecsSearchTable tr:nth-child(odd) td {
	background-color: #F6F6F6;
}
td.ecsSearchPrice {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
}
td.ecsSearchName a {
	color: #333;
	font-size: 16px;
}
@media (max-width: 599px) {
	.ecsSearchTable,
	.ecsSearchTable tbody,
	.ecsSearchTable tr,
	.ecsSearchTable td,
	.ecsSearchTable tr:nth-child(odd) td {
		display: block;
		padding: 0; margin: 0;
		background-color: transparent;	
		width: 100%;
	}
	.ecsSearchTable tr {
		padding: 10px;	
	}
	.ecsSearchTable tr:nth-child(odd) {
		background-color: #F6F6F6;
	}	
	.ecsSearchTable td,
	.ecsSearchTable tr:nth-child(odd) td {
		text-align: center;	
		padding-bottom: 5px;
	}


}

/* don't show login/register content for everybody, show on gsa site to logged out users */
.gsaLoginRegister {display: none;}
.html-gsa .gsaLoginRegister {display: block;}
.gsa-user .gsaLoginRegister {display: none;}

/* on gsa site for non-gsa users hide price and add to cart button from search results */
.html-gsa .addToCartContainer, 
.html-gsa .ecsSearchTable td.ecsSearchPrice {
    display: none;
}
/* on gsa site for non-gsa users hide price and add to cart button from search results */
.gsa-user .addToCartContainer {
    display: block;
}
.gsa-user .ecsSearchTable td.ecsSearchPrice {
    display: table-cell;

}

.html-gsa td.ecsAddToCart {width: auto; text-align:  right;}
.gsa-user td.ecsAddToCart {width: 120px; text-align: left;}
/*** END responsive/global/e-commerce.css ***/

/*** START responsive/global/blog.css ***/
/* Blog */
/* =BLOG =TAG CLOUD */
#blogTagCloud .blogTag {
	float: left;
	width: auto;
	padding-left: 10px;
	padding-bottom: 5px;
}
#blogTagCloud .blogTag a {
	width: auto;
	padding: 0;
	border: 0 none;
}
#blogTagCloud .pop15 a {font-size: 180%;}
#blogTagCloud .pop14 a {font-size: 170%;}
#blogTagCloud .pop13 a {font-size: 160%;}
#blogTagCloud .pop12 a {font-size: 155%;}
#blogTagCloud .pop11 a {font-size: 150%;}
#blogTagCloud .pop10 a {font-size: 145%;}
#blogTagCloud .pop9 a {font-size: 140%;}
#blogTagCloud .pop8 a {font-size: 135%;}
#blogTagCloud .pop7 a {font-size: 130%;}
#blogTagCloud .pop6 a {font-size: 125%;}
#blogTagCloud .pop5 a {font-size: 120%;}
#blogTagCloud .pop4 a {font-size: 115%;}
#blogTagCloud .pos3 a {font-size: 110%;}
#blogTagCloud .pop2 a {font-size: 105%;}
#blogTagCloud .pop1 a {font-size: 100%;}

#blogTagList a {
	padding: 3px 8px;
	display: block;	
	border-radius: 3px;
	margin-bottom: 3px;
}
#blogTagList a:hover {
	background-color: #EEEEEE;
	text-decoration: none;
}
#blogTagList .active a {
	background-color: #0088CC;
	color: #fff;
}
h3.sideTitleCategories:before,
h3.sideTitleArchive:before,
h3.sideTitlePopularTopics:before,
h3.sideTitleRecentPosts:before,
h3.sideTitleRecentComments:before,
h3.sideTitleAuthors:before {
	font-family: 'FontAwesome';
	content: '\f07c';
	padding-right: 5px;
	font-size: 20px;
	font-weight: normal;
}
h3.sideTitleArchive:before {content: '\f133';}
h3.sideTitlePopularTopics:before {content: '\f005';}
h3.sideTitleRecentPosts:before {content: '\f07c';}
h3.sideTitleRecentComments:before {content: '\f0e6';}
h3.sideTitleAuthors:before {content: '\f0c0';}


/* =LIST */
#blogPosts h2 {
	padding: 0; margin: 0;
	margin-top: 0px;
	margin-bottom: 10px;
}
.postedBy {
	padding-top: 10px;	
}
.postBody {
	padding-bottom: 15px;	
}
/*** END responsive/global/blog.css ***/

/*** START responsive/global/navigation.css ***/
/* Navigation */
.caret {
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropdown-menu {
  background-color: #F6F6F6;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu .divider {
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  color: #ffffff;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #09421F;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#165F32), to(#09421F));
  background-image: -webkit-linear-gradient(top, #165F32, 0%, #09421F, 100%);
  background-image: -moz-linear-gradient(top, #165F32 0%, #09421F 100%);
  background-image: linear-gradient(to bottom, #165F32 0%, #09421F 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff165F32', endColorstr='#ff09421F', GradientType=0);
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #eea236;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#FFBD54), to(#eea236));
  background-image: -webkit-linear-gradient(top, #FFBD54, 0%, #eea236, 100%);
  background-image: -moz-linear-gradient(top, #FFBD54 0%, #eea236 100%);
  background-image: linear-gradient(to bottom, #FFBD54 0%, #eea236 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffFFBD54', endColorstr='#ffeea236', GradientType=0);
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.dropdown-header {
  color: #999999;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: "";
}
.navbar-inverse .nav > li > a {
	color: #ffffff;
}
.navbar-inverse .nav .caret {
	border-bottom-color: #ffffff;
	border-top-color: #ffffff;		
}
.nav > li > a {
	color: #777777;	
}
.nav > li > a:hover,
.nav > li > a:focus {
	color: #333333;
	background-color: #F6F6F6-hover;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
	color: #ffffff;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, 
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, 
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
	background-color: #eea236;
}

.nav > li.disabled > a {
  color: #999999;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
}

.nav.open > a,
.nav.open > a:hover,
.nav.open > a:focus {
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}

.nav.open > a .caret,
.nav.open > a:hover .caret,
.nav.open > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.nav .nav-divider {
  background-color: #e5e5e5;
}

.nav-tabs {
  border-bottom: 1px solid #dddddd;
}

.nav-tabs > li > a {
  margin-right: 2px;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #eeeeee;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
}

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}

.nav-tabs.nav-justified > li > a {
  border-bottom: 1px solid #dddddd;
}

.nav-tabs.nav-justified > .active > a {
  border-bottom-color: #ffffff;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #428bca;
}

.nav-tabs-justified > li > a {
  border-bottom: 1px solid #dddddd;
}

.nav-tabs-justified > .active > a {
  border-bottom-color: #ffffff;
}

.nav .caret {
  border-top-color: #777777;
  border-bottom-color: #777777;
}

.nav a:hover .caret {
  border-top-color: #333333;
  border-bottom-color: #333333;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar {
  background-color: #F6F6F6;
  border-radius: 4px;
}
.navbar-nav > li > a {
  color: #777777;
  border-radius: 0px;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
  color: #333333;
  background-color: transparent;
}

.navbar-nav > .active > a,
.navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus {
  color: #555555;
  background-color: #D5D5D5;
}

.navbar-nav > .disabled > a,
.navbar-nav > .disabled > a:hover,
.navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}

.navbar-brand {
  color: #777777;
}

.navbar-brand:hover,
.navbar-brand:focus {
  color: #333333;
  background-color: transparent;
}

.navbar-header .navbar-toggle,
.navbar-header .navbar-toggle:hover,
.navbar-header .navbar-toggle:focus {
    background-color: transparent;
    border: 0 none;
    border-radius: 20px;
    padding: 10px 60px 10px 15px;
    cursor: pointer;
    margin: 0;
    font-family: "Oswald", Tahoma, Geneva, sans-serif;
    font-weight: normal;
    font-size: 15px;
    text-transform: uppercase;
    color: #104E29;
    box-shadow: none;
    outline: none;
    float: none;
    position: relative;
    z-index: 9999;
}
.html-gsa .navbar-header .navbar-toggle,
.html-gsa .navbar-header .navbar-toggle:hover,
.html-gsa .navbar-header .navbar-toggle:focus {
    color: #2E4B9B;
}
.navbar-header .navbar-toggle span {
	width: 20px;
	height: 2px;
	margin-bottom: 3px;
	display: block;
	background-color: #104E29;
	transition: all 0.5s ease-in-out 0.2s;
    border-radius: 4px;
}
.html-gsa .navbar-header .navbar-toggle span {
    background-color: #2E4B9B;
}
.navbar-header .navbar-toggle::after {
    content: 'Menu';
    margin-left: 5px;
    position: absolute;
    left: 40px;
    top: 9px;
}
.main-navbar-toggle span:last-child {
	margin-bottom: 0;
}
.navbar-header .navbar-toggle.expanded span:nth-child(1) {
	transform: 
		rotate(45deg) 
		translate(3px,3px);
}
.navbar-header .navbar-toggle.expanded span:nth-child(2) {
	opacity: 0;
	transition: all 0.2s;
}
.navbar-header .navbar-toggle.expanded span:nth-child(3) {
	transform: 
		rotate(-45deg)
		translate(4px,-4px);
}
@media (min-width: 768px) {
    .navbar-contact,
    .navbar-contact:hover,
    .navbar-contact:focus {
        display: none;
    }
}
@media (max-width: 767px) {
    .navbar-header {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: baseline;
    }
    .navbar-header::before,
    .navbar-header::after {
        display: none;
    }
    .navbar-contact,
    .navbar-contact:hover,
    .navbar-contact:focus {
        color: #104E29;
        text-transform: uppercase;
        cursor: pointer;
        font-size: 14px;
        font-family: 'Oswald', sans-serif;
        font-weight: normal;
        padding: 10px 15px;
        text-decoration: none;
        position: relative;
        z-index: 9999;
    }
    .navbar-contact::before {
        content: '';
        width: 16px;
        height: 13px;
        display: inline-block;
        background-image: url(../data/i/sprite.svg);
        background-position: 0 -100px;
        background-repeat: no-repeat;  
        margin-right: 10px;
    }     
    .html-gsa .navbar-contact::before {
        background-position: -25px -100px;
    }
}


.navbar-toggle label {
  font-weight: normal;	
}
.navbar-toggle label.emptyLabel {display: none;}	
.navbar-toggle label.emptyLabel {
	
}

.navbar-toggle:hover,
.navbar-toggle:focus {
  background-color: #dddddd;
  border: 1px solid #dddddd;
}

.navbar-toggle .icon-bar {
  display: block;
  background-color: #666;
  border-radius: 1px;
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-nav > .dropdown > a:hover .caret,
.navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #333333;
  border-bottom-color: #333333;
}

.navbar-nav > .open > a,
.navbar-nav > .open > a:hover,
.navbar-nav > .open > a:focus {
  color: #333;
  background-color: #F6F6F6;
}

.navbar-nav > .open > a .caret,
.navbar-nav > .open > a:hover .caret,
.navbar-nav > .open > a:focus .caret {
  border-top-color: #333;
  border-bottom-color: #333;
}

.navbar-nav > .dropdown > a .caret {
  border-top-color: #777777;
  border-bottom-color: #777777;
}

.navbar-inverse {
  background-color: #5276AE;
  border-color: #5276AE;
  border-width: 0px;
}

.navbar-inverse .navbar-brand {
  color: #ffffff;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-inverse .navbar-collapse, 
.navbar-inverse .navbar-form {
	border-color: #5276AE;
}

.navbar-inverse .navbar-text {
  color: #999999;
}

.navbar-inverse .navbar-nav > li > a {
  color: #ffffff;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #080808;
}

.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444444;
  background-color: transparent;
}

.navbar-inverse .navbar-toggle {
  border-color: #365c98;
  background-color: #365c98;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
	border-color: #638FCE;
	background-color: #638FCE;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #9FC767;
}

.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-inverse .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-inverse .navbar-nav > .open > a .caret,
.navbar-inverse .navbar-nav > .open > a:hover .caret,
.navbar-inverse .navbar-nav > .open > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-fixed-top, 
.navbar-fixed-bottom {
	border-radius: 0;	
}
@media screen and (max-width: 768px) {
	.dropdown-menu > li > a {
	  color: #777777;
	}
}

.navbar-link {
  color: #777777;
}

.navbar-link:hover {
  color: #333333;
}

.navbar-inverse .navbar-link {
  color: #999999;
}

.navbar-inverse .navbar-link:hover {
  color: #ffffff;
}

/* =MAIN NAVIGATION CUSTOM */
/*.navbar-collapse-ecs > ul > li.ord6, .navbar-collapse-ecs > ul > li.ord7, .navbar-collapse-ecs > ul > li.ord8, .navbar-collapse-ecs > ul > li.ord9, .navbar-collapse-ecs > ul > li.ord10, .navbar-collapse-ecs > ul > li.ord11, .navbar-collapse-ecs > ul > li.ord12, .navbar-collapse-ecs > ul > li.ord13, .navbar-collapse-ecs > ul > li.ord14, .navbar-collapse-ecs > ul > li.ord15, .navbar-collapse-ecs > ul > li.ord16 {
	display: none;	
}*/ 
.navbar-ecs {
	border: 0 none;
	margin-bottom: 10px;
}
.navbar-ecs .caret {
	display: none;	
}
.navbar-ecs:before, 
.navbar-ecs:after {
    background-repeat: no-repeat;
    background-size: 100% 20px;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 100;
}
.navbar-ecs:before {
    background-image: url(../data/i/shadow-top.png);
    top: 0;
}
.navbar-ecs:after {
    background-image: url(../data/i/shadow-bottom.png);
    bottom: 0;
}

.navbar ul a {
	/*font-family: 'Anton', Tahoma, sans-serif;*/
	font-family: "Oswald", Tahoma, Geneva, sans-serif;	
	font-size: 24px;
	text-transform: uppercase;
	color: #1a562f;
}
@media (max-width: 767px) {
    .navbar ul a {
        font-size: 16px;
        padding: 10px 20px;
    }
}
.navbar-collapse-ecs {
	float: left;
}
.navbar-collapse-ecs .ecsCatNav > li > a {
	padding-top: 19px;
	padding-bottom: 19px;	
}
.navbar-collapse-ecs > ul > li > a {
	padding-left: 20px;
	padding-right: 20px;
}
.navbar-collapse-ecs .dropdown-menu > li > a {
	font-family: "Oswald", Tahoma, Geneva, sans-serif;	
	font-weight: normal;
	font-size: 16px;
	text-transform: none;
}
@media (max-width: 767px) {
    .navbar-collapse-ecs {
        float: none;
        width: 100%;
    }
    .navbar-collapse-ecs .ecsCatNav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.dropdown-menu {
	padding-top: 0px;	
}
/* activate the 3rd level of navigation */
@media (min-width: 768px) {
	ul.dropdown-menu > li > ul {
		position: absolute;
		left: 100%;	
		top: 0px;
		margin-top: 0px;		
	}
}
@media (max-width: 767px) {
	ul.dropdown-menu > li > ul {
		position: static;	
	}	
	.navbar-nav .open ul.dropdown-menu > li > ul.dropdown-menu > li > a {
		padding-left: 40px;
	}
}

.navbar-toggle:hover, .navbar-toggle:focus {
    box-shadow: none;
    outline: none;
}

@media (max-width: 767px) {
    .navbar {
        min-height: 0;
    }
}
/*** END responsive/global/navigation.css ***/

/*** START responsive/global/media.css ***/
/* Media */
@media print {
	body {
		padding-top: 0px;	
	}
	h1.pageTitle {
		margin-top: 0px;
		padding-top: 0px;	
	}
}
@media (max-width: 767px) {
	/* replace fixed spacing with full-width on smaller resolutions */
	.container {max-width: 100%;}
	
	.headerIn {
		background-size: auto 100%;	
	}
	.extraTopNav,
	.topNav {
		text-align: center;	
	}
	.topExtraBlock {
		display: flex;
        flex-flow: row nowrap;
        justify-content: flex-end;
	}
}
@media (max-width: 639px) {
	.footerSitemap > ul > li {
		width: 50%;	
	}
}
@media (max-width: 519px) {
	.partnerLogos .col-xs-4 {width: 50%;}
}
@media (max-width: 479px) {
	/* replace fixed spacing with full-width on smaller resolutions */
	.container {max-width: 100%;}
}
@media (max-width: 369px) {
	.topSearch {
		width: 170px;	
	}
	.topSearch input[type="text"] {
		width: 125px;	
	}
}
@media (max-width: 319px) {
	.partnerLogos img {
		display: block;
		height: auto;
		max-width: 100%;
	}
	.footerSitemap > ul > li {
		width: 100%;	
	}	
}
@media (min-width: 768px) and (max-width: 1199px) {
	/* replace fixed spacing with full-width on smaller resolutions */
	.container {max-width: 100%;}
	
	/* fix horizontal scrolling on smaller resolutions */
	.row {margin-left: 0px; margin-right: 0px;}
}



/* ---------------- =HOME SLIDESHOW START ---------------- */
@media (max-width: 1199px) {
	.home-slideshow h3 {margin-top: 0px;}	
	.sideBanner span {font-size: 24px;}	
}
@media (max-width: 1099px) {
	.home-slideshow {font-size: 16px;}
	.sideBanner span {font-size: 20px;}
}
@media (max-width: 991px) {
	.home-slideshow h3 {font-size: 24px;}		
	.home-slideshow-paging {display: none;}		
	.home-slideshow-caption-desc {font-size: 14px;}
}
@media (max-width: 767px) {
	.sideBanner {width: 270px; margin-left: auto; margin-right: auto;}	
}
@media (max-width: 639px) {
	.home-slideshow .item .row > div {width: 100%; float: none; padding-left: 30px; padding-right: 30px;}
}
@media (max-width: 479px) {
	.home-slideshow h3 {font-size: 18px;}	
}

@media (min-width: 1200px) {
	div.col-slideshow {width: 77%;}
	div.col-sideBanner {width: 23%;}	
}
@media (min-width: 1175px) and (max-width: 1199px) {
	div.col-slideshow {width: 78%;}
	div.col-sideBanner {width: 22%;}	
}
@media (min-width: 1150px) and (max-width: 1174px) {
	div.col-slideshow {width: 78%;}
	div.col-sideBanner {width: 22%;}
}
@media (min-width: 1125px) and (max-width: 1149px) {
	div.col-slideshow {width: 78%;}
	div.col-sideBanner {width: 22%;}	
}
@media (min-width: 1100px) and (max-width: 1124px) {
	div.col-slideshow {width: 78%;}
	div.col-sideBanner {width: 22%;}		
}
@media (min-width: 1075px) and (max-width: 1099px) {
	div.col-slideshow {width: 78%;}
	div.col-sideBanner {width: 22%;}	
}
@media (min-width: 1050px) and (max-width: 1074px) {
	div.col-slideshow {width: 78%;}
	div.col-sideBanner {width: 22%;}	
}
@media (min-width: 1025px) and (max-width: 1049px) {
	div.col-slideshow {width: 78%;}
	div.col-sideBanner {width: 22%;}	
}
@media (min-width: 1000px) and (max-width: 1024px) {
	div.col-slideshow {width: 78%;}
	div.col-sideBanner {width: 22%;}		
}
@media (min-width: 992px) and (max-width: 999px) {
	div.col-slideshow {width: 78%;}
	div.col-sideBanner {width: 22%;}
}
@media (min-width: 975px) and (max-width: 991px) {
	div.col-slideshow {width: 78%;}
	div.col-sideBanner {width: 22%;}
}
@media (min-width: 950px) and (max-width: 974px) {
	div.col-slideshow {width: 78%;}
	div.col-sideBanner {width: 22%;}
}
@media (min-width: 925px) and (max-width: 949px) {
	div.col-slideshow {width: 78%;}
	div.col-sideBanner {width: 22%;}
}
@media (min-width: 900px) and (max-width: 924px) {
	div.col-slideshow {width: 78%;}
	div.col-sideBanner {width: 22%;}
}
@media (min-width: 875px) and (max-width: 899px) {
	div.col-slideshow {width: 78%;}
	div.col-sideBanner {width: 22%;}
}
@media (min-width: 850px) and (max-width: 874px) {	
	div.col-slideshow {width: 77%;}
	div.col-sideBanner {width: 23%;}
}
@media (min-width: 825px) and (max-width: 849px) {
	div.col-slideshow {width: 77%;}
	div.col-sideBanner {width: 23%;}
}
@media (min-width: 800px) and (max-width: 824px) {
	div.col-slideshow {width: 77%;}
	div.col-sideBanner {width: 23%;}
}
@media (min-width: 768px) and (max-width: 799px) {
	div.col-slideshow {width: 77%;}
	div.col-sideBanner {width: 23%;}
}

@media (min-width: 540px) and (max-width: 767px) {

}
@media (max-width: 539px) {

}

/* ---------------- =HOME SLIDESHOW END ---------------- */

/* ---------------- =FEATURED PRODUCTS START ---------------- */
@media (min-width: 500px) and (max-width: 614px) {
	.featuredProductsSlideshow {padding-left: 0px; padding-right: 0px;}
	.slideControl {display: none;}
}
@media (min-width: 320px) and (max-width: 499px) {
	.featuredProduct {width: 100%;}
}
@media (max-width: 319px) {
	.featuredProductsSlideshow {padding-left: 0px; padding-right: 0px;}
	.slideControl {display: none;}
	.featuredProduct {width: 100%;}	
}
/* ---------------- =FEATURED PRODUCTS END ---------------- */

/* ---------------- =MAIN NAVIGATION START ---------------- */
@media (min-width: 768px) and (max-width: 979px) {
	.switch {display: none;}
	.navbar-collapse-ecs > ul > li > a {padding-left: 10px;	padding-right: 10px;}	
	.switcher {padding-right: 0px; background-image: none;}	
}
@media (max-width: 479px) {
	.switcher {padding-right: 0px; background-image: none;}
	.switch {display: none;}
}
/* ---------------- =MAIN NAVIGATION END ---------------- */


/*** END responsive/global/media.css ***/

/*** START responsive/global/buttons.css ***/
/* Buttons */
.btn {background-color: #104E29; border: 1px solid #104E29; color: #333333; color: #fff;}
.btn-default {background-color: #104E29; border: 1px solid #104E29; color: #fff;}
.btn-primary {background-color: #104E29; border: 1px solid #104E29; color: #fff;}
.btn-success {background-color: #5cb85c; border: 1px solid #5cb85c; color: #fff;}
.btn-info {background-color: #f6f6f6; border: 1px solid #f6f6f6; color: #333;}
.btn-warning {background-color: #f0ad4e; border: 1px solid #f0ad4e; color: #fff;}
.btn-danger {background-color: #f6f6f6; border: 1px solid #f6f6f6; color: #333;}

.btn:hover, .btn:focus 					{background-color: #104E29; 			border: 1px solid #104E29; color: #333333; color: #fff;}
.btn-default:hover, .btn-default:focus 	{background-color: #104E29; 	border: 1px solid #104E29; color: #fff;}
.btn-primary:hover, .btn-primary:focus	{background-color: #104E29; 	border: 1px solid #104E29; color: #fff;}
.btn-success:hover, .btn-success:focus 	{background-color: #4cae4c; 	border: 1px solid #4cae4c; color: #fff;}
.btn-info:hover, .btn-info:focus		{background-color: #f6f6f6; 	border: 1px solid #f6f6f6; color: #333;}
.btn-warning:hover, .btn-warning:focus 	{background-color: #eea236; 	border: 1px solid #eea236; color: #fff;}
.btn-danger:hover, .btn-danger:focus 	{background-color: #f6f6f6; 	border: 1px solid #f6f6f6; color: #333;}
/*** END responsive/global/buttons.css ***/

/*** START responsive/global/comments.css ***/
/* Comments */

/* comments form */
/* --------------------------------- original 3r styles START ---------------------------------- */
/*.enterComment {
	margin-top: 20px;		
}
#commentEnterFirstName, #commentEnterLastName, #commentEnterEmailName {
	display: inline-block;	
	padding-right: 10px;
}
.postCommentBlock {
	clear: both;
	overflow: hidden;
}
.postCommentBlock input, 
.postCommentBlock input:hover, 
.postCommentBlock input:focus {
	margin: 0;
	background-color: #737E85;
	color: #fff;
	border: 0 none;
}

.CommentsBody {
	border-left: 5px solid #ccc;
	padding-left: 15px;	
}
.CommentsCreatedAgo {
	border-bottom: 1px dashed;
}
.CommentedBy {
	font-style: italic;
}*/
/* --------------------------------- original 3r styles END ---------------------------------- */

/* Comments */

/* comments form */
.postCommentBlock {
	clear: both;
	overflow: hidden;
}
.postCommentBlock input, 
.postCommentBlock input:hover, 
.postCommentBlock input:focus {
	margin: 0;
	background-color: #737E85;
	color: #fff;
	border: 0 none;
}

/* list of comments */
.CommentsBody {
	border-left: 5px solid #ccc;
	padding-left: 15px;	
}
.CommentsCreatedAgo {
	border-bottom: 1px dashed;
}
.CommentedBy {
	font-style: italic;
}

/* Comments */
.summary-agregate {
	margin-bottom: 20px;
	margin-top: 20px;
}
.summary-agregate .ratingBar,
.summary-agregate .ratingBar div {
	display: inline-block;	
	margin-bottom: 0px;
}
.summary-agregate .Rating {
	margin-left: 10px;	
}

.allCommentsItem {
	border-bottom: 1px solid #c1c1c1;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.allCommentsBody {
	font-style: italic;
}
.allCommentsAuthor {
	color: #a4a4a4;
	padding-bottom: 10px;
	padding-top: 5px;
}
.allCommentsLocation {
	font-size: 12px;	
}
.allCommentsLocation a {
	color: #12315d;
}
.allCommentsDate {
	x-display: none;	
}
.allCommentsCreatedAgo {
	border-bottom: 1px dashed;	
}

/* old rating bar */
.ratingBar div::before {
	content: '';
	font-family: 'FontAwesome';
	color: #FAC419;
	font-size: 20px;
	letter-spacing: 5px;	
	cursor: default;
	font-style: normal;
	white-space: nowrap;
}
.ratingBar div.rating0 {
	display: none;	
}
.ratingBar .rating1::before {content: '\f005';}
.ratingBar .rating2::before {content: '\f005 \f005';}
.ratingBar .rating3::before {content: '\f005 \f005 \f005';}
.ratingBar .rating4::before {content: '\f005 \f005 \f005 \f005';}
.ratingBar .rating5::before {content: '\f005 \f005 \f005 \f005 \f005';}

/* rating bar START */
.rating-bar div::before {
	content: '';
	font-family: 'FontAwesome';
	color: #FAC419;
	font-size: 20px;
	letter-spacing: 5px;	
	cursor: default;
	white-space: nowrap;
}
.rating-bar div[data-rating="rating-1.0"]::before,
.rating-bar div[data-rating="rating-1.1"]::before,
.rating-bar div[data-rating="rating-1.2"]::before,
.rating-bar div[data-rating="rating-1.3"]::before,
.rating-bar div[data-rating="rating-1.4"]::before {
	content: '\f005';
}
.rating-bar div[data-rating="rating-1.5"]::before,
.rating-bar div[data-rating="rating-1.6"]::before,
.rating-bar div[data-rating="rating-1.7"]::before,
.rating-bar div[data-rating="rating-1.8"]::before,
.rating-bar div[data-rating="rating-1.9"]::before {
	content: '\f005 \f123';
}
.rating-bar div[data-rating="rating-2.0"]::before,
.rating-bar div[data-rating="rating-2.1"]::before,
.rating-bar div[data-rating="rating-2.2"]::before,
.rating-bar div[data-rating="rating-2.3"]::before,
.rating-bar div[data-rating="rating-2.4"]::before {
	content: '\f005 \f005';
}
.rating-bar div[data-rating="rating-2.5"]::before,
.rating-bar div[data-rating="rating-2.6"]::before,
.rating-bar div[data-rating="rating-2.7"]::before,
.rating-bar div[data-rating="rating-2.8"]::before,
.rating-bar div[data-rating="rating-2.9"]::before {
	content: '\f005 \f005 \f123';
}
.rating-bar div[data-rating="rating-3.0"]::before,
.rating-bar div[data-rating="rating-3.1"]::before,
.rating-bar div[data-rating="rating-3.2"]::before,
.rating-bar div[data-rating="rating-3.3"]::before,
.rating-bar div[data-rating="rating-3.4"]::before {
	content: '\f005 \f005 \f005';
}
.rating-bar div[data-rating="rating-3.5"]::before,
.rating-bar div[data-rating="rating-3.6"]::before,
.rating-bar div[data-rating="rating-3.7"]::before,
.rating-bar div[data-rating="rating-3.8"]::before,
.rating-bar div[data-rating="rating-3.9"]::before {
	content: '\f005 \f005 \f005 \f123';
}
.rating-bar div[data-rating="rating-4.0"]::before,
.rating-bar div[data-rating="rating-4.1"]::before,
.rating-bar div[data-rating="rating-4.2"]::before,
.rating-bar div[data-rating="rating-4.3"]::before,
.rating-bar div[data-rating="rating-4.4"]::before {
	content: '\f005 \f005 \f005 \f005';
}
.rating-bar div[data-rating="rating-4.5"]::before,
.rating-bar div[data-rating="rating-4.6"]::before,
.rating-bar div[data-rating="rating-4.7"]::before,
.rating-bar div[data-rating="rating-4.8"]::before,
.rating-bar div[data-rating="rating-4.9"]::before {
	content: '\f005 \f005 \f005 \f005 \f123';
}
/* rating bar END */

.cmtMessages .cmtMessage {
	margin-bottom: 20px;	
	margin-top: 20px;
	color: $color1;
	border: 1px solid;
	text-align: center;
	padding: 5px 10px;
}
.cmtMessages .error {
	color: #c0272d;	
	background-color: #fff;
	padding: 0;
}
.ipop-cmtMessages .cmtMessages .cmtMessage {
	margin: 0;	
}
/*#cmtRatingBlock {
	margin-bottom: 10px;	
}
.cmtRatingInputs td {
	vertical-align: middle;
	padding-right: 10px;	
}
.cmtRatingInputs input {
	margin-right: 3px;
}*/
.cmt-rating-block {
	display: inline-block;	
	line-height: 1em;
}
.cmt-rating-block input {
	display: none;
}
.cmt-rating-block label {
	cursor: pointer;	
	margin: 0;
	padding: 0;
	padding-right: 5px;
	line-height: 1em;
	position: relative;
}
.cmt-rating-block label span {
	display: none;
}
.cmt-rating-block + i {
	cursor: pointer;	
	font-size: 20px;
	color: #ccc;
	transition: all 0.3s;
	padding: 0; margin: 0;
	margin-left: 5px;
	visibility: hidden;
	line-height: 1em;
}
.cmt-rating-block + i:hover {
	color: red;	
}
.cmt-rating-block.rating-chosen + i {
	visibility: inherit;
}

/* f005 - filled, f006 - empty */
/* by default - all empty */
.cmt-rating-block label::before {
	font-family: 'FontAwesome';
	content: '\f006';
	color: #ccc;	
	font-size: 20px;
	transition: all 0.3s;
    font-weight: normal;
}
.cmt-rating-block:hover label::before,
.cmt-rating-block.rating-chosen label::before {
	color: #FAC419;	
}

/* on whole block hover - all filled */
.cmt-rating-block:hover label::before {
	content: '\f005';
}
/* on whole block hover stars after hovered - empty */
.cmt-rating-block:hover label:hover ~ label::before {
	content: '\f006';
}

/* chosen rating: all labels - filled */
.cmt-rating-block.rating-chosen label::before {
	content: '\f005';	
}
/* chosen rating: ... - empty */
.cmt-rating-block.rating-chosen input:checked + label ~ label::before {
	content: '\f006';	
}

.cmt-rating-block.rating-chosen:hover label::before {
	content: '\f005' !important;	
}
.cmt-rating-block.rating-chosen:hover label:hover ~ label::before {
	content: '\f006' !important;
}

/* comments form */
#commentForm {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #e7e7e7;
}
.ecs-item-tabs #cmtRatingBlock .table-responsive {
	border: 0 none;
	overflow: auto;
}
.enterComment {
	margin-top: 10px;		
}
.postCommentBlock {
	clear: both;
	overflow: hidden;
}
.postCommentBlock input, 
.postCommentBlock input:hover, 
.postCommentBlock input:focus {
	margin: 0;
}
#recaptcha_widget_div #recaptcha_area, 
#recaptcha_widget_div #recaptcha_table {
	width: auto !important;
}
#recaptcha_area {
	margin-bottom: 15px;	
}
.summary-agregate .Rating {
	margin-left: 0px;	
}
.ecs-item-tabs .cmtMessages {
	margin-bottom: 15px;
}

/* list of comments */
.CommentsBody {
	border-left: 5px solid #ccc;
	padding-left: 15px;	
}
.CommentsCreatedAgo {
	border-bottom: 1px dashed;
}
.CommentedBy {
	font-style: italic;
}
.cmtMessage {
	color: #00A89C;	
}
.cmtMessage .cmtError {
	color: #c0272d;	
}
.comments-item {
	padding: 0;
	display: flex;
	flex-flow: row-reverse nowrap;	
	justify-content: space-between;
    margin-bottom: 20px;
}
.comment-content {
	flex: 1 1 auto;	
}
.comments-item > a,
.comments-item > img {
	flex: 0 0 150px;
	margin-bottom: 10px;
}
.comments-item img {
	border-radius: 5px;	
}
@media (min-width: 480px) {
	a + .comment-content {
		padding-right: 30px;	
	}	
}
@media (max-width: 479px) {
	.comments-item {
		flex-flow: column nowrap;	
	}	

}
.captchaRow {
	padding: 0;	
}


.reply-button {
    display: none;
}
/*** END responsive/global/comments.css ***/

/*** START responsive/global/gsa.css ***/
/* GSA */
.html-gsa h1, .html-gsa h2, .html-gsa h3, .html-gsa h4, .html-gsa h5, .html-gsa h6,
.html-gsa .navbar ul a,
.html-gsa .sideBanner span,
.html-gsa .checkout-steps div.step-active a {
	color: #003c6a;
}
.html-gsa .dropdown-menu > li > a:hover, 
.html-gsa .dropdown-menu > li > a:focus {
	color: #fff;
	
background: #173e6b;
background: -moz-linear-gradient(top, #173e6b 0%, #305d91 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#173e6b), color-stop(100%,#305d91));
background: -webkit-linear-gradient(top, #173e6b 0%,#305d91 100%);
background: -o-linear-gradient(top, #173e6b 0%,#305d91 100%);
background: -ms-linear-gradient(top, #173e6b 0%,#305d91 100%);
background: linear-gradient(to bottom, #173e6b 0%,#305d91 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#173e6b', endColorstr='#305d91',GradientType=0 );
}
.html-gsa .btn, 
.html-gsa .btn:hover, 
.html-gsa .btn:focus {
	background-color: #003c6a;
	border-color: #003c6a;	
	color: #fff;
}
/*** END responsive/global/gsa.css ***/

/*** START responsive/sub/common.css ***/
/* Common CSS for this layout */
/*** END responsive/sub/common.css ***/
/* TIME: 0.029754161834717 */