/********************/
/* REVISION HISTORY for BASE FILE*/
/*
TRINTY FOR ANCHORS 082025 - 
  DATE        WHO Comments
  ----------  --- ---------------------------------------------------
  01/10/2017  DG  added new scss files and testing
                  

 END REVISION HISTORY */
/************************/
@import url(https://fonts.googleapis.com/css?family=Poppins:400,300,500,700,600);
@import url(https://fonts.googleapis.com/css?family=Sintony:400,700);
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(https://fonts.gstatic.com/s/materialicons/v8/2fcrYFNaTjcS6g4U3t-Y5RV6cRhDpPC5P4GCEJpqGoc.woff) format("woff"); }

.material-icons {
  font-family: 'Material Icons' !important;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga'; }


i {
  font-style: normal !important; }

i a {
  text-decoration: none;
  cursor: pointer; }

li:after, li:before {
  text-decoration: none;
  cursor:auto;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga'; }

.close-x {
  background-color: white;
  border-radius: 50%;
  float: right;
  color: #434a54; }
  .close-x a {
    color: #434a54; }
    .close-x a:hover {
      color: #434a54; }

/* ESSANTE STYLES */
/************************/

html {
  scroll-behavior: smooth;
}

@media only screen and (max-width: 950px) {
	.sign-in-box, .create-acct-box {
		width:90%;
	}
}

#google_translate_element {
    position: fixed;
    right: 18px;
    top: 140px;
}

.devmode1 a#ctl00_lnkLoginLink:after, .devmode1 a#ctl00_lnkMyBackoffice:after, .devmode1 a#ctl00_lnkLogoutLink:after {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    background-color: black;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 4px);
    transform: translateY(-50%);
}

.devmode1 a#ctl00_lnkLoginLink:after, .devmode1 a#ctl00_lnkLogoutLink:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgaWQ9IkxheWVyXzEiIGRhdGEtbmFtZT0iTGF5ZXIgMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjUgMjUiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjZmZmOw0KICAgICAgICBzdHJva2Utd2lkdGg6IDBweDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEyLjUsMTEuNTJjMi4zMywwLDQuMjItMS44OSw0LjIyLTQuMjJzLTEuODktNC4yMi00LjIyLTQuMjItNC4yMiwxLjg5LTQuMjIsNC4yMiwxLjg5LDQuMjIsNC4yMiw0LjIyWk05LjUsNy4zYzAtMS42NSwxLjM1LTMsMy0zczMsMS4zNSwzLDMtMS4zNSwzLTMsMy0zLTEuMzUtMy0zWiIvPg0KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNy43NCwxMy42MWMtMS4yMS0xLjIxLTIuODEtMS44Ny00LjUyLTEuODdoLTEuNDRjLTEuNzEsMC0zLjMxLjY2LTQuNTIsMS44N3MtMS44NywyLjgxLTEuODcsNC41MnYuNzJjMCwuNzQuNiwxLjMzLDEuMzMsMS4zM2gxMS41NmMuNzQsMCwxLjMzLS42LDEuMzMtMS4zM3YtLjcyYzAtMS43MS0uNjctMy4zMS0xLjg3LTQuNTJaTTE4LjM5LDE4LjEzdi43MmMwLC4wNi0uMDUuMTEtLjExLjExSDYuNzJjLS4wNiwwLS4xMS0uMDUtLjExLS4xMXYtLjcyYzAtMS4zOC41NC0yLjY4LDEuNTEtMy42NS45OC0uOTgsMi4yNy0xLjUxLDMuNjUtMS41MWgxLjQ0YzEuMzgsMCwyLjY4LjU0LDMuNjUsMS41MS45OC45OCwxLjUxLDIuMjcsMS41MSwzLjY1WiIvPg0KPC9zdmc+);
    left: -22px;
    padding-right: 10px;
}

.devmode1 a#ctl00_lnkLogoutLink {
    font-size: 0;
}

#new_logged_user_text > div {
    position: absolute;
    right: 0;
    top: 45px;
    z-index: -1;
}

#ctl00_Divider3 {
    visibility: hidden;
    pointer-events: none;
}

#new_logged_user_text u {
    display: none;
}

.devmode1 a#ctl00_lnkLogoutLink:after {
    background-color: green;
    left: -42px;
    top: 13px;
}

.devmode1 a#ctl00_lnkLoginLink {
    position: relative;
    font-size: 0;
    padding-right: 30px;
}

.devmode1 a#ctl00_lnkMyBackoffice:after {
    left: -12px;
    background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 25 25" style="enable-background:new 0 0 25 25;" xml:space="preserve"><style type="text/css">.st0{fill:%23FFFFFF;}</style><g><path class="st0" d="M11.3,9.3C11.3,7,9.4,5,7,5S2.7,7,2.7,9.3s1.9,4.3,4.3,4.3S11.3,11.7,11.3,9.3z M3.7,9.3C3.7,7.5,5.2,6,7,6s3.3,1.5,3.3,3.3S8.8,12.6,7,12.6S3.7,11.1,3.7,9.3z"/><path class="st0" d="M22.3,12.3l-2.8-3.1c-0.2-0.2-0.6-0.4-0.9-0.4h-2.4V7.7c0-0.7-0.6-1.2-1.2-1.2h-3.4v1H15c0.1,0,0.2,0.1,0.2,0.2V16c0,0.1-0.1,0.2-0.2,0.2h-3.2c-0.2-1-1.1-1.8-2.2-1.8s-2,0.8-2.2,1.8h-2c-0.1,0-0.2-0.1-0.2-0.2v-2.2h-1V16c0,0.7,0.6,1.2,1.2,1.2h1.8c0.2,1,1.1,1.8,2.2,1.8s2-0.8,2.2-1.8h5c0.2,1,1.1,1.8,2.2,1.8s2-0.8,2.2-1.8h0.3c0.7,0,1.2-0.6,1.2-1.2v-2.8C22.6,12.8,22.5,12.5,22.3,12.3L22.3,12.3z M9.4,18c-0.7,0-1.3-0.6-1.3-1.3s0.6-1.3,1.3-1.3s1.3,0.6,1.3,1.3S10.1,18,9.4,18z M18.9,18c-0.7,0-1.3-0.6-1.3-1.3s0.6-1.3,1.3-1.3s1.3,0.6,1.3,1.3S19.6,18,18.9,18z M21.4,16.2h-0.3c-0.2-1-1.1-1.8-2.2-1.8s-2,0.8-2.2,1.8h-0.6c0-0.1,0-0.1,0-0.2V9.8h2.4c0.1,0,0.1,0,0.2,0.1l2.3,2.5h-2.6c-0.1,0-0.2-0.1-0.2-0.2v-1.9h-1v1.9c0,0.7,0.6,1.2,1.2,1.2h3.2V16C21.6,16.1,21.5,16.2,21.4,16.2z"/></g><g><path class="st0" d="M6.8,11.6c-0.8-0.1-1.4-0.5-1.4-1.3h1c0,0.3,0.2,0.5,0.5,0.6V9.6C6.1,9.5,5.4,9.3,5.4,8.3C5.4,7.6,6,7.1,6.8,7V6.5h0.4V7C8,7.1,8.5,7.5,8.6,8.3h-1c0-0.2-0.2-0.4-0.4-0.5V9c0.7,0.2,1.4,0.3,1.4,1.3c0,0.7-0.5,1.3-1.4,1.3v0.5H6.8V11.6z M6.8,8.8V7.7C6.5,7.8,6.3,8,6.3,8.3C6.3,8.6,6.5,8.7,6.8,8.8z M7.2,9.7v1.1c0.3-0.1,0.5-0.3,0.5-0.6C7.7,10,7.5,9.8,7.2,9.7z"/></g></svg>')
}

@media only screen and (max-width: 950px) {
    .devmode1.Catalog_215 a#ctl00_lnkMyBackoffice:after {
        left: -28px;
    }
    
    .devmode1.Catalog_215 a#ctl00_lnkLogoutLink:after {
        left: -58px;
    }
}


.devmode1 a#ctl00_lnkMyBackoffice:hover:after, a#ctl00_lnkLoginLink:hover:after {
    background-color: #666;
}

.devmode1 a#ctl00_lnkMyBackoffice {
    position: relative;
    font-size: 0px;
}

/*.devmode1 a#ctl00_lnkViewCart:before {*/
/*    content: '';*/
/*    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgaWQ9IkxheWVyXzEiIGRhdGEtbmFtZT0iTGF5ZXIgMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjUgMjUiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjZmZmOw0KICAgICAgICBzdHJva2Utd2lkdGg6IDBweDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE5LjE2LDcuMTJoLTMuNXYtLjI3YzAtMS44Ni0xLjUxLTMuMzctMy4zNy0zLjM3cy0zLjM3LDEuNTEtMy4zNywzLjM3di4yN2gtMy4wOWMtLjMsMC0uNTQuMjQtLjU0LjU0djEwLjY1YzAsLjMuMjQuNTQuNTQuNTRoMTMuMzNjLjMsMCwuNTQtLjI0LjU0LS41NFY3LjY2YzAtLjMtLjI0LS41NC0uNTQtLjU0Wk0xMC4wMSw2Ljg1YzAtMS4yNiwxLjAzLTIuMjksMi4yOS0yLjI5czIuMjksMS4wMywyLjI5LDIuMjl2LjI3aC00LjU3di0uMjdaTTE4LjYyLDE3Ljc3SDYuMzh2LTkuNTdoMi41NXYxLjM3Yy0uMjMuMDYtLjQuMjYtLjQuNTEsMCwuMy4yNC41NC41NC41NGguODFjLjMsMCwuNTQtLjI0LjU0LS41NCwwLS4yNS0uMTctLjQ1LS40LS41MXYtMS4zN2g0LjU3djEuMzdjLS4yMy4wNi0uNC4yNi0uNC41MSwwLC4zLjI0LjU0LjU0LjU0aC44MWMuMywwLC41NC0uMjQuNTQtLjU0LDAtLjI1LS4xNy0uNDUtLjQtLjUxdi0xLjM3aDIuOTZ2OS41N1oiLz4NCjwvc3ZnPg==);*/
/*    display: block;*/
/*    height: 30px;*/
/*    width: 30px;*/
/*    position: relative;*/
/*    top: 6px;*/
/*}*/

.devmode1 #ctl00_HeaderLinksContainer ul > li:nth-child(1) #ct100_lnkJoinSaveTop:before {
    content: '';
    display: block;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgaWQ9IkxheWVyXzEiIGRhdGEtbmFtZT0iTGF5ZXIgMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjUgMjUiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjMjMxZjIwOw0KICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7DQogICAgICAgIHN0cm9rZS13aWR0aDogMHB4Ow0KICAgICAgfQ0KICAgIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTQuMjMsMTQuODljLTIuNDgsMS45NC02LjA4LDEuNzYtOC4zNi0uNTItMi40Ny0yLjQ3LTIuNDctNi40OCwwLTguOTQsMi40Ny0yLjQ3LDYuNDgtMi40Nyw4Ljk0LDAsMi4yOCwyLjI4LDIuNDUsNS44OC41Miw4LjM2bDEuNjcsMS42N2MuMjYtLjE5LjYzLS4xNi44Ny4wN2w0Ljc2LDQuNzZjLjI2LjI2LjI2LjY5LDAsLjk1bC0uOTUuOTVjLS4yNi4yNi0uNjkuMjYtLjk1LDBsLTQuNzYtNC43NmMtLjI0LS4yNC0uMjYtLjYtLjA3LS44N2wtMS42Ny0xLjY3aDBaTTcuMjIsNi43OGMxLjcyLTEuNzIsNC41Mi0xLjcyLDYuMjQsMCwxLjcyLDEuNzIsMS43Miw0LjUyLDAsNi4yNC0xLjcyLDEuNzItNC41MiwxLjcyLTYuMjQsMC0xLjcyLTEuNzItMS43Mi00LjUyLDAtNi4yNGgwWiIvPg0KPC9zdmc+);
    height: 30px;
    width: 30px;
    /* position: absolute; */
    right: 189px;
    top: 3px;
    cursor: pointer;
}

.devmode1 .shop-nav.shop-nav-inline > ul > li:nth-child(1) {
    display: block;
}

.devmode1 a#ct100_lnkJoinSaveTop {
    position: absolute!important;
    color: #fff!important;
    font-size: 0;
    top: 4px;
    right: 178px;
    height: 30px;
}


.devmode1 li#ctl00_Divider1 {
    display: none;
}

.devmode1 li#ctl00_Divider2 {
    display: none;
}

.devmode1 #header .header-links a#ct100_lnkJoinSaveTop:hover {
    background-color: #fff!important;
}

.devmode1 #ctl00_SearchWrapper {
    display: none;
}

.devmode1 #ctl00_MasterToolbarButtons > ul {
    display: none!important;
}

.devmode1 nav#ctl00_MasterToolbarButtons {
    height: 0;
}

.devmode1 nav#ctl00_MobileMasterToolBarButtons > ul {
    display: none!important;
}

.devmode1 nav#ctl00_MobileMasterToolBarButtons {
    height: 0!important;
    min-height: 0;
}

.mobile-nav-2024 {
    display: none;
}

@media only screen and (max-width: 678px) {

    #google_translate_element {
        top: 120px;
    }

    .devmode1 #logo img {
        width: 38vw;
        display: block;
        margin: 0 auto !important;
        margin-top: 0 !important;
    }
    
    .devmode1 #ctl00_MasterCategoryToolbar, .devmode1 #header > .frame.fit {
        display: none!important;
    }
    
    .devmode1 #header {
        min-height: 114px;/* HEADER MIN HEIGHT VALUE TO SET THE PACE */
    }
    
    .devmode1 .mobile-nav-2024 {
        display: block;
        padding:5px;
    }
    
    .devmode1 div#ctl00_SearchWrapper {
        position: absolute;
        top: 114px; /* MUST MATCH #header min-height value above */
        left: 0;
        width: 100vw;
        background-color: white;
        z-index: 9999;
        margin: 0 !important;
        padding: 5px;
    }
    
    .navbar {
        position: absolute!important;
        top: 114px;/* MUST MATCH #header min-height value above */
        display: none;
        z-index:9999;
    }
    
    .devmode1 #ctl00_SearchFormWrapper {
        width: 100%;
    }
    
    .navbar a {
        float: left;
        clear: both;
        text-decoration: underline!important;
    
    }
    
    .nav-mobile-hamburger {
        display: none;
    }
    
    .nav-mobile-hamburger.nav-present {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .devmode1 #header .header-links {
        top: 0!important;
    }
    
    .devmode1 a#ctl00_lnkMyBackoffice:after, .devmode1 a#ctl00_lnkLoginLink:after {
        top: calc(50% - 13px);
    }
    
    .devmode1.Catalog_215 a#ctl00_lnkLogoutLink:after {
        top: 4px;
    }
}

@media screen and (max-width: 600px) {
    .devmode1 #ctl00_MobileMasterToolBarButtons {
        margin-top: 48px;
    }
}

.devmode1 div#ctl00_HeaderLinksContainer {
    right: 13px!important;
}

.devmode1 div#ctl00_SearchFormWrapper {
    margin-right: 0 !important;
}

.nav-logo-container, .nav-links-container {
    width: 50%;
    display: inline-block;
    float: left;
}

.nav-mobile-store-name {
    clear: both;
    text-align: right;
}

.nav-mobile-store-name u {
    display: none;
}

.nav-links-container ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: right;
}

.nav-links-container ul li {
    float: left;
}

.nav-mobile-login, .nav-mobile-backoffice, .nav-mobile-cart, .nav-mobile-search {
    min-width: 33px;
    min-height: 33px;
}

.nav-mobile-login, .nav-mobile-backoffice, .nav-mobile-cart {
    background-color: #000;
    border-radius: 50%;
    color: #fff;
    margin-left: 8px;
    text-align: middle;
}

.nav-mobile-login {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgaWQ9IkxheWVyXzEiIGRhdGEtbmFtZT0iTGF5ZXIgMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjUgMjUiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjZmZmOw0KICAgICAgICBzdHJva2Utd2lkdGg6IDBweDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEyLjUsMTEuNTJjMi4zMywwLDQuMjItMS44OSw0LjIyLTQuMjJzLTEuODktNC4yMi00LjIyLTQuMjItNC4yMiwxLjg5LTQuMjIsNC4yMiwxLjg5LDQuMjIsNC4yMiw0LjIyWk05LjUsNy4zYzAtMS42NSwxLjM1LTMsMy0zczMsMS4zNSwzLDMtMS4zNSwzLTMsMy0zLTEuMzUtMy0zWiIvPg0KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNy43NCwxMy42MWMtMS4yMS0xLjIxLTIuODEtMS44Ny00LjUyLTEuODdoLTEuNDRjLTEuNzEsMC0zLjMxLjY2LTQuNTIsMS44N3MtMS44NywyLjgxLTEuODcsNC41MnYuNzJjMCwuNzQuNiwxLjMzLDEuMzMsMS4zM2gxMS41NmMuNzQsMCwxLjMzLS42LDEuMzMtMS4zM3YtLjcyYzAtMS43MS0uNjctMy4zMS0xLjg3LTQuNTJaTTE4LjM5LDE4LjEzdi43MmMwLC4wNi0uMDUuMTEtLjExLjExSDYuNzJjLS4wNiwwLS4xMS0uMDUtLjExLS4xMXYtLjcyYzAtMS4zOC41NC0yLjY4LDEuNTEtMy42NS45OC0uOTgsMi4yNy0xLjUxLDMuNjUtMS41MWgxLjQ0YzEuMzgsMCwyLjY4LjU0LDMuNjUsMS41MS45OC45OCwxLjUxLDIuMjcsMS41MSwzLjY1WiIvPg0KPC9zdmc+);
}

.logged-in .nav-mobile-login {
    background-color: green;
}

.nav-mobile-backoffice {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI4LjMuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNSAyNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjUgMjU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGc+Cgk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjguNSw3LjYgNi41LDkuNiA1LjUsOC42IDQuOCw5LjIgNi41LDExIDkuMiw4LjMgCSIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjMsOS4zQzExLjMsNyw5LjQsNSw3LDVTMi43LDcsMi43LDkuM3MxLjksNC4zLDQuMyw0LjNTMTEuMywxMS43LDExLjMsOS4zeiBNMy43LDkuM0MzLjcsNy41LDUuMiw2LDcsNgoJCXMzLjMsMS41LDMuMywzLjNTOC44LDEyLjYsNywxMi42UzMuNywxMS4xLDMuNyw5LjN6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjIuMywxMi4zbC0yLjgtMy4xYy0wLjItMC4yLTAuNi0wLjQtMC45LTAuNGgtMi40VjcuN2MwLTAuNy0wLjYtMS4yLTEuMi0xLjJoLTMuNHYxaDMuNAoJCWMwLjEsMCwwLjIsMC4xLDAuMiwwLjJWMTZjMCwwLjEtMC4xLDAuMi0wLjIsMC4yaC0zLjJjLTAuMi0xLTEuMS0xLjgtMi4yLTEuOHMtMiwwLjgtMi4yLDEuOEg1LjRjLTAuMSwwLTAuMi0wLjEtMC4yLTAuMnYtMi4yaC0xCgkJVjE2YzAsMC43LDAuNiwxLjIsMS4yLDEuMmgxLjhjMC4yLDEsMS4xLDEuOCwyLjIsMS44czItMC44LDIuMi0xLjhoNWMwLjIsMSwxLjEsMS44LDIuMiwxLjhzMi0wLjgsMi4yLTEuOGgwLjMKCQljMC43LDAsMS4yLTAuNiwxLjItMS4ydi0yLjhDMjIuNiwxMi44LDIyLjUsMTIuNSwyMi4zLDEyLjNMMjIuMywxMi4zeiBNOS40LDE4Yy0wLjcsMC0xLjMtMC42LTEuMy0xLjNzMC42LTEuMywxLjMtMS4zCgkJczEuMywwLjYsMS4zLDEuM1MxMC4xLDE4LDkuNCwxOHogTTE4LjksMThjLTAuNywwLTEuMy0wLjYtMS4zLTEuM3MwLjYtMS4zLDEuMy0xLjNzMS4zLDAuNiwxLjMsMS4zUzE5LjYsMTgsMTguOSwxOHogTTIxLjQsMTYuMgoJCWgtMC4zYy0wLjItMS0xLjEtMS44LTIuMi0xLjhzLTIsMC44LTIuMiwxLjhoLTAuNmMwLTAuMSwwLTAuMSwwLTAuMlY5LjhoMi40YzAuMSwwLDAuMSwwLDAuMiwwLjFsMi4zLDIuNWgtMi42CgkJYy0wLjEsMC0wLjItMC4xLTAuMi0wLjJ2LTEuOWgtMXYxLjljMCwwLjcsMC42LDEuMiwxLjIsMS4yaDMuMnYyLjZDMjEuNiwxNi4xLDIxLjUsMTYuMiwyMS40LDE2LjJ6Ii8+CjwvZz4KPC9zdmc+Cg==);
}

.nav-mobile-search {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgaWQ9IkxheWVyXzEiIGRhdGEtbmFtZT0iTGF5ZXIgMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjUgMjUiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjMjMxZjIwOw0KICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7DQogICAgICAgIHN0cm9rZS13aWR0aDogMHB4Ow0KICAgICAgfQ0KICAgIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTQuMjMsMTQuODljLTIuNDgsMS45NC02LjA4LDEuNzYtOC4zNi0uNTItMi40Ny0yLjQ3LTIuNDctNi40OCwwLTguOTQsMi40Ny0yLjQ3LDYuNDgtMi40Nyw4Ljk0LDAsMi4yOCwyLjI4LDIuNDUsNS44OC41Miw4LjM2bDEuNjcsMS42N2MuMjYtLjE5LjYzLS4xNi44Ny4wN2w0Ljc2LDQuNzZjLjI2LjI2LjI2LjY5LDAsLjk1bC0uOTUuOTVjLS4yNi4yNi0uNjkuMjYtLjk1LDBsLTQuNzYtNC43NmMtLjI0LS4yNC0uMjYtLjYtLjA3LS44N2wtMS42Ny0xLjY3aDBaTTcuMjIsNi43OGMxLjcyLTEuNzIsNC41Mi0xLjcyLDYuMjQsMCwxLjcyLDEuNzIsMS43Miw0LjUyLDAsNi4yNC0xLjcyLDEuNzItNC41MiwxLjcyLTYuMjQsMC0xLjcyLTEuNzItMS43Mi00LjUyLDAtNi4yNGgwWiIvPg0KPC9zdmc+);
}

i.material-icons.shop-btn-icon.icon-cart:before {
    content: "\E8CC";
    font-size: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
}

.nav-mobile-cart-icon {
    /*position: relative;*/
}

.nav-mobile-cart-count {
    width: 25px;
    text-align: center;
    background-color: #fff;
    border-radius: 20px;
    padding: 2px;
    position: absolute;
    height: 25px;
    top: 50%;
    transform: translateY(-50%);
    right: 2px;
    color: #000;
    line-height: 23px;
}

.nav-mobile-cart {
    width: 58px;
    position: relative;
    border-radius: 50%;
    background-color: #000000;
    border-radius: 20px;
}

.nav-logo-container {
    position: relative;
}

.nav-site-type {
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    left: 26px;
    top: 16px;
}

.custtooltip {
    background-color: #555;
    position: absolute;
    top: calc(100% + 11px);
    left: -2px;
    border-radius: 5px;
    width: auto;
    text-align: center;
    transform: translateX(-50%);
    min-width: 64px;
    display: none;
}

.custtooltip:after {
    content: " ";
    position: absolute;
    bottom: 100%;  /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

#ctl00_lnkLogoutLink ~ .custtooltip {
    left: -22px; 
}

#ctl00_lnkMyBackoffice ~ .custtooltip {
    background-color: #555;
    position: absolute;
    top: calc(100% + 11px);
    left: 8px;
    border-radius: 5px;
    width: auto;
    text-align: center;
    transform: translateX(-50%);
    min-width: 87px;
    line-height: unset;
    font-size: 16px;
    color: white;
}

.shop-nav li a:hover ~ .custtooltip {
    display: block;
	color:#fff;
}

.nav-logo-a img {
    max-width: 180px;
}

.nav-mobile-hamburger {
    position: relative;
}

.ham.ham8 {
    float: left;
    height: 70px;
    position: absolute;
    top: -16px;
    left: 1px;
}

@media screen and (max-width: 372px) {

	.nav-mobile-login, .nav-mobile-backoffice, .nav-mobile-cart {
    background-color: #000;
    color: #fff;
    margin-left: 3px;
    text-align: middle;
}
}

@media screen and (max-width: 344px) {
	.ham.ham8 {
		top: -60px;
	}
}

/* scroll position slide */
.scrollpositionslide {
    position: relative;
    transition: transform 1s ease-in-out;
    left: -100px;
}

.scrollpositionactive {
    transform: translateX(100px);
}
 

/* HAMBURGERS */
svg.ham.hamRotate.active {
    background: none !important;
}
.ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
}
.hamRotate.active {
  transform: rotate(45deg);
}
.hamRotate180.active {
  transform: rotate(180deg);
}
.line {
  fill:none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke:#000;
  stroke-width:5.5;
  stroke-linecap:round;
}
.ham1 .top {
  stroke-dasharray: 40 139;
}
.ham1 .bottom {
  stroke-dasharray: 40 180;
}
.ham1.active .top {
  stroke-dashoffset: -98px;
}
.ham1.active .bottom {
  stroke-dashoffset: -138px;
}
.ham2 .top {
  stroke-dasharray: 40 121;
}
.ham2 .bottom {
  stroke-dasharray: 40 121;
}
.ham2.active .top {
  stroke-dashoffset: -102px;
}
.ham2.active .bottom {
  stroke-dashoffset: -102px;
}
.ham3 .top {
  stroke-dasharray: 40 130;
}
.ham3 .middle {
  stroke-dasharray: 40 140;
}
.ham3 .bottom {
  stroke-dasharray: 40 205;
}
.ham3.active .top {
  stroke-dasharray: 75 130;
  stroke-dashoffset: -63px;
}
.ham3.active .middle {
  stroke-dashoffset: -102px;
}
.ham3.active .bottom {
  stroke-dasharray: 110 205;
  stroke-dashoffset: -86px;
}
.ham4 .top {
  stroke-dasharray: 40 121;
}
.ham4 .bottom {
  stroke-dasharray: 40 121;
}
.ham4.active .top {
  stroke-dashoffset: -68px;
}
.ham4.active .bottom {
  stroke-dashoffset: -68px;
}
.ham5 .top {
  stroke-dasharray: 40 82;
}
.ham5 .bottom {
  stroke-dasharray: 40 82;
}
.ham5.active .top {
  stroke-dasharray: 14 82;
  stroke-dashoffset: -72px;
}
.ham5.active .bottom {
  stroke-dasharray: 14 82;
  stroke-dashoffset: -72px;
}
.ham6 .top {
  stroke-dasharray: 40 172;
}
.ham6 .middle {
  stroke-dasharray: 40 111;
}
.ham6 .bottom {
  stroke-dasharray: 40 172;
}
.ham6.active .top {
  stroke-dashoffset: -132px;
}
.ham6.active .middle {
  stroke-dashoffset: -71px;
}
.ham6.active .bottom {
  stroke-dashoffset: -132px;
}
.ham7 .top {
  stroke-dasharray: 40 82;
}
.ham7 .middle {
  stroke-dasharray: 40 111;
}
.ham7 .bottom {
  stroke-dasharray: 40 161;
}
.ham7.active .top {
  stroke-dasharray: 17 82;
  stroke-dashoffset: -62px;
}
.ham7.active .middle {
  stroke-dashoffset: 23px;
}
.ham7.active .bottom {
  stroke-dashoffset: -83px;
}
.ham8 .top {
  stroke-dasharray: 40 160;
}
.ham8 .middle {
  stroke-dasharray: 40 142;
  transform-origin: 50%;
  transition: transform 400ms;
}
.ham8 .bottom {
  stroke-dasharray: 40 85;
  transform-origin: 50%;
  transition: transform 400ms, stroke-dashoffset 400ms;
}
.ham8.active .top {
  stroke-dashoffset: -64px;
}
.ham8.active .middle {
  //stroke-dashoffset: -20px;
  transform: rotate(90deg);
}
.ham8.active .bottom {
  stroke-dashoffset: -64px;
}

/* DISAPPEARED STUFF */
/************************/

/* Reviews: Disappear from specific pages */

.ProductNumber_621 #ctl00_ContentPlaceHolder1_ReviewsMasterContainer {
    display:none !important;}
.ProductNumber_615 #ctl00_ContentPlaceHolder1_ReviewsMasterContainer {
    display:none !important;}
.ProductNumber_617 #ctl00_ContentPlaceHolder1_ReviewsMasterContainer {
    display:none !important;}
.ProductNumber_618 #ctl00_ContentPlaceHolder1_ReviewsMasterContainer {
    display:none !important;}
.ProductNumber_618 #ctl00_ContentPlaceHolder1_ReviewsMasterContainer {
    display:none !important;}
.ProductNumber_616 #ctl00_ContentPlaceHolder1_ReviewsMasterContainer {
    display:none !important;}
.ProductNumber_480 #ctl00_ContentPlaceHolder1_ReviewsMasterContainer {
    display:none !important;}

#ctl00_ContentPlaceHolder1_SocialMediaMasterContainer {
    display:none !important;
}

.product-info .shop-push-small {
    margin-bottom: 0px;
    clear: both;
}

#ctl00_ContentPlaceHolder1_RelatedProductsContainer .shop-push-medium {
    margin-bottom: 21px;
    clear: both;
}


.Catalog_215 nav#ctl00_MasterToolbarButtons > ul > li:nth-child(8) {
    border-left: 0px solid #fff;
    display: none;
}

#ctl00_ContentPlaceHolder1_lblEnterPromoCodeHere {
	display:none;
}

#filter-container {
    font-family: inherit;
    color: inherit;
    padding: 5px;
    -webkit-flex: 1;
    flex: 1;
    order: 0;
    border-left: 1px dotted tranparent;
    border-top: 1px dotted tranparent;
    margin-top: 10px;
    display:none !important;
}
/* 
.coupons {
		display:none;
}
*/

#PayWithGCContainer {
    display:none;
}

.general-tab a.article-tab {
    order: 1;
    display: none;
}

.trin-75 {
	width: 75%;
    margin-top: 17px;
}

#ctl00_ContentPlaceHolder1_divNonSnapNavTags .more-info-menu-item:last-of-type {
	display:none;
}

/* PERFECT ACCORDION STYLES - JR */
/************************/

 #faq-accordion {
      font-family: Arial, sans-serif;
      max-width: 650px;
      margin: 20px auto;
    }

    #faq-accordion .faq-item {
      background: #7AA47D;
      border-radius: 8px;
      margin-bottom: 12px;
      overflow: hidden;
      transition: background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
                  box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      cursor: pointer;
      box-shadow: 0 4px 12px rgba(0,0,0,0.08);
      position: relative;
    }

    #faq-accordion .faq-header {
      padding: 18px 18px 18px 48px;
      font-weight: bold;
      position: relative;
      display: flex;
      align-items: center;
	color: white;
		font-size: 1.2em;
    }

    #faq-accordion .faq-icon {
      position: absolute;
      top: 50%;
      left: 18px;
      font-size: 18px;
      transform: translateY(-50%) rotate(0deg);
      transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    }

    #faq-accordion .faq-content {
      max-height: 0;
      overflow: hidden;
      padding: 0 18px;
      opacity: 0;
      transition:
        max-height 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
        padding 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
        opacity 0.4s ease;
      background: #f9f9f9;
    }

    #faq-accordion .faq-item.active {
      background: #a0c59d !important;
      box-shadow: 0 6px 20px rgba(0,0,0,0.12);
    }

    #faq-accordion .faq-item.active .faq-content {
          padding: 5px 18px;
      opacity: 1;
		    line-height: 1.4;
    }

    #faq-accordion .faq-item.active .faq-icon {
      transform: translateY(-50%) rotate(180deg);
    }

/* END PERFECT ACCORDION STYLES - JR */
/************************/

/* AUSTIN HELPED WITH THE STUBBORN ANCHOR PROBLEM - JR */

.CartProductDetailDynamicSpecialSection > span {
	position:relative;
	top:-150px;
}


/* A few important things 2022 */
/************************/
.mcs-item {
    top: 0;
    left: 0;
    zoom: 1;
    font-size: 9pt !important;
    line-height: 100%;
    max-width: 100%;
    margin: 9px 5px 0 5px;
}
#ctl00_lnkLogoutLink {
    margin-right:10px;
}

/*JR new GGP page 2025*/
.GGPdoc_pop {
	text-align: center;
    margin-top: 8px;
}

.GGPdoc_pop a {
    background-color: #000;
    color: white !important;
    padding: 12px;
    margin: 25px;
    display: inline-block;
}


.GoGreenHeader {
    display: block;
    width: 500px;
    background-color: #C77743;
    margin: 0 auto 32px;
    padding: 10px 0px;
	color:white;
}

.GoGreenHeader p {
    color: white;
    font-size: 1.4em;
    margin: 0px;
    line-height: 1.5em;
}


.GGPdoc_pop img {
    max-width: 600px;
    display: inline-block !important;
    margin: 0px 13px 13px !important;
    border: 1px solid #b2b2b2;
    padding: 5px;
}


.GGPdescriptor {
    max-width: 600px;
    display: inline-block;
    margin: 20px 20px;
    width: 588px;
    vertical-align: top;
    text-align: left;
    padding-left: 20px;
	padding-top: 20px;
}

.GGPdescriptor p {
	font-size: 1.4em;
    margin-bottom: 10px !important;
}

.GoGreenPackLink a {
	color:white;
	text-decoration:underline;
}

.GoGreenPackLink a:visited {
	color:white;
	text-decoration:underline;

}

.GoGreenPackLink a:hover {
	color:grey;
	text-decoration:underline;

}

.replicatedbox p {
	z-index:2;
	position:relative;
}

@media screen and (max-width: 700px) {
	.GGPdoc_pop img {
        max-width: 600px;
		width: 92% !important;
	}
	
	.GoGreenHeader {
    width: auto;
}
	
	.GGPdescriptor {
    width: auto;
}
	
.GGPdoc_pop {
    margin-top: 29px;
}
	
	
	}

/* END JR new GGP page 2025*/
/*BEGIN JR new ANGIE'S SCROLLING CAROUSEL page 2025*/
  * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    .carousel_body {
      display: flex;
      justify-content: center;
      align-items: center;
      /*min-height: 100vh;*/
      background: #fff;
      font-family: Arial, sans-serif;
    }

    .carousel-container {
      position: relative;
      width: 90vw;
      max-width: 700px;
      aspect-ratio: 1 / 1;
      overflow: hidden;
      border-radius: 15px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    }

.carousel-container_wide {
    position: relative;
    width: 90vw;
    max-width: 1080px;
    aspect-ratio: 2 / 1.1;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

    .carousel-track {
      display: flex;
      height: 100%;
      transition: transform 0.5s ease-in-out;
    }

    .carousel-slide {
      flex: 0 0 100%;
      height: 100%;
    }

    .carousel-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .dots {
      position: absolute;
      bottom: 15px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      gap: 10px;
    }

    .dot {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: rgba(255, 255, 255, 1);
      cursor: pointer;
      transition: background-color 0.3s;
    }

    .dot.active {
      background-color: #000 !important;
    }

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

	.DD_ButtonSetup a {
	background-color: black;
    color: white !important;
    display: inline-block;
    padding: 5px 15px;
    font-size: 1.2em;
    margin-top: 15px;
    text-transform: uppercase;
    font-weight: 400;
    text-decoration: none;
	}

	.DD_ButtonSetup a:hover {
    background-color: grey;
		text-decoration:none;
	}

.GlobalPanelButton {
	 margin-top: 20px;
}

.DownloadIconHex {
	font-size: .9em;
}

	.carousel_caption {
	font-size: 1.4em;
    font-weight: 400;
	}

	.visible_desktop {
	display:block;
	}

	.visible_ios {
	display:none;
	}

.ButtonAddHorzSpace a {
	margin-left:10px;
	margin-right:10px;
}

    /* JR Button styling for Write a Review Button */


#ctl00_ContentPlaceHolder1_lblWriteAReview {
    color: white !important;
    display: inline-block;
    padding: 5px 15px;
    font-size: 1.2em;
    margin-top: 15px;
    text-transform: uppercase;
    font-weight: 400;
    text-decoration: none;
}

    /* Smaller dot size on small screens */
    @media (max-width: 800px) {
      .dot {
        width: 11px;
        height: 11px;
      }
	 .dots {
		     bottom: 10px;
      gap: 10px;
    }
	.visible_desktop {
	display:none;
	}
	.visible_ios {
	display:block;
	}
		
	.DD_ButtonSetup a {
    font-size: 1.1em;
	}
		
    }

.ingredients {
	 width: 91%;
    margin: 10px auto;
}

[data-page-anchor="spnAddlInfo_VIDEO"] {
	 scroll-margin-top: 140px !important;
}

.CartProductDetailDynamicSpecialSection {
	 scroll-margin-top: 140rem !important;
}

/*END JR new ANGIE'S SCROLLING CAROUSEL page 2025*/


/*JR for New Sharable Links Grid*/

/* For the Sharing Page - collapses the categories */
.collapselistheader2 h1:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.collapselistheader2 h1.active:after {
    content: "\2212";
}

.collapselistheader2 h1 {
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 4px;
    background-color: #e6e6e6;
    font-size: 27px;
    line-height: 39px;
    margin: 7px 5px 7px 5px;
}

.sharemediabody2 {
    display: none;
}

.sharemedia_wrapper {
    margin:20px;
}

@media only screen and (max-width: 900px) {
    .sharemedia_wrapper {
    margin:5px;
}
}

/* FCSS for Visible Links on Devices for the sharing modules so they are invisible on desktop computers */

.visible-android {
  display:none;
}
.visible-ios {
  display:none;
}
.on-device .visible-android, .on-device .visible-ios {
  display:inherit;
}
.device-ios .visible-android {
  display:none !important;
}
.device-ios .hidden-ios {
  display:none !important;
}
.device-android .hidden-android {
  display:none !important;
}
.device-android .visible-ios {
  display:none !important;
}


.ShareMediaWrapper {
    max-width: 450px;
	width:100%;
    border: 1px solid #e8e8e8;
    overflow: hidden;
    display: inline-block;
    margin: 10px 5px;
	vertical-align: top;
}

.ShareMediaWrapper img {
    width: 159px;
    float: left;
    margin-right: 14px !important;
    border-right: 1px solid #e8e8e8;
}

.ShareMediaWebsite {
	font-size: 12px;
    text-transform: uppercase;
    margin-top: 6px;
	
}

.ShareMediaHeader {
    font-size: 17px;
    font-weight: bold;
    line-height: 18px;
    height: auto;
    overflow: visible;
}

.ShareMediaMessage {
    font-size: 13px;
    overflow: hidden;
    max-height: 72px;
    max-width: 341px;
    margin-bottom: 5px;
    line-height: 18px;
}

.icons {
}

.icons img {
	height: 22px;
    width: auto;
	margin-right: 5px;
}

.icons li {
	display:inline-block;
	list-style-type: none;
}

.icons ul {
	margin: 0px;
}

.linksheaderbox {
	overflow:hidden;
    background-color: #44a35c;
    color: white;
    margin: 21px 8px;
    padding: 10px 0px 20px 10px;
}

.linksheaderbox p {
    margin: 13px;
    padding: 0px;
    line-height: 20px;
    font-size: 1.2em;
}

.linksheaderbox h2 {
font-weight: bold;
    color:white;   
    margin-left: 13px;
}

.linksheaderboximage {
    vertical-align: middle;
    margin-right: 7px;
}

.linksheaderboxSplit {
	width:45%;
	float:left;
}

.linksheaderboxSplit img {
    vertical-align: middle;
    margin-right: 7px;
}

.vid_image {
    padding-top:25px;
}

@media (max-width: 700px) {
	#productlinkstable {
    margin: 0px;
}
	
	.linksheaderboxSplit {
	width:100%;
	float:none;
}

	
}

/* 2025 TuesThursZoom Call page */



.TuesThursZoom_wrapper {
    width: 80%;
    max-width: 1800px;
    margin: 30px auto;
    padding: 17px 30px;
    background-color: white;
}

.TuesThursZoomHeader {
	margin-bottom: 19px;
}

.TuesThursZoomHeader h1 {
	font-size: 2.4em;
    line-height: .9em;
}

.TuesThursZoomHeader h2 {
	font-size: 2.0em;
    line-height: .8;
}


.TuesThursZoom_body {
	margin: 45px 21px;
    padding: 0px 136px 0px 0px;
}

.TuesThursZoom_body h1, h2, h3, h4 {
    color: #000;
    font-weight: 400;
    line-height: normal;
}

.TuesThursZoom_body h1 {
	margin: 25px 0px 0px 0px;
	font-size: 2.2em;

}

.TuesThursZoom_body h2 {
	margin:0px;
	font-weight: 400;
	font-size: 1.8em;
}

.LP_modulebutton {
    background-color: black;
    color: white;
    text-align: center;
    padding: 10px 0px 10px 0px;
    margin-bottom: 10px;
}

.TuesThursZoom_body a {
	text-decoration:underline;
}

.TuesThursZoom_wrapper .X-OutPages { 
	right:50px;
}


/* CPTG Modal */

/* === Scoped CGPT Video Modal Styles === */
#CGPT_videoEmbedBlock .CGPT_video-button {
display: inline-block;
    padding: 0.65em 1.25em;
    font-size: 1.3em;
    background: #000000;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    cursor: pointer;
    margin-top: 10px;
}

#CGPT_videoEmbedBlock .CGPT_video-button:hover {
	background:#6D6D6D;
}

#CGPT_videoEmbedBlock .CGPT_video-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}

#CGPT_videoEmbedBlock .CGPT_video-content {
  position: relative;
  background: #fff;
  width: 100%;
  max-width: 700px;
  border-radius: 10px;
  overflow: hidden;
  padding: 0;
}

#CGPT_videoEmbedBlock .CGPT_close-button {
  position: absolute;
  top: 0.2em;
  right: 0.2em;
  font-size: 2rem;
  color: #333;
  text-decoration: none;
  cursor: pointer;
  z-index: 10;
}

.CGPT_video-actions {
	text-align:center;
	padding: 16px 10px 21px 10px;

}

#CGPT_copyLinkBtn {
    background-color: black;
    color: white;
    padding: 7px 12px;
    font-size: 1.2em;
	border: none;
}

#CGPT_copyLinkBtn:hover {
	 background-color: #6D6D6D;
}

#CGPT_videoEmbedBlock .CGPT_video-wrapper {
  width: 100%;
  aspect-ratio: 16 / 9;
}

#CGPT_videoEmbedBlock .CGPT_video-wrapper iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.CGPT_video-wrapper {
	padding: 26px 26px 0px 26px;
}

#CGPT_videoEmbedBlock .CGPT_sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#CGPT_videoEmbedBlock .CGPT_hidden {
  display: none !important;
}

@media (max-width: 600px) {
  #CGPT_videoEmbedBlock .CGPT_video-content {
    border-radius: 0;
    max-width: 100%;
  }

  #CGPT_videoEmbedBlock .CGPT_close-button {
    font-size: 1.5rem;
  }
}

/* Lock body when modal open */
body.CGPT_video-open {
  overflow: hidden;
}
/* END CPTG Modal */

 .TuesThursZoom_body p {   
line-height: 1.3em;
    font-size: 1.2em;
	margin: 7px 0px 25px 0px !important;
}

.TuesThursZoom_body ul {
    line-height: 1.3em;
    font-size: 1.2em;
    margin: 7px 0px 20px 0px !important;
}

.TuesThursZoom_body li {
	margin: 0px 0px 4px 43px;
	
}

.Handy_buttonwrap a {
    text-decoration: none !important;
    background-color: black;
    color: white !important;
    text-align: center;
    padding: 10px 0px 10px 0px;
    display: block;
    font-size: 1.2em;
    margin: 47px auto;
    max-width: 220px;
}

.Handy_buttonwrap a:hover {
	background-color:grey;
}

/* FLEX CODE FOR TWO IMAGES AT TOP */


/* This code forces boxes to have logical margins and padding and borders but I don't want to break layouts with it everywhere */
.border-box {
  box-sizing: border-box;
}

/* FLEX CODE FOR TWO IMAGES AT TOP */
   .two-image-container-flx {
      display: flex;
      justify-content: center;
      flex-wrap: wrap; /* allows wrap if needed */
      margin: 0 auto;
      max-width: 100%;
    }

    .image-wrapper-flx {
      flex: 1 1 50%;
      max-width: 50%;
      padding: 5px;
    }

    .image-wrapper-flx img {
      display: block;
      width: 100%;
      height: auto;
      object-fit: cover;
    }


    @media (max-width: 1050px) {
      .two-image-container-flx {
        flex-direction: column;
        align-items: center;
      }

      .image-wrapper-flx {
        max-width: 750px;
        width: 100%;
      }
		
	.TuesThursZoom_body {
    margin: 45px 21px;
    padding: 0px 0px 0px 0px;
}
    }

    @media (max-width: 600px) {
      .image-wrapper-flx {
        max-width: 90%;
      }
    }

/* END FLEX AND 2025 TuesThursZoom Call page */

/* Round Robin v4 JR */
/************************/

.DistributorStatement {
    font-size: 1.5em;
    font-weight: 800;
    margin-top: 0px;
    width: 100%;
    text-align: left;
    background-color: #7DA57F;
    padding: 9px 0px 10px 15px;
	color: white;
    line-height: 1.3em;
	
}

.RRobin_wrapper {
	max-width: 500px;
    width: 100%;
    border: 1px solid grey;
    margin: 0 auto;
    padding: 0px 0px 35px 0px;
    text-align: center;
    margin-top: 23px;
    margin-bottom: 25px;
	}

.RRobin_wrapper a {
    text-decoration: none;
    background-color: #434a54;
    border: none;
    padding: 10px 0px;
    width: 85%;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    FONT-WEIGHT: 800;
    color: #fff !important;
    cursor: pointer;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    -webkit-transition: all 0.2sease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2sease 0s;
}

.RRobin_wrapper a:visited {
	
}

.RRobin_wrapper a:hover {
	text-decoration:none;
	background-color:grey;
}

.RoundRobinStatement, .JoinNowProcess_box, .JoinNowProcess_boxA {
	max-width: 500px;
    margin: 0 auto 25px;
    width: 100%;
    font-size: 1.3em;
    text-align: left;
	padding: 18px 0 0 14px;

}

.JoinNowProcess_box, .JoinNowProcess_boxA {
	margin-top:12px
}

.RRbtn-link   {

}

#lblConfirmEmail:after {
	content: "*";
    display: block;
    font-size: 24px;
    color: #d92f42;
    position: absolute;
    right: -15px;
    top: 5px;
}

#lblConfirmEmail {
	font-weight:bold;
}

#enr-main .required:after {
    content: "*";
    display: block;
    font-size: 24px;
    color: #d92f42;
    position: absolute;
    right: -15px;
    top: 5px;
}


/*JR for New Sharable Links Grid*/

.AlkPack {}

.AlkPack img {
	max-width:2000px;
		width:100%;
}

.AlkPack {}


/* Intro Video Box */
/************************/
.introVideoWrapper {
	max-width:900px;
	width:100%;
	background-image: url("https://www.essante.com/Portals/2019/images/VideoIntro.jpg");
	overflow:hidden;
	background-size: 100%;
	background-repeat:no-repeat;
	margin:0 auto;
	margin-top: 25px;
}

.introVideocontent {
    display: block;
    width: 50%;
    float: left;
    background: rgba(255, 255, 255, .2);
    height: 639px;
    color: #656565;
	
}
.introVideoClickBox {
    display: block;
    margin-top: 25px;
    border: solid 4px #656565;
    padding: 13px 0px 13px 0px;
    text-align: center;
	}

.ClickBoxL {
	float:left
}

.ClickBoxR {
	float:right
}

.ClickBoxWidth {
	 width: 48%;
}

.ClickBoxWrapper {
    overflow: hidden;
    margin: 0 8px;
}

.VideoDownloadLink {
	display: block;
    margin-top: 3px;
    padding: 2px 0px;
	text-align:left;
	font-size: 1.2em;
}

.ClickBoxPara {
    font-size: 1.7em;
    line-height: 1.3em;
}

.introVideoCopy {
    display: block;
    width: 95%;
     padding: 0px 7px;
	margin: 0 auto;
}

.introVideoCopy h1 {
	font-size: 2.4em;
    line-height: 1.2em;
    text-align: center;
    margin: 15px 0px 10px 0px;
}

.VideoBody {
	font-size: 1.5em;
    line-height: 1.4em;
    text-align: center;
}

.VideoFooter {
    font-size: .9em;
    line-height: 1.2em;
    text-align: left;
	margin-top:15px
}

/* VIDEO BACKGROUND CODE*/
/************************/


.VidBackWrap {
    position: relative;
    overflow: hidden;
    height: 650px;
    color: white;
    max-width: 1300px;
    margin: 0 auto;
}
                
.VidColorWrap {
padding: 22px 30px 37px;
    background-color: #6C1F20;
}


#VidBack_Video {
    position: absolute;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    margin: 0 auto;
}

/* Add some content at the bottom of the video/page */
.VidBack_content {
  position: absolute;
  bottom: 0;
  /* background: rgba(0, 0, 0, 0.5); */
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}

.VidBack_content H1 {
    font-size: 44px;
    line-height: 28px;
    color: white;
}

.VidBack_content p {
    margin-bottom: 11px;
    font-size: 20px;
}

.my-buttonJR, .my-buttonJR:visited {
    background: #000;
    padding: 12px 34px;
    border-radius: 3px;
    text-decoration: none;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
    color: #fff !important;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    opacity: 0.7;
    margin-right: 125px;
    border: solid 1px #cccccc;
    text-transform: uppercase;
}




/* Style the button used to pause/play the video */
#VidBack_Btn {
  font-size: 18px;
  padding: 4px 8px;
  border: none;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: pointer;
}

#VidBack_myBtn:hover {
  background: #ddd;
  color: black;
}

@media only screen and (max-width: 1150px) {
    .VidBackWrap {height: 500px;}
}
@media only screen and (max-width: 900px) {
    .VidBackWrap {height: 390px;
    }
    .VidBack_content H1 {
    font-size: 39px;
    line-height: 22px;
    }
    .VidBack_content p {
    margin-bottom: 9px;
    font-size: 20px;
    }
    .VidBack_content {
    padding: 10px;
}
}

@media only screen and (max-width: 700px) {
    .VidBackWrap {height: 275px;
    }
    .VidBack_content H1 {
    font-size: 39px;
    line-height: 22px;
    }
    .VidBack_content p {
    margin-bottom: 9px;
    font-size: 20px;
    }
    .VidBack_content {
    padding: 10px;
    }
}

@media only screen and (max-width: 500px) {
    .VidBackWrap {height: 212px;
    }
    .VidBack_content H1 {
    font-size: 25px;
    line-height: 0px;
    }
    .VidBack_content p {
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 16px;
    }
    .VidBack_content {
    padding: 6px;
    }
    #VidBack_Btn {
   font-size: 14px;
    padding: 1px 8px;
    }
}


/* VIDEO BACKGROUND CODE*/
/************************/

/* Intro Video Box MEDIA QUERY*/
/************************/
@media only screen and (max-width: 900px) {


.introVideoWrapper {
	max-width:900px;
	width:100%;
	background-image: url("https://www.essante.com/Portals/2019/images/VideoIntro.jpg");
	overflow:hidden;
	background-size: 100%;
	background-repeat:no-repeat;
}

.introVideocontent {
    display: block;
    width: 50%;
    float: left;
    background: rgba(255, 255, 255, .2);
    height: 639px;
    color: #656565;
	
}
.introVideoClickBox {
display: block;
    margin-top: 13px;
    border: solid 4px #656565;
    padding: 5px 0px 3px 0px;
    text-align: center;
	}
	
.introVideoClickBox img {
	width:49px;
	}

.ClickBoxWidth {
	 width: 47%;
}

.VideoDownloadLink {
	display: block;
    margin-top: 3px;
    padding: 2px 0px;
	text-align:left;
	font-size: 1.2em;
}

.ClickBoxPara {
    font-size: 1.4em;
    line-height: 1.2em;
	padding: 0px !important;
}

.introVideoCopy h1 {
    font-size: 2.1em;
    line-height: 1.1em;
    text-align: center;
    margin: 15px 0px 10px 0px;
}

.VideoBody {
	font-size: 1.5em;
    line-height: 1.4em;
    text-align: center;
}

.VideoFooter {
    font-size: .9em;
    line-height: 1.2em;
    text-align: left;
	margin-top:15px
}
	
}

@media only screen and (max-width: 750px) {

	.introVideoWrapper {
	max-width:900px;
	width:100%;
	overflow:hidden;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:right
	
}
	.introVideocontent {
    display: block;
    width: 100%;
    float: left;
    background: rgba(255, 255, 255, .6);
    height: 522px;
    color: #656565;
	
}
}

/* NAV BAR FOOTER DISAPPEAR ITEMS */
/************************/
#ctl00_FooterCategoriesContainer ul li:nth-child(2) {
	display:none;
}

#ctl00_FooterCategoriesContainer ul li:nth-child(9) {
	display:none;
}

#ctl00_FooterCategoriesContainer ul li:nth-child(10) {
	display:none;
}

body {
	color:#404144
}

.box.trin-33 .shop-banner .shop-banner-content h3 {
    font-size: 18px !important;
    line-height: 21px;
    margin-bottom: 3px;
}

.ShopParagraph {
	color:#666e78;
}


/* NAV BAR LEADING!! */
/************************/
nav.menu ul li ul li {
    display: block;
    line-height: 16px !important;
    margin: 4px 0px 0px 0px;
}

/* Sales Landing Page 2020 */
/************************/

.SaleLandingPage {
    text-align:center
}

.SaleLandingPage img {
    max-width:1000px;
    width:100%;
}

/* NEW SOCIAL SHARE ICONS 2021*/
.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0.5em
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.5em 0.75em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}

.resp-sharing-button--pinterest {
  background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
  background-color: #8c0615
}

.resp-sharing-button--facebook {
  background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}

.resp-sharing-button--tumblr {
  background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
  background-color: #222d3c
}

.resp-sharing-button--reddit {
  background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
  background-color: #3a80c1
}

.resp-sharing-button--google {
  background-color: #dd4b39
}

.resp-sharing-button--google:hover {
  background-color: #c23321
}

.resp-sharing-button--linkedin {
  background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
  background-color: #046293
}

.resp-sharing-button--email {
  background-color: #777
}

.resp-sharing-button--email:hover {
  background-color: #5e5e5e
}

.resp-sharing-button--xing {
  background-color: #1a7576
}

.resp-sharing-button--xing:hover {
  background-color: #114c4c
}

.resp-sharing-button--whatsapp {
  background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
  background-color: #1da851
}

.resp-sharing-button--hackernews {
background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }

.resp-sharing-button--vk {
  background-color: #507299
}

.resp-sharing-button--vk:hover {
  background-color: #43648c
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

.resp-sharing-button--email {
  background-color: #777777;
  border-color: #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
  background-color: #5e5e5e;
  border-color: #5e5e5e;
}

.resp-sharing-button--pinterest {
  background-color: #bd081c;
  border-color: #bd081c;
}

.resp-sharing-button--pinterest:hover,
.resp-sharing-button--pinterest:active {
  background-color: #8c0615;
  border-color: #8c0615;
}

.resp-sharing-button--linkedin {
  background-color: #0077b5;
  border-color: #0077b5;
}

.resp-sharing-button--linkedin:hover,
.resp-sharing-button--linkedin:active {
  background-color: #046293;
  border-color: #046293;
}


/* REVIEWS BANNER ETC 2025*/

.ReviewsHeaderFullWidth img {
	width:100%
}

/* Home Page Elements Image instead of WOW slider*/
/************************/

.hpBanner {
}

.hpBanner img {
    width:100%;
}

.hpBannerReviews {
    width:100%;
    background-image: url("https://www.essante.com/Portals/2020/images/ReviewsHomePageClean.jpg");
	overflow:hidden;
	background-repeat:no-repeat;
	margin:0 auto;
    height:500px;
    background-size: cover;
    background-position: right;
}

.hpBannerReviews_titlebox {
    position:relative;
    left:8%;
    top:100px;
}

.hpBannerReviews_titlebox {
    text-decoration:none;
}


.reviewspageclick:hover {
        text-decoration:none;
}

.hpBannerReviews H2 {
    font-weight: 100;
    margin-bottom: 4px;
    font-size: 3.6em;
    color: #3e3e3e;
}

.hpBannerReviews H1 {
    color: #3e3e3e;
    margin-bottom: 20px;
    font-weight:bold;
    margin-bottom:20px;
    margin-top:0px;
}

.hpBannerReviews p {
    color: #3e3e3e !important;
    font-size: 2.9em;
}

.hpBannerReviews_bottombox {
    position: relative;
    bottom: -195px;
    text-align: center;
    width: 100%;
    overflow: hidden;
    background-color: grey;
    padding: 23px 42px 0px;
    background-color: rgba(255, 255, 255, 0.4);
    height: 123px;
}

.hpBannerReviews_bottombox_body {
    font-size: 2em !important;
    margin-bottom: 22px !important;
    line-height: 1.2em;
}

.hpBannerReviews_bottombox_linktext {
    font-size: 2em !important;
    margin-bottom: 25px !important;
    padding-top: 3px;
    line-height: .1em;
    text-decoration: underline;
}

@media only screen and (max-width: 1260px) {
    
    .hpBannerReviews_titlebox {
    position:relative;
    left:8%;
    top:75px;
}

    .hpBannerReviews_bottombox {
    position: relative;
    bottom: -153px;
    text-align: center;
    width: 100%;
    overflow: hidden;
    background-color: grey;
    padding: 23px 42px 0px;
    background-color: rgba(255, 255, 255, 0.4);
    height: 159px;
}
    
}

@media only screen and (max-width: 675px) {
    
    .hpBannerReviews {
    width:100%;
	background-repeat:no-repeat;
	margin:0 auto;
    height:500px;
    background-size: cover;
    background-position: center;
}
    
.hpBannerReviews_titlebox {
    position:relative;
    left:2%;
    top:75px;
}

    .hpBannerReviews_bottombox {
    position: relative;
    bottom: -125px;
    text-align: center;
    width: 100%;
    overflow: hidden;
    background-color: grey;
    padding: 23px 3px 0px;
    background-color: rgba(255, 255, 255, 0.4);
    height: 188px;
}
    
}

@media only screen and (max-width: 500px) {
    
    .hpBannerReviews H2 {
    font-weight: 300;
    font-size: 3.0em;
    margin-bottom: 11px;
}
    
    .hpBannerReviews H1 {
    line-height: .9em;
}
    
.hpBannerReviews_bottombox_body {
    font-size: 2em !important;
    margin-bottom: 31px !important;
    line-height: 1.2em;
}
    
.hpBannerReviews_titlebox {
    position:relative;
    left:2%;
    top:10px;
}

    .hpBannerReviews_bottombox {
    position: relative;
    bottom: -37px;
    text-align: center;
    width: 100%;
    overflow: hidden;
    background-color: grey;
    padding: 23px 3px 0px;
    background-color: rgba(255, 255, 255, 0.4);
    height: 235px;
}
    
}


/* Home Page 5Day Banner 2022 */
/************************/

.hp5daywrapper {
    width: 100%;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    margin: 37px 0px;
}

.hp5daywrapper h1 {
    font-size: 3.6em;
    margin: 17px 0px 7px 0px;
}

.hp5daywrapper h2 {
    margin-top: 6px;
    margin-bottom: 12px;
}


.hp5day3module1 {
    display: inline-block;
    margin: 0 2% 0 6%;
    max-width: 447px;
    text-align: center;
    vertical-align: top;
    width: 32%;
}

.hp5day3module {
    display:inline-block;
    margin: 0px 1% -6px 1%;;
}

.hp5day3moduleWrapper {
        width: 66%;
    display: inline;
}

.hp5day3moduleWrapper img {
    display: inline !important;
    margin-bottom: -6px !important;
    padding: 0px;
    margin-right: 2% !important;
}

@media only screen and (max-width: 1250px) {
    .hp5day3module1 {
    display: inline-block;
    margin: 35px 0% 59px 0%;
    max-width: 100%;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
    .hp5day3moduleWrapper {
    width: 742px;
    display: block;
    margin: 0 auto;
    border: 1px solid #c1c1c1;
    overflow: hidden;
}
    
    .hp5daywrapper {
    width: 100%;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    margin: 37px 0px;
    padding-bottom: 25px;
}
}

@media only screen and (max-width: 700px) {
    .hp5day3moduleWrapper img {    
    display: block !important;
    margin-bottom: 10px !important;
    padding: 0px;
    margin-right: 0;
    margin-left: 0;
    margin: 25px auto !important;
    border: 1px solid #969696;
    }
    
    .hp5day3moduleWrapper {
    width: 100%;
    display: block;
    margin: 0 auto;
    border: 0px solid #c1c1c1;
    overflow: hidden;
}
    }






/* Home Page Elements Vertical Spacing Between Blocks */
/************************/

#BoxType_UserContent_76 .trin-100, #BoxType_UserContent_11 .trin-100, #BoxType_UserContent_14 .trin-100, #BoxType_UserContent_70 .trin-100, #BoxType_UserContent_72 .trin-100, #BoxType_UserContent_74 .trin-100, #BoxType_UserContent_78 .trin-100, #BoxType_UserContent_90 .trin-100, #BoxType_UserContent_91 .trin-100   {
	    padding: 1.2em .8em 0em .5em !important;
}

#BoxType_UserContent_77 .trin-100, #BoxType_UserContent_69 .trin-100, #BoxType_UserContent_71 .trin-100, #BoxType_UserContent_73 .trin-100, #BoxType_UserContent_75 .trin-100, #BoxType_UserContent_79 .trin-100, #BoxType_UserContent_89 .trin-100, #BoxType_UserContent_40 .trin-100   {
	    padding: .0em .8em 0em .8em !important;
}

#ctl00_MasterToolbarButtons .mini-drop-down > a, #ctl00_MasterToolbarButtons .drop-down > a {
       cursor: default;
}


#ctl00_lblGuestOf {
    display: none !important;
}

.trin-2.footer-4 {
	text-transform:uppercase;
}
#header div.trin-2 {
    padding: 0px !important;
}

#ctl00_HeaderCompanyLogoContainer {
    position: absolute;
    top: -7px;
    z-index: 9999;
}

#ctl00_HeaderCompanyLogoContainer a {
    overflow:hidden;
    height:100px;
    margin-top:0px;
}

.Catalog_212 #ctl00_HeaderCompanyLogoContainer:after {
    content: "RETAIL SHOP";
    position: absolute;
    top: 34px;
    right: 4px;
    font-size: 17px; 
} 

.Catalog_215 #ctl00_HeaderCompanyLogoContainer:after {
   content: "WHOLESALE SHOP"; 
    position: absolute;
    top: 34px;
    right: 4px;
    font-size: 17px; 
} 


#ctl00_ReplicatedDealerName:before {
    content: 'You are a guest of:';
    color: #000;
    font-weight: normal;
    position: absolute;
    top: -54px;
}



@media only screen and (max-width: 750px) {
    .Catalog_212 #ctl00_HeaderCompanyLogoContainer:after {
    content: "RETAIL SHOP";
    position: relative;
    top: -1px;
    right: -7px;
    font-size: 17px;
}

    .Catalog_215 #ctl00_HeaderCompanyLogoContainer:after {
    content: "WHOLESALE SHOP";
    position: relative;
    top: -1px;
    right: -7px;
    font-size: 17px;
}
}


@media only screen and (max-width: 534px) {
    #ctl00_ReplicatedDealerName {
        margin-top: 18px;
        display: block;
    }

	#ctl00_ReplicatedDealerName:before {
        top: -34px;
    }    
}

@media only screen and (max-width: 480px) {
    
    #ctl00_ReplicatedDealerName {
        margin-top: 22px;
        display: block;
    }

    #ctl00_ReplicatedDealerName:before {
        top: 9px;
    }
}

#iconsHome {
	width:100%;
	margin-top:26px;
	
}

.iconsHome4 {
	width:25%;
	float:left;
		
}

#iconsHome img {
	max-width:100%;
	padding-top: 58px;

}

@media (max-width: 600px) {
	
	.iconsHome4 {
	width:100%;
	float:none;
}

	#iconsHome img {
	width:213px;
}
	
}


.bold {
	font-weight:bold;
}

#outterContainer {
	    padding: 15px 10%;
	   width:100%;
}

#outterContainer2 {
	    padding: 0px;
	   width:100%;
}

#inner65 {
	width:65%;
}

#stackbox {
	padding: 12px;
    overflow: hidden;
	margin-bottom: 10px;
}

#stackbox img {
	float:left;
	margin: 0px 15px 0px 0px;
}

.stackboxtext {
	float:left;
	display:inline-block;
	max-width: 55%;
}

.shop-banner .shop-banner-content h3 {
font-weight:bold;
}

.BasicButtonStyle {
	    width: 150px;
    text-align: center;
    display: inline-block;
    background-color: #44a35c;
    color: white;
    font-weight: bold;
    border-radius: 15px;
    margin-top: 25px;
}

.BasicButtonStyle2 {
    width: 220px;
    text-align: center;
    display: inline-block;
    background-color: #44a35c;
    color: white;
    font-weight: bold;
    border-radius: 15px;
    margin-top: 7px;
}

.subscriptionwrapper img {
	max-width: 1343px;
	width:100%;
}

.gettoknowus {
	width:100%;
}

.gettoknowus img {
	max-width:1000px;
	width:100%;
}

.holidaybanner {
    width:100%;
    max-width:3000px
}

@media (max-width: 600px) {
  .holidaybanner {
    width:100%;
    max-width:600px
}

    
    
    
    
}



/* PAGES STYLE */
/************************/

.pHanchor {
    scroll-margin-top: 120px;
}

.pHanchor_pop {
    scroll-margin-top: 160px;
}

.anchor_wrapper_shakeguide {
    margin-top: -20px;
}

.ceiling {display: block; position: relative; top: -150px; visibility: hidden;}

.BackToTop_Floating {
    position: fixed;
    bottom: 72px;
    right: 225px;
    z-index: 1000;
    background-color:#44a35c;
    padding: 2px 10px 2px 10px;
    border: 1px solid #44a35c;
}



#top {
    scroll-margin-top: 120px;
}

#standardPages {    
	padding-top: 25px;
    padding-bottom: 50px;	
}

#standardPages hr {    
    margin-top: 0px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #c7c7c7;
}

.blankwrapperCenter {
	text-align:center;
}

.SealsModule {
    max-width: 198px;
    border: solid #bdbdbd 2px;
    width: 100%;
    padding-top: 10px;
    display: inline-block;
    margin: 19px 10px;
    min-height: 246px;
    overflow: hidden;
    vertical-align: top;
	
	}

.SealsModule img {
	text-align:center;
}

.SealsModuleText {
    width: 94%;
    margin: 0% 3% 15% 3%;
}

.modalcenter img {
	width:100px !important;
	margin-bottom: 8px;

}

.modalcenter {
	text-align:center;
}

.modalcenter p {
	text-align:left;
	color:gray;
}

.modalcenter ol li {
	text-align:left;
	    color: gray;
}

.modalcenter ul li {
    text-align: left;
    font-size: .8em !important;

}

.vid_downloads li {
    padding: 3px 15px;
    background-color: #000;
    margin: 19px 5px;
    color: white;
    width: 273px;
    margin: 12px auto;
}

.vid_downloads li:hover {
opacity: 0.5;
	text-decoration: none;
}

.vid_downloads a:hover {
	text-decoration: none;
}

.vid_downloads p {
padding-bottom: 5px !important;
    font-size: 1.5em;
    font-weight: bold !important;
}

.vid_downloads {
    margin-top: 34px;
    }

.supportpage {    
	padding-top: 25px;
    padding-bottom: 0px!important;	
}

#standardPages h2, h3 {
	margin:0px;
	font-weight:400 !important;
	 text-align: left;
}

#standardPages p {
	margin-bottom: 9px !important;
    font-size: 1.2em;
    line-height: 1.5em;
	text-align: left;
}

#standardPages li {
    font-size: 1.1em;
    line-height: 1.4em;
    margin-bottom: .6em;
}

#standardPages h6 {
	margin: 0 0px 10px 0px;
}

#standardPages h4 {
    margin: .8em 0px .5em 0px;
	font-size: 1.7em;
    line-height: 1.1em;
}

.quote {
    font-size: 1.7em !important;
    line-height: 1.3em !important;
    color: #000000 !important;
    font-style: italic;
}

.pic100 {
	width:100%;
}


.breadcrumbheader {
	margin:0px !important;
}

.standardLeadIn {
font-size: 1.3em !important;
    font-style: italic;
    line-height: 1.5em !important;
}

.table-striped tr {
	vertical-align:top !important;
	padding: 10px !important;
}

.table-striped tr:nth-child(odd) {
	background: #E2F0E7;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	margin:10px;
}

.table-striped p {
	font-size: inherit !important;
	vertical-align:top !important;
}

.table-striped td{
	font-size: 1.2em !important;
	vertical-align:top !important;
	padding: 7px !important;
	text-align:left
}

.table-striped table td{
	font-size: inherit !important;
	padding: 10px !important;
}

.table-striped ul li {
	font-size: inherit !important;
}

.table-striped ol li {
	font-size: inherit !important;
}

.table-striped a {
	font-size: 1.2em !important;
}

.table-striped {
	width:100%;
}



.teamcolumn {
    width: 45%;
    float: left;
    margin-right: 30px;
}


.FooterHalfLeft {
	border: #c7c7c7 1px solid;
	width: 48%; 
	float: left; 
}

.FooterHalfRight {
	margin-left: 10px !important;
	border: #c7c7c7 1px solid;
	width: 48%; 
	float: left; 
}

	.SanitizerTableHeadRow {
    font-weight: 500;
    font-size: 15px;
	}

@media (max-width: 850px) {
	.FooterHalfLeft {
	border: #c7c7c7 1px solid;
	width: 100%; 
	float: none; 
}

.FooterHalfRight {
	margin-left: 0px !important;
	border: #c7c7c7 1px solid;
	width: 100%; 
	float: none; 
	margin-top: 10px !important;
}
    
.vid_downloads li {
    padding: 3px 15px;
    background-color: #44a35c;
    margin: 6px 5px;
    color: white;
    margin: 12px auto;
}
	
.SanitizerTable {
	font-size:11px;
}
	
.table-striped td {
    font-size: 1em !important;
    vertical-align: top !important;
    padding: 4px !important;
    text-align: left;
	line-height: 1.2em;

}
.table-striped {
	width:98%;
}
	
	.SanitizerTableHeadRow {
		font-weight:600;
		font-size:10px;
		overflow-wrap: break-word;
		hyphens: manual;
		line-height: 14px;

	}
	

}

/*JR NEW GLOBAL ABOUT ESSANTE PANEL FOR DEEP DIVES 2025*/

.GlobalPanel_AboutEss {
    width: 100%;
    text-align: center;
    margin-top: 0px;
}

.GlobalPanel_AboutEss img {
    min-width: 350px;
    width: 30%;
    margin: 5px 5px;
}

@media (max-width: 850px) {
.GlobalPanel_AboutEss img {  
	min-width: 350px;
    width: 90%;
    margin: 5px 5px;
	}
}

/*JR NEW GLOBAL ABOUT ESSANTE PANEL FOR DEEP DIVES 2025 - FLEX VERSION 3 PANEL*/

#GlobalPanels_DD {
	
}

.GlobalPanel_Three_Img {
      display: flex;
      justify-content: center;
      gap: 10px;
    flex-wrap: nowrap;
	margin:10px 0px;
    }

    .GlobalPanel_Three_Img a {
      display: block;
      width: calc((100% - 20px) / 3); /* 3 items, 2 gaps of 10px */
    }

    .GlobalPanel_Three_Img img {
      width: 100%;
      height: auto;
      display: block;
    }

    @media (max-width: 1000px) {
      .GlobalPanel_Three_Img {
        flex-direction: column;
        align-items: center;
      }

      .GlobalPanel_Three_Img a {
        width: 100%;
        max-width: 500px;
      }
    }

    @media (max-width: 600px) {
      .GlobalPanel_Three_Img a {
        max-width: 90%;
      }
    }

/*JR NEW GLOBAL ABOUT ESSANTE PANEL FOR DEEP DIVES 2025 - FLEX VERSION 2 PANEL*/
   .GlobalPanel_Two_Img {
      display: flex;
      justify-content: center;
      gap: 20px;
      flex-wrap: nowrap;
    }

    .GlobalPanel_Two_Img a {
      display: block;
      width: calc((90% - 20px) / 2); /* 2 images, 1 gap of 10px */
      aspect-ratio: 1 / 1; /* Maintains 750x500 proportion / modified to 1 to 1 from 3 to 1 */
    }

    .GlobalPanel_Two_Img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    @media (max-width: 1000px) {
      .GlobalPanel_Two_Img {
        flex-direction: column;
        align-items: center;
      }

      .GlobalPanel_Two_Img a {
        width: 100%;
        max-width: 750px;
      }
    }

    @media (max-width: 600px) {
      .GlobalPanel_Two_Img a {
        max-width: 97%;
      }
    }

/*GLOBAL MAKE LIFE BETTER THIRD PANEL IN THE GROUP*/

.GlobalPanel_MakeLifeBetter {
    width: 100%;
    padding: 10px;
    margin-top: 10px;
}

.GlobalPanel_MakeLifeBetter img {
	max-width:275px;
	width:100%;
}

.GlobalPanel_MakeLifeBetter_textbox {
    margin-left: 20px;
    display: inline-block;
    vertical-align: top;
	padding-top: 15px;
}

.GlobalPanel_MakeLifeBetter h1 {
	    line-height: 44px;
}

    @media (max-width: 850px) {
      .GlobalPanel_MakeLifeBetter img {
	max-width:100%;
	width:100%;
      }
}



/* PAGES STYLE */
/************************/



.footer_icons {
    background-color:#434a54;
    text-align:center;
    color:#434a54;
    border-bottom: 1px solid rgba(255, 255, 255, 0.24) !important;
    padding-bottom:15px;
}

.SmartLoungeMainImage {
    max-width: 1360px;
    width: 100% !important;
    margin: 0 auto;
    margin-bottom: 25px;
}

.SmartLoungeMainImage img {
	width:100%;
}

.SmartLoungeHeaderCaption {
    max-width: 100% !important;
    background-color: #35579B;
    padding: 7px 10px;
    font-size: 1.3em;
    color: white;
}

.SmartLoungeImages {
	max-width:1360px;
	width:100%;
	overflow:hidden;
	margin: 0 auto;
}

.SmartLoungeImages img {
    float: left;
    width: 48%;
    margin: 1% !important;
	border: 1px solid grey;
}

@media (max-width: 700px){
	
.SmartLoungeImages {
	max-width:1360px;
	width:100%;
	overflow:hidden;
	margin: 0 auto;
}
	
.SmartLoungeImages img {
    float: none;
    width: 98%;
    margin: 2% 0 !important;
	border: 1px solid grey;
}

}



#disclaimerstyle {
	border:1px solid black;
	padding:10px;
	margin-top: 28px;
	
}

.redbold {color:#cb1230; font-weight:bold;}
.redbold2 {color:#cb1230; font-weight:bold; margin-top:5px;}


.toxic_numb {float:left; padding-right:2%; max-width:9%}
.toxic_caption {float: left;
    width: 90%;
    font-size: 1.2em;
    margin-bottom: 25px;
}

.toxic_caption p {
	font-size:1.2em !important;
	margin: 2px 0px;
}

.toxic_segment {float:left; margin-bottom:0px; width:80%}

@media (max-width: 1200px){
.toxic_segment {float:left; margin-bottom:25px; width:75%}
}


/* TOXIC TEN STYLING 2018 */
/************************/

#outterContainerTT {
    padding: 15px 10%;
    width: 100%;
	background-image: url("https://www.essante.com/Portals/2018/images/BackgroundImage.jpg");
	background-repeat:no-repeat;
    background-size:100%;
	background-color: #B1E9E9;
}

@media (max-width: 600px){
#outterContainerTT {
    padding: 15px 2%;
    width: 100%;
	background-image: url("https://www.essante.com/Portals/2018/images/BackgroundImage2.jpg");

}
}

#standardPagesTT {
    padding-top: 25px;
    padding-bottom: 50px;
	margin-top: 41px;
}
#standardPagesTT p {
    margin-bottom: 15px;
    font-size: 1.3em;
    line-height: 1.4em;
}

#standardPagesTT sup {
     font-size: 33%;
    line-height: 25px;
    vertical-align: 16px;
}

#standardPagesTT ul {
    font-size: 1.3em;
}

#standardPagesTT h3 {
	margin:0px;
	padding-bottom: 26px;
}

#standardPagesTT a {
	color:#cb1230;
}

#standardPagesTT a:visited {
	color:#cb1230;
}

.headerTT {
    font-size: 52px;
    padding-top: 35px;
    line-height: 50px;
    margin: 0px;
	color: #CB1B31;
}


.buttonTT-1 {
    padding: 3px 0px;
	display:inline-block;
	width: 163px;
    text-align: center;
	margin: 0px -2px;
	font-size: 1.2em;

}

@media (max-width: 600px){
	.buttonTT-1 {
padding: 10px 36px;
    display: block;
    width: 100%;
    text-align: center;
    margin: 0px -2px;
    font-size: 1.2em;
		}
}

.buttonTT-1:hover {
    opacity:0.5;
}

.buttonTT-1color {
	background-color:#D22634;
	color:white
}

.buttonTT-2color {
	background-color:#E6828E;
		color:white;

}

.buttonTT-3color {
	background-color:#CB1B31;
	color:white;
}

.TT-numerals {
	float:left;
}

.boxwarning {
	float:right;
	width:auto;
	position:absolute;
	right: 0;
	display:none;
}

@media (max-width: 600px){
	.boxwarning {
	position:relative;
		float:right;
		width:265px;
		display:block;
}
}

.TT-subhead {}

.TT-bodycopy {}

@media screen and (max-width:600px) { 
.toxic_numb {float:none; padding-bottom:2%; max-width:25%;}
.toxic_caption {float:none; width:90%}
.toxic_segment {float:left; margin-bottom:10px; width:100%}

    }

#cert_wrap {
    width: 100%;
    border-top: 1px #E1E1E1 solid;
    overflow: hidden;
    padding-top: 5px;
}

.cert_cell {
    width: 15%;
    float: left;
    padding-bottom: 25px;
    padding-top: 3px;
}

.cert_textwrap {
    max-width: 85%;
    float: left;
}

/* CLEANSE PAGE */
/************************/

#outterContainerCleanse {
    padding: 15px 10%;
    width: 100%;
	background-image: url("https://www.essante.com/Portals/2019/images/HeartHealthyBacker.jpg");
	background-repeat:no-repeat;
    background-size:100%;
	background-color: #fcfcfc;
}


.CleanseModuleTextWrapper {
	width: 50%;
    display: inline-block;
    float: left;
}

.CleanseModuleOMEGASTextWrapper {
    width: 50%;
    display: inline-block;
    float: left;
    margin-top: 100px;
    text-align: center;
}

.CleanseModuleOMEGASTextWrapper h2 {
	line-height: 1.2em;
    font-size: 3.5em;
}


.CleanseModule {
    max-width: 1087px;
    width: 95%;
    overflow: hidden;
	margin:0 auto;
}

.CleanseModuleOMEGAS {
	max-width: 1087px;
    width: 64%;
    overflow: hidden;
    float: right;
    margin-left: 30px;
} 
	
	
.opener {
	  border-top: 8px #666e78 solid;
    margin-top: 35px;
}

.opener img {
	float:right;
	max-width:600px;
	width:50%;
}

.opener h1 {
	    padding-top: 84px;
	text-align:center;
	
}

.toxicsection {
    margin-top: 35px;
}

.toxicsection img {
	float:right;
	max-width:600px;
	width:50%;
}

.toxicsection h1 {
	    padding-top: 84px;
	text-align:center;
	
}

.GreenHeader {
    background-color: #44a35c;
    color: white;
    clear: both;
    font-size: 3em;
    overflow: hidden;
    Height: auto;
    padding: 20px;
    line-height: 1em;
}

.ToxicHeader {
     background-color: #c32a99;
    color: white;
    clear: both;
    font-size: 3em;
    overflow: hidden;
    Height: auto;
    padding: 20px;
    line-height: 1em;
}

.quiz {
	padding:45px;
}

.quiz li {
    font-size: 2em;
    line-height: 1.4em;
    margin-left: 10px;
}

.CleanseDescription {
	display:inline-block;
	margin:25px;
}

.CleanseDescription p {
    margin-bottom: 15px;
    font-size: 1.5em;
    line-height: 1.4em;
}

.CleanseDescription li {
    margin-bottom: 15px;
    font-size: 1.5em;
    line-height: 1.4em;
	font-weight:bold;
	margin-left:2em;
}
.CLEANSEpage {
    width: 100%;
    margin: 0 auto;
    box-shadow: 25px 25px 25px 0 white inset, -25px -25px 25px 0 white inset;
}

.backgroundData {
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    padding: 50px;
}

.CLEANSE05 {
	background-image: url(https://www.essante.com/Portals/2019/images/Harmony.jpg);
}

.CLEANSEpageInner {
    width: 52%;
    text-align: left;
    float: right;
}


.CLEANSEpageInner p {
	font-size: 1.4em;
    line-height: 1.5em;

}

.CLEANSEpageInner a {
		font-size:1.2em;
	}

.CLEANSEsidebarWrapper {
    WIDTH: 66%;
    border-top: dotted 2px #44a35c;
    text-align: left;
    padding-top: 7px;
    overflow: hidden;
    margin-bottom: 25px;
    float: left;
    margin-right: 36px;
}

.CLEANSEsidebarWrapper img {
	float:left;
}


.CLEANSEsidebarText {
    margin: 25px;
    display: inline-block;
    width: 53%;
}

.CLEANSEsidebarText p {
	font-size:1.3em;
	line-height:1.4em;
	font-weight:bold;
	 text-align: left;
}

.CLEANSEsidebarWrapperRightOn {
    WIDTH: 66%;
    border-top: dotted 2px #44a35c;
    text-align: right;
    padding-top: 7px;
    overflow: hidden;
    margin-bottom: 25px;
    float: right;
    margin-left: 66px;
}

.CLEANSEsidebarWrapperRightOn img {
	float:right;
}


.CLEANSEsidebarTextRightOn {
    margin: 25px;
    display: inline-block;
    width: 53%;
}

.CLEANSEsidebarTextRightOn p {
	font-size:1.3em;
	line-height:1.4em;
	font-weight:bold;
	 text-align: right;
}

.CLEANSEsidebarWrapperRight {
    WIDTH: 80%;
    border-top: dotted 2px #44a35c;
    text-align: right;
    padding-top: 7px;
	overflow: hidden;
    margin-bottom: 50px;
}

.CLEANSEsidebarWrapperRight img {
	float:right;
}


.CLEANSEsidebarTextRight {
    margin: 25px;
    display: inline-block;
    width: 53%;
	text-align:right;
}

.CLEANSEsidebarTextRight p {
	font-size:1.3em;
	line-height:1.4em;
	font-weight:bold;
}

.CLEANSEtopline {
	 border-top: 8px #666e78 solid;
    margin-top: 35px;
}



/* .CLEANSEpageInner {
    width: 100%;
    text-align: left;
    float: none;
}

*/

/*  2024 POWERPOPS PROMO */
/************************/

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

.PPopPromo_txtblock {
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
    background-color: #8A71AA;
    color: white;
    padding: 16px;
    margin-bottom: 31px;
}

.PPopPromo_txtblock a {
    color: white;
}
.PPopPromo_txtblock a:visited {
    color: white;
}

.PPopPromo_txtblock a:hover {
    color: #c4a3ef;
	text-decoration:none;
}

.PPopPromo_txtblock h1 {
	color: white;
    font-size: 3.5em;
    margin: 0px;
}

.PPopPromo_txtblock p {
    font-size: 1.5em;
    line-height: 1.3em;
}

.PPopPromo img {
	max-width:540px;
	width:100%;
	display:inline-block;
}

.PPopPromoButtons {
    margin-top: 17px;
	margin-bottom: 45px;

}

.PPopPromoButtons a {
	background-color: black;
    color: white;
    text-decoration: none;
    padding: 10px 24px 11px 18px;
    margin: 20px;
	font-weight:bold;
}

.PPopPromoButtons a:visited {
	background-color: black;
    color: white;
    text-decoration: none;
}

.PPopPromoButtons a:hover {
	background-color: #8A71AA;
	text-decoration: none;
	color: white;

}

@media (max-width: 600px){
.PPopPromoButtons a {
	display:block;
}
	.PPopPromo_txtblock {
	max-width:1080px;
	width:90%;
	margin: 0 auto;
}

.PPopPromo_txtblock h1 {
    color: black;
    font-size: 2.5em;
    margin: 0px;
    line-height: 1em;
    margin-bottom: 14px;
}

.PPopPromo_txtblock p {
    font-size: 1.2em;
    line-height: 1.3em;
}
}


/*  2024 POWERPOPS PROMO */
/************************/



/* SPARKLE EFFICACY PAGES */
/************************/

.SparkleEfficacyWrapper {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding-top: 38px;
	overflow:hidden;
}

.SparkleEfficacyWrapper h2 {
	font-size: 2.5em;
    line-height: .9;
	
}

.SparkleEfficacyIcon {
	width: 128px;
    float: left;
    margin-right: 25px;
}

.SparkleEfficacyTitle {
}

.SparkleEfficacyTitle h1 {
	color: #002782;
	font-size: 60px;
    line-height: 60px;
}
	
.SparkleEfficacyImage {
    float: left;
    width: 100%;
    max-width: 475px;
}

.SparkleEfficacyImage2 {
    float: left;
    width: 100%;
    max-width: 353px;
}

.SparkleEfficacyButtonWrapper {
    float: left;
    max-width: 372px;
    width: 100%;
    height: 300px;
    padding-top: 160px;
    margin-left: 50px;
	
}

.SparkleEfficacyButtonWrapper2 {
    float: left;
    max-width: 372px;
    width: 82%;
    padding-top: 100px;
    margin-left: 50px;
}

.SparkleEfficacyButtonWrapper2 li {
    font-size: 1.8em;
    margin-bottom: 10px;
    line-height: 1.1em;
}

@media screen and (max-width:700px) { 

	.SparkleEfficacyButtonWrapper2 {
    float: left;
    max-width: 372px;
    width: 82%;
    padding-top: 10px;
    margin-left: 10px;
    margin-bottom: 42px;
}
	
	
}



.SparkleEfficacyButton {
    width: 100%;
    background-color: #002782;
    border-radius: 1em;
    color: white;
    text-align: center;
    padding: 3px 0px;
    margin-bottom: 31px;
    font-size: 1.2em;	
}

.SparkleEfficacyButton2 {
    width: 156px;
    background-color: #44a35c;
    color: white;
    text-align: center;
    padding: 2px 0px;
    margin-bottom: 31px;
    font-size: 1.2em;
    margin: 0 auto;
    display: block;
    float: left;
    margin-right: 8px;
}

.onstate {
	opacity: 0.7;
 	filter: alpha(opacity=70); /* For IE8 and earlier */
}

.SparkleEfficacyButtonWrapper a:hover {
	text-decoration:none;		
}

.SparkleEfficacyButtonWrapper2 a:hover {
	text-decoration:none;		
}


.SparkleEfficacyButton:hover {
	background-color:#27A3B6;
}



@media screen and (max-width:900px) {
	
	.SparkleEfficacyButtonWrapper{
    float: none;
    max-width: 482px;
    width: 90%;
    height: 300px;
    padding-top: 10px;
    margin-left: 10px;
    text-align: center;
}
	
.SparkleEfficacyImage{
	float: none;
    width: 100%;
}

.SparkleEfficacyIcon {
	width: 128px;
    float: none;
    margin-right: 25px;
}


}



/* 26 SECONDS or TSS */
/************************/
#outterContainerTSS {
    padding: 15px 10%;
    width: 100%;
    background-image: url(https://www.essante.com/Portals/2019/images/WomanBack.jpg);
    background-repeat: no-repeat;
    background-size: 90%;
	background-color: #fff;
	box-shadow: 25px 25px 50px 0 white inset, -25px -25px 50px 0 white inset; 
}

#standardPagesTSS {
padding-top: 25px;
    padding-bottom: 50px;
    margin-top: 123px;
    min-height: 725px;
    border-bottom: 6px solid #44a35c;
}


.TSSTop {
    background-repeat: no-repeat;
    background-size: 100%;
	overflow:hidden;
	max-width:900px;
}

.TSSIcon {
	 float: left;
    margin-right: 23px;
}

.TSSIcon img {
width:142px;
}

.TSSText {
    float: left;
    width: 80%;
    margin-bottom: 26px;

}

.TSSText p {
	font-size: 1.8em;
    line-height: 1.2em;
}

.TSSBottom {
	overflow: hidden;
    padding-top: 50px;
}

.TSSBottom img {
	width:100%
}

.TSSCerts {
	text-align:center;
}

.TSSCerts img {
    display: inline-block;
    width: 76px;
    margin: 0px 8px;
}


.TSSCategories {
    text-align: center;
    width: 100%;
    margin-top: 25px;
}

.TSSCategories li {
    display: inline-block;
    font-size: 1.4em;
    margin: 3px 1%;
    color: gray;
    border: 1px solid gray;
    padding: 2px 12px;
}

.TSSCategories li:hover {
	background-color:#E6E6E6;
}

.GLDownloadWrapper {
	width:100%;
	
}

.GLDownloadWrapper span {
	 display: inline-block;
    font-size: 1.4em;
    margin: 3px 1%;
    color: gray;
    border: 1px solid gray;
    padding: 2px 12px;
	background-color:white;
}

.GLDownloadWrapper span:hover {
	background-color:#E6E6E6;
}




@media screen and (max-width:1200px) {
	
	#outterContainerTSS {
    padding: 15px 2%;
    width: 100%;
    background-image: url(https://www.essante.com/Portals/2019/images/WomanBack.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
	background-color: #fff;
	box-shadow: 25px 25px 50px 0 white inset, -25px -25px 50px 0 white inset; 
}

.TSSCerts img {
    display: inline-block;
    width: 63px;
    margin: 0px 8px;
}
	
.TSSText p {
    font-size: 1.5em;
    line-height: 1.2em;
}

	.TSSCategories li {
    width: 100%;
}
	
.TSSIcon img {
    width: 100px;
}
	
}


#outterContainerSHAKE {
    padding: 15px 10%;
    width: 100%;
    background-image: url(https://www.essante.com/ts/images/RunningLady.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
	background-color: #fff;
	box-shadow: 25px 25px 50px 0 white inset, -25px -25px 50px 0 white inset; 
}

#standardPagesSHAKE {

}

.SHAKEopener {
	
}

.SHAKEopenerItems {
    text-align: right;
    width: 85%;

}

.ShakeContainers {
	max-width: 800px;
    width: 100%;
	margin-bottom:25px
}

.ShakeLogo {
	
}

.AlignCentered {
	text-align:center;
}

.DisplayInlineBlock {
	display:inline-block;
}
/* grey one 
.SHAKEsection {
background-color: #decece;
    text-align: left;
    overflow: hidden;
    padding: 5px 11px 9px 11px;
    display: inline-block;
    width: 100%;
}
*/

.SHAKEsection {
    background-color: #fff;
    text-align: left;
    overflow: hidden;
    padding: 5px 11px 9px 11px;
    display: inline-block;
    width: 100%;
    color: #686868;
}

.SHAKEsection a:hover {
	text-decoration:none;
}



.SHAKEcontents {
    text-align: center;
    margin: 50px;
    border-top: dotted 2px lightgrey;
    padding-top: 25px;
}


.SHAKEcontents li{
    display: block;
    border: 1px solid darkgrey;
    background-color: white;
    margin: 5px 0px;
    padding: 5px 10px;
}

.SHAKEcontents li:hover {
	background-color:#E6E6E6;
}


.SHAKEcontents ul{
	margin:0px;
	padding:0px;
}

.SHAKEsectionWRAPPER {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 3px;
	}

.SHAKEpage {
    width: 90%;
    margin: 0 auto;
    box-shadow: 25px 25px 25px 0 white inset, -25px -25px 25px 0 white inset;
}



.backgroundData {
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    padding: 50px;
}

.shake02 {
	background-image: url(https://www.essante.com/ts/images/SHAKE02.jpg);
}
.shake03 {
	background-image: url(https://www.essante.com/ts/images/SHAKE03.jpg);
}
.shake04 {
	background-image: url(https://www.essante.com/ts/images/SHAKE04.jpg);
}
.shake05 {
	background-image: url(https://www.essante.com/ts/images/SHAKE05.jpg);
}
.shake06 {
	background-image: url(https://www.essante.com/ts/images/SHAKE06.jpg);
}
.shake07 {
	background-image: url(https://www.essante.com/ts/images/SHAKE07.jpg);
}
.shake08 {
	background-image: url(https://www.essante.com/ts/images/SHAKE08.jpg);
}
.shake09 {
	background-image: url(https://www.essante.com/ts/images/SHAKE09.jpg);
}
.shake010 {
	background-image: url(https://www.essante.com/ts/images/SHAKE10.jpg);
}
.shake11 {
	background-image: url(https://www.essante.com/ts/images/SHAKE11.jpg);
}
.shake12 {
	background-image: url(https://www.essante.com/ts/images/SHAKE12.jpg);
}
.shake13 {
	background-image: url(https://www.essante.com/ts/images/SHAKE13.jpg);
}
.shake14 {
	background-image: url(https://www.essante.com/ts/images/SHAKE14.jpg);
}
.shake15 {
	background-image: url(https://www.essante.com/ts/images/SHAKE15.jpg);
}
.shake16 {
	background-image: url(https://www.essante.com/ts/images/SHAKE16.jpg);
}
.shake17 {
	background-image: url(https://www.essante.com/ts/images/SHAKE17.jpg);
}
.shake18 {
	background-image: url(https://www.essante.com/ts/images/SHAKE18.jpg);
}
.shake19 {
	background-image: url(https://www.essante.com/ts/images/SHAKE19.jpg);
}
.shake20 {
	background-image: url(https://www.essante.com/ts/images/SHAKE20.jpg);
}


.SHAKEpageInner {
    width: 52%;
    text-align: left;
    float: right;
}


.SHAKEpageInner p {
    font-size: 1.3em;
    line-height: 1.4em;
}

.SHAKEpageInner a {
		font-size:1.2em;
	}


.SOURCESpageInner {
    width: 100%;
    text-align: left;
    float: none;
}


.SOURCESpageInner p {
    font-size: 1.1em;
    line-height: 1.6em;
}

.SOURCESpageInner a {
    font-size: 1.1em;
    line-height: 1.6em;
	}

.SHAKEpageInner ol li {
    font-size: 1.3em;
    line-height: 1.4em;
	}

@media screen and (max-width:1200px) {
	.SHAKEcontents {
    text-align: center;
    margin: 25px 0px;
    border-top: dotted 2px lightgrey;
    padding-top: 25px;
}
	
}

@media screen and (max-width:1000px) {
	
.ShakeLogo {
    width: auto;
    max-width: 200px;
    margin-top: 25px;
}
	
.SHAKEopenerItems {
    text-align: center;
    width: 100%;
}

.SHAKEsectionWRAPPER {
    width: 95%;
    display: inline-block;
    vertical-align: top;
    padding: 3px;
}
	
.SHAKEpageInner {
    width: 100%;
    text-align: left;
    float: right;
}

	
.backgroundData {
    background-repeat: no-repeat;
    background-size: 200%;
    overflow: hidden;
    padding: 0px;
}
    
.SHAKEpage {
    width: 90%;
    margin: 0px 20px 0px 20px;
    }
    
html, body {
  overflow-x: hidden;
}
body {
  position: relative
}

   
    .BackToTop_Floating {
    position: fixed;
    bottom: 108px;
    right: 17px;
    z-index: 1000;
    background-color: #44a35c;
    padding: 4px 12px 4px 11px;
    border: 2px solid #7c7c7c;
    color: white !important;
    font-size: 17px;
}
    
    #outterContainerSHAKE {
    padding: 15px 0%;
}
    
.ShakeContainers {
    max-width: 800px;
    width: 100% !important;
    margin-bottom: 25px;
}

	
}




/* TEAR PADS BUTTON CODE */
/************************/

.TearpadButton {
    margin: 24px 10px 0px 10px;
    display: inline-block;
	
}


.TearpadButton a {
    background-color: black;
    color: white !important;
    padding: 5px 15px;
    font-size: 1.0em;
    margin-top: 15px;
    text-transform: uppercase;
    font-weight: 400;
    text-decoration: none;
}

.TearpadButton a:hover {
    background-color: grey;
    text-decoration: none;
    color:white !important;
}

.TearpadButtonWrapper {
    overflow:hidden;
    font-size:1.2em;
    padding-bottom: 7px;
	text-align:center;
}


/* DEEP DIVE 2020 - 2022 update */
/************************/

.UsefulHeaderDiv-Center {
	text-align:center;

}

.UsefulHeaderDiv-Center h2 {
    font-size: 2.4em;
    margin-bottom: 0px;
    line-height: 36px;
    padding: 9px 24px 10px 24px;
    letter-spacing: .1em;
}


.z3clinicals {
    
}


.z3clinicals img {
    float: none !important;
    margin: 0 auto !important;
    width: 237px !important;
}

.z3_WowSlider_DD {
    width: 100%;
    max-width: 1000px;
    background-color: black;
    overflow: hidden;
    margin: 0 auto;
    height: 712px;
}

@media screen and (max-width:950px) {
.z3_WowSlider_DD {
    width: 100% !important;
    max-width: 1000px;
    background-color: black;
    overflow: hidden;
    margin: 0 auto;
    height: auto;
}
}

.DD2_wrapper {
    width: 100%;
    margin-bottom: 15px !important;
    max-width: 1000px;
    margin: 0 auto;
}

.DD2_color1 {
    background-color:#000;
}

.DD2_color2 {
    background-color:#3B61BA;
}

.DD2_color3 {
    background-color:#C0CAD3;
}

.DD2_color4 {
    background-color:#FCB830;
}


.DD2_innerwrap_L {
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
    padding: 15px;
    overflow:hidden;
}


.DD2_innerwrap_L img {
    float:left;
    margin-right: 25px;
    width:372px
}

.DD2_innerwrap_R {
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
    padding: 15px;
    overflow:hidden;
}

.DD2_innerwrap_R img {
    float:right;
    margin-left:25px;
    width:372px
}

.DD2_quote {
    font-style:italic;
    text-align:left;
}

.DD2_W_textbox {
    text-align: center;
    overflow: hidden;
    width: 45%;
    margin: 0 auto;
    height: auto;
    padding-bottom: 0px;
}

.DD2_W_textboxVID {
    text-align: center;
    overflow: hidden;
    width: 70%;
    margin: 0 auto;
    height: auto;
    padding-bottom: 43px;
}

@media screen and (max-width:950px) {
.DD2_W_textboxVID {

    width: 100%;

}
    
.DD2_W_textbox {
    width: 100%;

}
}




.clinicals {
    margin-top: 50px;
}

.BeforeAfter h1 {
    
}

.BeforeAfter h2 {
    
}

.BeforeAfter h3 {
    
}

.BeforeAfter h4 {
    margin: 0px;
    line-height: .5em;
    font-size: 1.8em;
    color: white;
}

.z3video {
    padding-bottom: 0px !important;
    padding-top:15px;
}

.z3video p {
    text-align: left;
    font-size: 1.3em;
    margin-bottom: 0px;
}

.z3video ul {
    font-size: 1.3em;
    color: white;
    text-align: left;
    margin-top: 0px;
}

.z3video li {
    
}


.z3videowrapper {
    padding-bottom:0px;
    padding-top:15px;
}



.DD2_W_textbox H1 {
    font-size:2.2em;
    line-height:1.1em;
    color:white;
}

.DD2_W_textbox h2 {
        color:white;
}

.DD2_W_textbox p {
          color: white;
    font-size: 1.3em;
    text-align: left;
    line-height: 1.5em;
}


.DD2_W_textboxVID H1 {
    font-size:2.2em;
    line-height:1.1em;
    color:white;
}

.DD2_W_textboxVID h2 {
        color:white;
}

.DD2_W_textboxVID p {
        color:white;
}

.DD2_B_textbox {
    text-align: center;	
    overflow: hidden;
    width: 45%;
    margin: 0 auto;
}

.DD2_B_textbox H1 {
    font-size:2.2em;
    line-height:1.1em;
    color:black;
}

.DD2_B_textbox h2 {
        color:black;
}

.DD2_B_textbox p {
    color: black;
    font-size: 1.3em;
    text-align: left;
    line-height: 1.5em;
}

.DD2_B_textbox ol {
        color:black;
    text-align:left;
}

.DD_ModalMaxWidth {
    max-width:970px;
}

#DD2_Popup img {
   width:100%
}

#DD2_ImageDownloads_Popup_prod img {
       width:300px !important;
    border: 1px solid grey;
    margin-bottom: 25px;
}

#DD2_ImageDownloads_Popup_label img {
       width:100% !important;
    border: 1px solid grey;
    margin-bottom: 25px;
}

.DD2_Button {
    color: black;
    display: inline-block;
    background-color: #ffffff;
    padding: 8px 15px;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 1em;
    border-radius: 2px;
    border: solid 1px #a0a0a0;
    text-transform: uppercase;
    width: 283px;
}

#DD2_Sterols_Popup {
    overflow: hidden;
    margin-bottom: 75px;
	text-align:center;
}

.DD2_Sterols_Popup_Mod {
	 margin-bottom: 0px !important;
}

.DD2_Button a {
    text-decoration:none;
    color:#000;
}
.DD2_Button a:visited {
    text-decoration:none;
    color:#000;
}

.DD2_Button a:hover {
    text-decoration:none;
    color:#000;
}

.DD2_Button:hover {
 opacity: 0.7;
    text-decoration:none;
}

.DD2_ButtonsWrapper {
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 5px;
}

.DD2_Title {
    font-size: 1.3em;
    font-weight: bold;
}

.DD2_ButtonDownload {
    display: inline-block;
    padding: 3px 15px;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 1em;
    border-radius: 2px;
    border: none;
    text-transform: uppercase;
    width: 117px;
}

.VidModal_Thumb img {
	max-width: 441px;
    width: 100% !important;
    margin-bottom: 30px;
}

.DD2_AVBox {
    text-align:center;
}

.DD2_AVBox h2 {
    clear:both;
}

.DD2_AVBox p {
    display: block;
    max-width: 500px;
    margin: 20px auto;
}

.DD2_AVBox2 p {
    display: block;
    max-width: 500px;
    margin: 20px auto;
}

.AVBoxLeft p {
	text-align:left;
}

.ThumbVersion {
	 display: inline-block;
    max-width: 37%;
    margin: 0px 25px;
}

.ThumbVersion img {
	max-width: 379px;
    width: 100% !important;
	    border: 2px solid #d5d5d5;
}

.ThumbVersion h2 {
margin-top:0px !important;
}


.DD2_ButtonDownload a {
    text-decoration:none;
    color:#000;
}
.DD2_ButtonDownload a:visited {
    text-decoration:none;
    color:#000;
}

.DD2_ButtonDownload a:hover {
    text-decoration:none;
    color:#000;
}

.DD2_ButtonDownload:hover {
 opacity: 0.7;
    text-decoration:none;
}

.DD2_TopButton {
    margin-top:25px;
}

.DD2_ButtonDownload_color1 {
    background-color:black;
    color:white
}

.DD2_ButtonDownload_color2 {
    background-color:black;
    color:white
}

.DD2_header {
    width:100% !important;
    max-width:800px;
    margin: 0 auto;
    margin-bottom: 20px;
}

DD2_KidsPops_Popup {
    
}

@media screen and (max-width:750px) {
	.DD2_AVBox h2 {
	font-size: 1.7em;
	}
	
	.modal {
    padding-top: 160px !important;
}
	
	.ThumbVersion {
    display: block;
    max-width: 100%;
    margin: 35px 5px;
}
	
	.ThumbVersion img {
    max-width: none;
    width: 100% !important;
}
	
}


/* Party Plan Material */
/************************/

.fullwidth_wrap {
    width:100%;
}

.white {
    color:white !important;
}

.OverflowHidden {
    overflow:hidden;
}

.PartyPlan_ProductWrapTop {
    max-width: 1200px;
    margin: 0 auto;
    padding: 15px;  
}

.PartyPlan_BasicTextBox {
 margin:0 auto;
    max-width: 754px;
    margin-top: 31px;
    text-align: center;
}

.PartyPlan_BasicTextBox p {
    text-align: center;
    color: white !important;
    font-size: 1.6em;
    line-height: 1.2em;
}

.PartyPlan_BasicTextBox h1 {
color: white;
    text-align: center;
    margin: 0px;
    font-size: 3.9em;
    line-height: .9em;
    margin-bottom: 12px;
}

.PartyPlan_BasicTextBox h3 {
    text-align: center;
    color: white !important;
    margin: 0px !important;
    padding: 0px !important;
    margin-bottom: 10px !important;
    line-height: 1.1em !important;
}

.PartyPlan_BulletBox {
    max-width: 600px;
    margin: 0 auto;
    margin-top: 30px;
}

.PartyPlan_BulletBox ul {
color:white;
    font-size:1.6em;
    text-align:left;
}

.PartyPlan_BulletBox li {
    line-height: 1.1em;
    margin-bottom: 6px;
}

.PartyPlan_ColorBox {
    position: relative;
    height: 427px;
}

.PartyPlan_ColorBox_2 {
    position: relative;
}

.PartyPlan_TextBox {
    width: 40%;
    margin: 52px 0px 0px 0px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    color:white;
}

.PartyPlan_TextBox h3 {
    text-align:center;
    color:white !important;
}

.PartyPlan_Paragraph {
    width: 73%;
    margin: 0 auto;
    font-style: italic;
    font-size: 1.5em;
    line-height: 1.5em;
    margin-bottom: 11px !important;
}

.PartyPlan_Stars {
    font-size: 1.2em;
    letter-spacing: 3px;
}

.PartyPlan_Tag {
    font-size: 1.3em;
}

.PartyPlan_Button {
    color: black;
    display: inline-block;
    background-color: #ffffff;
    padding: 8px 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 7px;
    margin-right: 7px;
    font-size: 1em;
    border-radius: 2px;
    border: solid 1px #cccccc;
    text-transform: uppercase;
}

.PartyPlan_Button:hover {
 opacity: 0.5;
}

.PartyPlan_MiddleFloater {
    position: absolute;
    bottom: -94px;
    left: 0;
    right: 0;
    padding-left: 59px;
}

.PartyPlan_Right {
    float: right;
    margin: 16px !important;
}

.PartyPlan_Right_b {
    float: right;
    margin: 16px !important;
}

.PartyPlan_Left {
    float: left;
    margin: 16px !important;
}

.clear {
    clear:both;
}

.PartyPlan_ProductWrapBottom {
    max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    clear: both;
    margin-top: 64px;
    margin-bottom: 59px;
}

.PartyPlan_Bubbles {
    width: 22%;
    display: inline-block;
    text-align: center;
    background-color:white;
    vertical-align: top;
}

.PartyPlan_Bubbles_Arrow {
    width: 8%;
    display: inline-block;
    text-align: center;
}

.PartyPlan_Bubbles img {
    width:100%;
    padding-right: 4px;
    padding-top: 4px;
}

.PartyPlan_Bubbles:hover {
       filter: brightness(80%);
}

.PartyPlan_Bubbles_Arrow img {
    width:100%;
        padding-top: 19px;
}

.PartyPlan_Bubbles_Arrow:hover {
       filter: brightness(80%);
}

.PPP_color_bamboo {
    background-color: #54843D;
}

.PPP_color_grey {
    background-color: #5F5E61;
}

.PPP_color_greengrey {
    background-color: #5e7644;
}


.PartyPlan_Bubbles p {
    font-size: 1.2em;
}

.PartyPlan_Bubbles_Arrow p {
    font-size: 1.2em;
}


.PartyPlan_WhiteButton {
    background-color: white;
    padding: 8px 8px 8px 8px;
    border-radius: 2px;
    width: 119px;
    color: black !important;
    text-align: center;
    border: solid 1px #cccccc;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom:25px;
}

.PartyPlan_WhiteButton a:hover {
    text-decoration:none;
}


.PartyPlan_Steps {
    text-align:left;
    
}

#PartyModalPopup {
    text-align:center;
}



#PartyModalPopup p {
    font-size: 1.2em;
    line-height:1.2em;
    margin-bottom: 14px;
    text-align:left
}

#PartyModalPopup h5 {
    font-size: 2.4em;
    line-height:1.2em;
    margin-bottom: 14px;
}

#PartyModalPopup img {
width:100%
}



#BoxType_UserContent_137 {
    z-index: 999999;
}



.WhiteButtonText {
    font-size: 1.0em;
    color: black !important;
    margin-top: 24px;
    padding: 11px 0px;
}


.PartyPlan_BasicTextBox2 {
 margin:0 auto;
    max-width: 60%;
    margin-top: 31px;
    text-align:center;
}

.PartyPlan_BasicTextBox2 p {
    text-align: center;
    color: white !important;
font-size: 1.5em;
    line-height: 1.2em;
}

.PartyPlan_BasicTextBox2 h1 {
    color: white;
    text-align: center;
    margin: 0px;
    font-size: 3.2em;
    line-height: 1.1em;
    margin-bottom: 12px;
}

.PartyPlan_BasicTextBox2 h2 {
color: white;
    text-align: center;
    margin: 0px;
    font-size: 3.2em;
    line-height: .6em;
    margin-bottom: 12px;
}

.PartyPlan_BasicTextBox2 h3 {
text-align: center;
    color: white !important;
    margin: 0px !important;
    padding: 0px !important;
    margin-bottom: 10px !important;
    line-height: 1.1em !important;
    font-size: 2.1em !important;
}

.PartyPlan_BasicTextBox2 ul {
    color: white;
    font-size: 1.4em;
    line-height: 1.2em;
    margin-left: 123px;
    margin-top: 14px;
    text-align:left;
}

.PartyPlan_BasicTextBox2 ul li {
    margin-bottom:3px;
}


.Float_Left {
    float:left;
}

.Float_Right {
    float:right;
}

.PartyPlan_halfwrap {
    background-color: #297BA4;
    width: 90%;
    margin: 0 auto;
    padding: 0px 25px;
    padding-top: 25px;
    padding-bottom: 7px;
}

.PPlan_text h1 {
    color: white;
    text-align: center;
    margin: 0px;
    font-size: 3.2em;
    line-height: 1.1em;
    margin-bottom: 12px;
}

.PPlan_text p {
    text-align: center;
    color: white !important;
font-size: 1.5em;
    line-height: 1.2em;
}

.PPlan_text ol {
    color: white;
    font-size: 1.4em;
    line-height: 1.2em;
    margin-left: 50px;
    margin-top: 14px;
}

.PPlan_text li {
    margin-bottom: 12px;
}

.PPlan_text img {
    max-width: 397px;
    margin-bottom: 25px !important;
    border: 1px solid white;
}

/* CONSTANT CONTACT FORM ELEMENTS */
/************************/

.ctct-form-embed .ctct-form-defaults {
    background-color: #297ba4 !important;
    text-align:center;
}

.ctct-form-embed label {
color:white;
    float:left;
}

.ctct-form-embed input {
    width: 100%;
    height: 32px;
}

.ctct-form-embed button {
    padding: 7px 20px;
    font-size: .9em;
}

.ctct-gdpr-text {
    display:none;
}

/* END PARTY PLAN MAIN CODE */
/************************/

@media screen and (max-width:1075px) {

.PartyPlan_BasicTextBox2 {
    margin: 0px auto;
    max-width: 47%;
    margin-top: 31px;
    margin-left: 25px;
    margin-right: 25px;
}
}

@media screen and (max-width:950px) {

.PartyPlan_BasicTextBox2 {
    margin: 0px auto;
    max-width: 100%;
    margin-top: 31px;
    margin-left: 25px;
    margin-right: 25px;
}
    
.PartyPlan_BasicTextBox2 ul {
    color: white;
    font-size: 1.4em;
    line-height: 1.2em;
    margin-left: 15px;
    margin-top: 14px;
    text-align: left;
}
    
    .Float_Left {
    float: none;
}
    
    .PartyPlan_Right_b {
    float: none;
    margin: 0 auto !important;
    padding-bottom: 25px;
    margin-top:15px;
}
    .PartyPlan_Left {
    float: none;
    margin: 0 auto !important;
        padding-top:25px;
}
    
}


@media screen and (max-width:750px) {
	.PartyPlan_ColorBox {
    position: relative;
    height: auto;
}

.PartyPlan_TextBox {
    width: 37%;
    margin: 15px 0px 0px 10px;
}
    

.DD2_B_textbox {
    text-align: center;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}
    
.DD2_innerwrap_L {
    max-width: 1000px;
    margin: 0 auto;
    width: 96%;
    padding: 15px;
    overflow: hidden;
    text-align: center;
}
    
    .DD2_innerwrap_L img {
    float: none;
    margin-right: 0px;
        width:100%;
}
    
        .DD2_innerwrap_R img {
    float: none;
    margin-left: 0px;
        width:100%;
}
    
}

@media screen and (max-width:600px) {
	.PartyPlan_ColorBox {
    position: relative;
    height: auto;
}

    .PartyPlan_TextBox {
    width: 100%;
    margin: 0px 0px 0px 0px;
}
    
    .PartyPlan_Right {
    display:none !important;
}
    
    .PartyPlan_MiddleFloater {
    padding-left: 0px;
        position:revert;
}
    
    .PartyPlan_Paragraph {
    width: 90%;
}
    
    .PartyPlan_Bubbles {
    width: 49%;
    }
        
    .PartyPlan_Bubbles p {
    font-size: 1.5em;
    line-height: 1.2em;
}
    .PartyPlan_ProductWrapBottom {
    text-align: center;
}
    .PartyPlan_Bubbles_Arrow {
    width: 100%;
}
    
    .PartyPlan_Bubbles_Arrow img {
    width: 48px;
}

        .PartyPlan_Bubbles_Arrow {
        font-size: 1.5em;
    }
}


/* 5 DAY EVOLUTION PAGE */
/************************/

.evolutionimage {
	text-align:center;
	margin-top:50px;
}

.evolutionimage img {
	max-width:1100px;
		width:100%
}

.evolutionbox {
	
}
.evolutioninfobox {
	
}
.evolution5day {
    width: 47%;
    float: left;
    margin-left: 34px;
    margin-top: 28px;
    border: 1px solid #418B74;
}

.evolution5day img {
	width:100%;
	height:100%;
	display: block;
}

.evolutionbuttontop {
    width: 100%;
    background-color: #418B74;
    text-align: center;
    margin-bottom: 12px !important;
    max-width: 450px;
    margin: 0 auto;
    font-size: 1.4em;
    font-weight: bold;
    color: white;
    padding: 9px 0px;
	}
.evolutionbuttonbottom {
    width: 100%;
    background-color: #DDA14B;
    text-align: center;
    margin-bottom: 12px !important;
    max-width: 450px;
    margin: 0 auto;
    font-size: 1.4em;
    font-weight: bold;
    color: white;
    padding: 9px 0px;
}

.evolutioncontainer a:hover {
	text-decoration:none;
}

.evolutionbuttontop:hover {
	  opacity: 0.8;
 		 filter: alpha(opacity=80);
	
}

.evolutionbuttonbottom:hover {
	text-decoration:none;
	  opacity: 0.8;
  		filter: alpha(opacity=80);
}

.evolutioncontainer {
	max-width: 1241px;
	width:100%;
	overflow:hidden;
	margin: 0 auto;
}

.YoungerSkinText {
    padding-left: 10px;
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
}

.YoungerSkinText ul {
    font-size: 1.4em;
    line-height: 1.4em;
    margin-left: 63px;
	margin-bottom: 40px;
}

.youngerskinbuttontop {
    width: 100%;
    background-color: #48B2A2;
    text-align: center;
    margin-bottom: 12px !important;
    max-width: 450px;
    margin: 0 auto;
    font-size: 1.4em;
    font-weight: bold;
    color: white;
    padding: 9px 0px;
	}

.youngerskinbuttonbottom {
    width: 100%;
    background-color: #26A7C3;
    text-align: center;
    margin-bottom: 12px !important;
    max-width: 450px;
    margin: 0 auto;
    font-size: 1.4em;
    font-weight: bold;
    color: white;
    padding: 9px 0px;
}


.youngerskinbuttontop:hover {
	  opacity: 0.8;
 		 filter: alpha(opacity=80);
	
}

.youngerskinbuttonbottom:hover {
	text-decoration:none;
	  opacity: 0.8;
  		filter: alpha(opacity=80);
}


.youngerskin {  
	max-width: 900px;
    border: 1px solid #00a7c4;
    margin: 0 auto;
	margin-top: 48px;
	} 

.youngerskin img {
	width:100%;
	height:100%;
	display: block;
}

.ColumnWrapper {
     padding-top: 25px;
    text-align: center;
    clear: both;
}
.col4 {
    display: inline-block;
    margin: 25px 10px 0px;
    vertical-align: top;
}

.1pos {
    }

.imagestack {
    width: 269px;
    overflow: hidden;
    border: 1px solid #919ca9;
    padding: 10px;
}

.imagestack img {
    width:200px;
}

.testimonialpagemodule {
    
}

.testimonialpagemodule h3 {
    font-size: 1.6em;
    font-weight: bold !important;
    line-height: 1.1em;
    margin: 0px 0px 10px 0px;
}

 .testimonialpagemodule p {
    font-size: 1em !important;
    line-height: 1.3em !important;
}

.testimonialpagemodule .byline {
    font-style: italic;
    padding-bottom: 18px;
}

.testimonialpagemodule img {
    max-width: 300px;
    margin-bottom: 6px;
}

.one_b-img {
    text-align: left;
}

.testimonialpageheaders {
    text-align:left
}

.testimonialpageheaders h2 {
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4em;
}

.testimonialpageheaders img {
    height: 145px;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    margin-bottom: 5px;
}

.littlequotecircle {
    width: 36px !important;
    float: left;
    padding-right: 0px;
    position: relative;
    left: -5px;
    border-radius: 50%;
    border: none !important;
}


.VDaywrapper2 {
    text-align: center;
    max-width: 950px;
    margin: 0 auto;
    background-color: white;
    padding: 10px 10px;
}

.VDayheader {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 43px;
    text-align: left;
    padding: 0px 29px 0px;
}

.VDayheader h1 {
    font-weight: 300;
    margin-bottom: 0px;
}

	.VDayheader h2 {
    margin: 0px;
}

.VDayheader h3 {
    text-align: left;
    line-height: 35px !important;
    margin-bottom: 10px !important;
}

.VDayVideoSectionWrapper {
    width: 90%;
    margin: 0 auto;
    border-top: 1px solid grey;
    max-width: 1200px;
    padding: 5px 0px 24px 0px;
    margin-bottom: 59px;
}

.VDayVideoWrapper {
    
}

.VideoPlayBoxwrapper {
    width: 200px;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    overflow: hidden; 
}

.VideoPlayBox {
    background-image: url("https://www.essante.com/Portals/2022/images/Video_Image.jpg");
    width:200px;
    height:100px;
    margin-bottom: 4px;
    background-repeat: no-repeat;
    background-size: cover;
}

.VideoPlayBox_z3 {
    background-image: url("https://www.essante.com/Portals/2024/images/Video_Image_z28.jpg");
    width:200px;
    height:100px;
    margin-bottom: 4px;
    background-repeat: no-repeat;
    background-size: cover;
}



.VDayDownloadButton {
    border: 1px solid grey;
    border-radius: 31px;
    width: 166px;
    margin: 0 auto;
    padding: 0px 0px 5px 0px;
    margin-top: 10px;
    text-align: center;
}

.VDayDownloadButton img {
    position: relative;
    top: 4px;
    display: inline-block !important;
    width: 20px !important;
    margin-left: 10px !important;
    padding-top: 3px;
}


.VDayContentWrapper {
    padding-bottom: 25px;
    border-top: 1px solid grey;
    width: 90%;
    max-width:1200px;
    margin: 0 auto;
}

.VDayContentLeftWrapper {
    display: inline-block;
    max-width: 468px;
    width: 39%;
    padding-top: 25px;
}

.VDayContentLeftWrapper h2 {
width: 85%;
    max-width: 400px;
    margin: 0 auto;
    margin-bottom: 25px;
}


.VDayButton {
    background-color: black;
    color: white;
    width: 144px;
    padding: 4px 0px 4px 0px;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 1.2em;
}

@media screen and (max-width:700px) {

    .VDayContentLeftWrapper {
    display: block;
    max-width: 468px;
    width: 100%;
    padding-top: 25px;
    margin: 0px;
    margin: 0 auto;
}
    
    .VDayheader h1 {
    font-weight: 200;
    font-size: 46px;
    margin: 0px;
}
	
    
    .VDayheader {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 29px;
}
    
    .VDayContentLeftWrapper img {
        width:100%
    }

    
    
}




/* COLOR BLOCKS */
/************************/

#BeeNatural h2 {color:#f79421}
#BeeNatural img {background-color:#f79421;}
.BeeNatural_underline {border-bottom: 4px solid #f79421;}

#EarthGreens h2 {color:#6FA032}
#EarthGreens img {background-color:#6FA032;}
.EarthGreens_underline {border-bottom: 4px solid #6FA032;}

#phShake h2 {color:#6DB942;}
#phShake img {background-color:#6DB942;}
.phShake_underline {border-bottom: 4px solid #6DB942;}

#Sparkle h2 {color:#1D9FDC;}
#Sparkle img {background-color:#1D9FDC;}
.Sparkle_underline {border-bottom: 4px solid #1D9FDC;}

#Reds h2 {color:#B70028;}
#Reds img {background-color:#B70028;}
.Reds_underline {border-bottom: 4px solid #B70028;}

/* COLOR BLOCKS */
/************************/
.TestimonialTitle {
    
}

.TestimonialTitle h2 {
    font-size: 2.8em;
    line-height: 1.2em;
    }

.TestimonialTitle p {
    font-size:1.8em
    }

.TestimonialDisc {
    font-size:.9em !important;
}

@media screen and (max-width:700px) {
.imagestack {
    width:100%;
}

.imagestack img {
    width:100%;
}
    
    
    
}


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 100; /* Sit on top */
  padding-top: 200px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fff;
  margin: auto;
  padding: 20px;
  border: 2px solid #868686;
  width: 80%;
margin-bottom: 150px;
}

.modal-content-2 {
  background-color: #fff;
  margin: auto;
  padding: 20px;
  border: 2px solid #868686;
  width: 50%;
}

.modaltextwrapper {
    max-width:1000px;
    margin:0 auto;
}

.detlabelinstr {
    }

.detlabelinstr_wrapper {
    width:40%;
    margin:0 auto;
}

.modal-download {
    padding-top: 10px;
    margin-top: 100px;
    text-align: center;
}

.modal-content h5 {
font-size:1.8em;
line-height: 1.2em;
}

.modal-content ul {
font-size:1.2em;
}

.modalboxcontent {
	width:100%;
	}


.modalboxcontent img {
    width: 100%;
    margin-bottom: 10px;
    max-width: 500px;
}

.TESTIMONIAL img {
	width:600px !important;
}

.centerT {
    text-align:center;
} 


/* The Close Button */
.close {
  color: #000;
  float: right;
  font-size: 45px;
  font-weight: bold;
	margin-left: 12px;
}

.close:hover,
.close:focus {
  color: #aaaaaa;
  text-decoration: none;
  cursor: pointer;
} 

@media screen and (max-width:7500px) {
.detlabelinstr_wrapper {
    width:100%;
    margin:0 auto;
}
}


/* END The Modal (background) */

@media screen and (max-width:1135px) {
.evolutioncontainer {
	max-width: 1100px;
	width:100%;
	overflow:hidden;
	margin: 0 auto;
}
.evolution5day {
    width: 44%;
    float: left;
    margin-left: 34px;
    margin-top: 28px;
    border: 1px solid #418B74;
}
}

@media screen and (max-width:1000px) {
	.evolution5day {
	width: 92%;
    float: none;
    margin-left: 11px;
    margin-top: 28px;
    border: 1px solid #418B74;
	}
	
.modal-content {
  background-color: #fff;
  margin: auto;
  padding: 10px;
  border: 1px solid #888;
  width: 90%;
}
    
.modal-download {
    padding-top: 10px;
    margin-top: 200px;
    text-align: center;
}

.modalboxcontent {
	width:100%;
	}
}

@media screen and (max-width:700px) {
	.evolution5day {
	width: 95%;
    float: none;
    margin-left: 11px;
    margin-top: 28px;
    border: 1px solid #418B74;
	}
}





/* BUTTON FOR ESSENTIAL OILS */
/************************/
#viewbutton {
    margin: 0 auto;
    padding: 8px 10px;
	background-color: #44a35c;
	text-align: center;
    margin-top: 25px;
    margin-bottom: 25px !important;
	font-size:1.2em;
	color: #fff !important;
	font-weight:bold;
}

.viewingredients {
    width: 200px;
    margin-bottom: 54px !important;
	text-decoration:none !important;
}

#detailsection a {
	text-decoration: none;
    display: inline-block;
    vertical-align: top;
	   margin: 0 2px;
}

#plainlinks {
    text-align:left;
}

#plainlinks  li a {
    background-color:none;
    color:black;
    text-decoration:underline !important
}

#plainlinks li a:hover {
    text-decoration:underline;
}

/* JR new DETAIL ICONS 2025 */
/************************/

.DETwrapper {
    width: 100%;
    overflow: hidden;
    margin-top: 52px;
	text-align:center;
}


.DETblock {
    height: 100px;
    display: inline-block;
    margin: -2px;
    vertical-align: top;
    text-align: center;
    width: 28%;
    margin: 0px 10px;
}

.DETtitle {
    text-align: center;
    border-bottom: 2px solid #cacaca;
    margin-bottom: 19px;
    padding-bottom: 4px;
    color: gray;
}

.addl-details {
    padding: 0px 0px;
    font-size: 1em;
    line-height: 1.2em;
    font-weight: 500;
    color: black;
    width: 100%;
}

/* This is redundant with addl-details temporarily */

.DDIconsText {
    padding: 0px 0px;
    font-size: 1em;
    line-height: 1.2em;
    font-weight: 500;
    color: black;
    width: 100%;
}

.LeftVidIcons {
    padding: 26px 0px 2px;
    border-top: 1px solid #c2c2c2;
    text-align: center;
    margin-top: 12px;
}



/* CHANGE OF STATE BUTTON - COPIED - AND COPY THE URL */

 .copy-btn {
padding: 3px 0px;
    font-size: 1em;
    border: none;
    border-radius: 0px;
    background-color: #000;
    color: white;
    cursor: pointer;
    transition: background-color 0.3s;
    margin: 0px 0;
    width: 138px;
	 margin: 0px 2px;
    }

    .copy-btn:hover {
      background-color: grey;
    }

    .copy-btn:visited {
      background-color: black;
    }



/* DP = Details Product DL= Details Label */
/* DP = Details Product DL= Details Label */
/************************/
.DP_030 {
    background-image: url(https://www.essante.com/images/itemcodes/030.jpg);
}

.DP_030b {
    background-image: url(https://www.essante.com/images/itemcodes/030_Clean.jpg);
}

.DP_470 {
    background-image: url(https://www.essante.com/images/itemcodes/470.jpg);
}

.DP_412 {
    background-image: url(https://www.essante.com/images/itemcodes/412.jpg);
}

.DP_488 {
    background-image: url(https://www.essante.com/images/itemcodes/488.jpg);
}

.DP_469 {
    background-image: url(https://www.essante.com/images/itemcodes/469.jpg);
}

.DP_400 {
    background-image: url(https://www.essante.com/images/itemcodes/400.jpg);
}

.DP_410 {
    background-image: url(https://www.essante.com/images/itemcodes/410.jpg);
}

.DP_471 {
    background-image: url(https://www.essante.com/images/itemcodes/471.jpg);
}

.DP_415 {
    background-image: url(https://www.essante.com/images/itemcodes/415.jpg);
}

.DP_401 {
    background-image: url(https://www.essante.com/images/itemcodes/401.jpg);
}

.DP_409 {
    background-image: url(https://www.essante.com/images/itemcodes/409.jpg);
}

.DP_250 {
    background-image: url(https://www.essante.com/images/itemcodes/250.jpg);
}

.DP_251 {
    background-image: url(https://www.essante.com/images/itemcodes/251.jpg);
}

.DP_252 {
    background-image: url(https://www.essante.com/images/itemcodes/252.jpg);
}

.DP_253 {
    background-image: url(https://www.essante.com/images/itemcodes/253.jpg);
}

.DP_411 {
    background-image: url(https://www.essante.com/images/itemcodes/411.jpg);
}

.DP_098 {
    background-image: url(https://www.essante.com/images/itemcodes/098.jpg);
}

.DP_423 {
    background-image: url(https://www.essante.com/images/itemcodes/423.jpg);
}

.DP_417 {
    background-image: url(https://www.essante.com/images/itemcodes/417.jpg);
}

.DP_420 {
    background-image: url(https://www.essante.com/images/itemcodes/420.jpg);
}

.DP_100 {
    background-image: url(https://www.essante.com/images/itemcodes/100.jpg);
}

.DP_105 {
    background-image: url(https://www.essante.com/images/itemcodes/105.jpg);
}
.DP_105 {
    background-image: url(https://www.essante.com/images/itemcodes/105.jpg);
}

.DP_482 {
    background-image: url(https://www.essante.com/images/itemcodes/482.jpg);
}

.DP_483 {
    background-image: url(https://www.essante.com/images/itemcodes/483.jpg);
}

.DP_404 {
    background-image: url(https://www.essante.com/images/itemcodes/404.jpg);
}

.DP_485 {
    background-image: url(https://www.essante.com/images/itemcodes/485.jpg);
}

.DP_460 {
    background-image: url(https://www.essante.com/images/itemcodes/460.jpg);
}

.DP_461 {
    background-image: url(https://www.essante.com/images/itemcodes/461.jpg);
}

.DP_462 {
    background-image: url(https://www.essante.com/images/itemcodes/462.jpg);
}

.DP_312 {
    background-image: url(https://www.essante.com/images/itemcodes/312.jpg);
}

.DP_479 {
    background-image: url(https://www.essante.com/images/itemcodes/479.jpg);
}

.DP_101 {
    background-image: url(https://www.essante.com/images/itemcodes/101.jpg);
}

.DP_311 {
    background-image: url(https://www.essante.com/images/itemcodes/311.jpg);
}

.DP_320 {
    background-image: url(https://www.essante.com/images/itemcodes/320.jpg);
}

.DP_115 {
    background-image: url(https://www.essante.com/images/itemcodes/115.jpg);
}

.DP_315 {
    background-image: url(https://www.essante.com/images/itemcodes/315.jpg);
}

.DP_325 {
    background-image: url(https://www.essante.com/images/itemcodes/325.jpg);
}

.DP_255 {
    background-image: url(https://www.essante.com/images/itemcodes/255.jpg);
}

.DP_414 {
    background-image: url(https://www.essante.com/images/itemcodes/414.jpg);
}

.DP_615 {
    background-image: url(https://www.essante.com/images/itemcodes/615.jpg);
}

.DP_617 {
    background-image: url(https://www.essante.com/images/itemcodes/617.jpg);
}

.DP_618 {
    background-image: url(https://www.essante.com/images/itemcodes/618.jpg);
}

.DP_616 {
    background-image: url(https://www.essante.com/images/itemcodes/616.jpg);
}

.DP_621 {
    background-image: url(https://www.essante.com/images/itemcodes/621.jpg);
}

.DP_484 {
    background-image: url(https://www.essante.com/images/itemcodes/484.jpg);
}

.DP_550 {
    background-image: url(https://www.essante.com/images/itemcodes/550.jpg);
}

.DP_552 {
    background-image: url(https://www.essante.com/images/itemcodes/552.jpg);
}

.DP_555 {
    background-image: url(https://www.essante.com/images/itemcodes/555.jpg);
}

.DP_1011 {
    background-image: url(https://www.essante.com/images/itemcodes/1011_L.jpg);
}

.DP_468 {
    background-image: url(https://www.essante.com/images/itemcodes/468_L.jpg);
}












/* DP = Details Product DL= Details Label */
/************************/

.DL_030 {
    background-image: url(https://www.essante.com/images/itemcodes/030_det_L.jpg);
}

.DL_030b {
    background-image: url(https://www.essante.com/images/itemcodes/030_detF_L.jpg);
}

.DL_470 {
    background-image: url(https://www.essante.com/images/itemcodes/470_det_DD.jpg);
}

.DL_412 {
    background-image: url(https://www.essante.com/images/itemcodes/412_det_DD.jpg);
}

.DL_469 {
    background-image: url(https://www.essante.com/images/itemcodes/469_det_DD.jpg);
}

.DL_400 {
    background-image: url(https://www.essante.com/images/itemcodes/400_det_DD.jpg);
}

.DL_410 {
    background-image: url(https://www.essante.com/images/itemcodes/410_det_DD.jpg);
}

.DL_471 {
    background-image: url(https://www.essante.com/images/itemcodes/471_det_DD.jpg);
}

.DL_415 {
    background-image: url(https://www.essante.com/images/itemcodes/415_det_DD.jpg);
}

.DL_401 {
    background-image: url(https://www.essante.com/images/itemcodes/401_det_DD.jpg);
}

.DL_409 {
    background-image: url(https://www.essante.com/images/itemcodes/409_det_DD.jpg);
}

.DL_250 {
    background-image: url(https://www.essante.com/images/itemcodes/250_det_DD.jpg);
}
.DL_252 {
    background-image: url(https://www.essante.com/images/itemcodes/252_det_DD.jpg);
}

.DL_411 {
    background-image: url(https://www.essante.com/images/itemcodes/411_det_DD.jpg);
}

.DL_098 {
    background-image: url(https://www.essante.com/images/itemcodes/098_det_DD.jpg);
}

.DL_423 {
    background-image: url(https://www.essante.com/images/itemcodes/423_det_DD.jpg);
}

.DL_417 {
    background-image: url(https://www.essante.com/images/itemcodes/417_det_DD.jpg);
}

.DL_420 {
    background-image: url(https://www.essante.com/images/itemcodes/420_det_DD.jpg);
}

.DL_100 {
    background-image: url(https://www.essante.com/images/itemcodes/100_det_XL.jpg);
}

.DL_105 {
    background-image: url(https://www.essante.com/images/itemcodes/105_det_XL.jpg);
}

.DL_414 {
    background-image: url(https://www.essante.com/images/itemcodes/414_det_DD.jpg);
}

.DL_615 {
    background-image: url(https://www.essante.com/images/itemcodes/615_det_DD.jpg);
}

.DL_617 {
    background-image: url(https://www.essante.com/images/itemcodes/617_det_DD.jpg);
}

.DL_618 {
    background-image: url(https://www.essante.com/images/itemcodes/618_det_DD.jpg);
}

.DL_616 {
    background-image: url(https://www.essante.com/images/itemcodes/618_det_DD.jpg);
}

.DL_621 {
    background-image: url(https://www.essante.com/images/itemcodes/618_det_DD.jpg);
}

.DL_484F {
    background-image: url(https://www.essante.com/images/itemcodes/550F_det_L.jpg);
}

.DL_484B {
    background-image: url(https://www.essante.com/images/itemcodes/550B_det_L.jpg);
}

.DL_550F {
    background-image: url(https://www.essante.com/images/itemcodes/550F_det_L.jpg);
}

.DL_550B {
    background-image: url(https://www.essante.com/images/itemcodes/550B_det_L.jpg);
}

.DL_552 {
    background-image: url(https://www.essante.com/images/itemcodes/552_det_L.jpg);
}

.DL_555F {
    background-image: url(https://www.essante.com/images/itemcodes/555NEWF_det_L.jpg);
}

.DL_555B {
    background-image: url(https://www.essante.com/images/itemcodes/555NEWB_det_L.jpg);
}

.DL_1011 {
    background-image: url(https://www.essante.com/images/itemcodes/1011_det_L.jpg);
	margin-right:25px !important;
}

.DL_468 {
    background-image: url(https://www.essante.com/images/itemcodes/468_det_DD.jpg);
}







.patents {
    display:inline-block;
    text-align:center;
}

.patents a {
    display:inline-block;
}

.patents h3 {
    text-align:center;
}









.Dproduct {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 90px;
    margin: 0px 0px;
}

.Dproduct img {
	max-width:90px;
}

.Dlabel {
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    width: 90px;
    margin: 0px 2px 0px 0px;
}

.Dlabel img {
	max-width:90px;
}

.Daudio {
    margin: -2px 10px;
    height:auto;

}

.Dvideo {
    margin-left: 5px;
    height:auto;

}

.TextAlertMessage {
    width:100px;
}

.DEToutlinetemp {
}

@media only screen and (max-width: 1400px) and (min-width: 991px) {
    
.DETwrapper {
    width: 100%;
    overflow: hidden;
    margin-top: 25px;
    text-align:center;
}
    
    .Dproduct {
     width: 100px;
}
    .Dlabel {
    width: 74px;
    margin: 0px 2px 0px 5px;
}
    .Daudio {
    margin: -2px 0px;
}
    .Dvideo {
}
    
}

@media only screen and (max-width: 700px) {
    
.DETwrapper {
    width: 100%;
    overflow: hidden;
    margin-top: 25px;
    text-align:center;
}
    
    
    .Dproduct {
     width: 100px;
}
    .Dlabel {
    width: 74px;
    margin: 0px 2px 0px 5px;
}
    .Daudio {
    margin: -2px 0px;
}
    .Dvideo {
}
    
}




/* PAGES - MEGA MENU STYLE */
/************************/

#megalayout-contact {
	width:100%;
	overflow:hidden;
}

#megalayout-contact H2 {
margin: 0px 0px 27px 0px;
}

#megalayout-contact H5 {
    margin: 0px;
    font-weight: normal;
    color: #44a35c;
    margin-bottom: 8px;
    font-size: 1.5em;
}

#megalayout-contact p {
margin: 0px 0px 10px 0px;	
}

#megalayout-contact a {
color:#263248 !important;
text-decoration: none;
}

#megalayout-contact a:hover {
color:#909090 !important;	
}

.supportopener H5 {
    background-color: #44a35c;
    padding: 4px 17px;
    width: auto;
    display: inline-block;
    margin-bottom: 11px !important;
    border-radius: 37px;
    color: white !important;
	}

.supportbodyblock {
	margin-left: 13px;
	margin-bottom: 30px;
}

.contactAtopleft {
    width: 46%;
    margin-right: 72px;
    float: left;
}

.contactAtopright {
	width:70%;
	float:left;
}

.contactBottom {
	width:100%;
	margin: 0px 0px;
}

.contactBottom H5 {
	margin-top: 1.3em !important;
}

.discoveryLeft {
	width:100%;
    margin-right: 2%;
	float:left;
	margin-bottom: 200px;
	
}

.helpLeft {
	width:100%;
    margin-right: 2%;
	float:left;
	margin-bottom: 200px;
	
}

.discoveryRight {
	width:60%;
    margin-right: 2%;
	float:left;
	margin-bottom: 5%;
	
}

.trin-100.banner-text h3 {
    line-height: 28px !important;
}

#shopMegamenuEss .trin-4:nth-of-type(4){
	height:160px;
}

#shopMegamenuEss .trin-4:nth-of-type(8){
	height:320px;
}






@media (max-width: 990px) {
	
	#shopMegamenuEss .trin-4:nth-of-type(4){
	height:auto;
}
	#shopMegamenuEss .trin-4:nth-of-type(8){
	height:auto;
}



	
.contactAtopleft {
	width:95%;
	padding-right:25px;
	float:none;
	margin: 25px 0px;
}

.contactAtopright {
	width:95%;
	float:none;
}	
	
.discoveryLeft {
	width:98%;
    margin-right: 2%;
	float:none;
	
}

.discoveryRight {
	width:98%;
    margin-right: 0%;
	float:none;
	margin-bottom: 5%;
	
}
	
.pic100 {
	width:200%;
}
	
.cert_cell {
    width: 15%;
    float: none;
    padding-bottom: 0px;
    padding-top: 3px;
}

	
}

/*JR CHECK-OUT SIGNUP PAGE disappearings 2022 determined to be confusing*/

.ViewShoppingCartv4 #ctl00_ContentPlaceHolder1_lblSaveTime {
    display:none;
}

.ViewShoppingCartv4 .sign-in-box {
    display:none;
}





#ctl00_ContentPlaceHolder1_lblSaveTime a {
    background-color:#000;
    padding:10px;
    color:white;
	font-size: 16px;
}

#ctl00_ContentPlaceHolder1_lblSaveTime u {
text-decoration:none;
}

#ctl00_ContentPlaceHolder1_lblSaveTime a:hover {
text-decoration:none;
    background-color:#7e7e7e
}


/* HOME PAGE DINO'S CODE PARALLAX*/
/************************/

        #ctl00_ContentPlaceHolder1_MasterGroupSecondaryBannerContainer .frame.fit.special-boxes,
        #ctl00_ContentPlaceHolder1_MasterGroupSecondaryBannerContainer .box.trin-100,
        #ctl00_ContentPlaceHolder1_MasterGroupSecondaryBannerContainer .trin-100.banner-content,
        #ctl00_ContentPlaceHolder1_ProductListingMasterContainer .frame.fit.special-boxes,
        #ctl00_ContentPlaceHolder1_ProductListingMasterContainer .box.trin-100,
        #ctl00_ContentPlaceHolder1_ProductListingMasterContainer .trin-100.banner-content {
            width: 100%;
            padding: 0px 0 !important;
        }

        .shop-banner .shop-banner-content p {
            margin-bottom: 15px;
        }

.para-bg1 {
    background-image: url(https://www.essante.com/Portals/2020/images/parallax_lavender.jpg);
	background-size: cover !important;
	background-position: center;
}

.para-bg2 {
    background-image: url(https://www.essante.com/Portals/2021/images/ProductNutritionals_1500.jpg);
    	background-size: cover !important;
	background-position: top;
}

.para-bg3 {
    background-image: url(https://www.essante.com/Portals/2021/images/ProductEssentialOils_1500.jpg);
	background-size: cover !important;
	background-position: center;
}

.para-bg3.tint:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
}

.HPshopMenu {
    text-align: center;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 49px;
}

.para-bg1.tint:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0);
}

.container-parallax {
	background-attachment: fixed;
	background-size: cover;
}

.container-parallax h1 {
    font-size: 2.5em;
    margin: 0 auto;
    line-height: 1.3em;
    margin-top: 0px;
}

.ingredient_header_wrapper {
    max-width:1000px;
    width:100%;
        margin: 0 auto;
}

.HP_subhead {
    font-size:1.4em;
}

.ingredient_button_link_wrapper {
    width:100%;
    text-align:center;
    margin-top:36px
}

.ingredient_button_link {
    width: auto;
    display: inline-block;
    color: #000000;
    font-size: 1.2em;
    background-color: white;
    font-weight: normal;
    border-radius: 2px;
    margin: 10px 35px 10px;
    padding: 11px 22px;
}

.ingredient_button_link_black {
    display: inline-block;
    color: #fff;
    font-size: 1.2em;
    background-color: black;
    font-weight: normal;
    border-radius: 2px;
    margin: 10px 35px 10px;
    padding: 17px 0px 15px 0px;
    width: 269px;
}

.ingredient_button_link:hover {
    	background: rgba(255, 255, 255, 0.6);
         transition: 0.2s;
}

.ingredient_button_link_black:hover {
    	background: rgba(0, 0, 0, 0.4);
        transition: 0.2s;
}

.newreviewslink {
    text-align:center;
    padding: 25px 0px 44px 0px;

}

@media (max-width: 767px) {
.container-parallax {
	background-attachment: initial;
}
    .ingredient_button_link {
    padding: 11px 15px;
    margin: 14px;
}
    
}

/* HOME PAGE DINO'S CODE IMAGE GRID*/
/************************/


.shop-grid [class*=trin-] {
	padding: 0 !important;
}

.shop-grid h3 {
	margin-bottom: 3px !important;
    color:black !important;
}

.shop-grid .one-img::before,
.shop-grid .one_b-img::before,
.shop-grid .two-img::before,
.shop-grid .two_b-img::before,
.shop-grid .two_c-img::before,
.shop-grid .three-img::before,
.shop-grid .four-img::before,
.shop-grid .five-img::before,
.shop-grid .six-img::before,
.shop-grid .six_b-img::before {
	opacity: 0.1;
	background-color: rgba(255, 255, 255, 0.45);
    width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.shop-grid .one-img:hover::before,
.shop-grid .one_b-img:hover::before,
.shop-grid .two-img:hover::before,
.shop-grid .two_b-img:hover::before,
.shop-grid .two_c-img:hover::before,
.shop-grid .three-img:hover::before,
.shop-grid .four-img:hover::before,
.shop-grid .five-img:hover::before,
.shop-grid .six-img:hover::before,
.shop-grid .six_b-img:hover::before {
	background-color: rgba(0, 0, 0, 0.20);
	opacity: 1;

}

.shop-grid .one-img {
	background-image: url(https://www.essante.com/Portals/2020/images/BodySpa.jpg);
	height: 420px;
	background-size: cover;
	background-position: center;
}

.shop-grid .one_b-img {
	background-image: url(https://www.essante.com/Portals/2020/images/PhNutrition.jpg);
	height: 420px;
	background-size: cover;
	background-position: center;
}

.shop-grid .two-img {
	background-image: url(https://www.essante.com/Portals/2020/images/HomeCare.jpg);
	height: 210px;
	background-size: cover;
	background-position: center;
}

.shop-grid .two_b-img {
	background-image: url(https://www.essante.com/Portals/2020/images/HomeCare.jpg);
	height: 210px;
	background-size: cover;
	background-position: center;
}

.shop-grid .two_c-img {
	background-image: url(https://backoffice.trinitysoft.net/home-page-jun-2018/Live-strongly.jpg);
	height: 210px;
	background-size: cover;
	background-position: center;
}

.shop-grid .three-img {
	background-image: url(https://www.essante.com/Portals/2020/images/Baby.jpg);
	height: 210px;
	background-size: cover;
	background-position: center;
}

.shop-grid .four-img {
	background-image: url(https://www.essante.com/Portals/2020/images/EssentialOils.jpg);
	height: 210px;
	background-size: cover;
	background-position: center;
}

.shop-grid .five-img {
	background-image: url(https://backoffice.trinitysoft.net/home-page-jun-2018/Live-Beautifully.jpg);
	height: 230px;
	background-size: cover;
	background-position: center;
}

.shop-grid .six-img {
	background-image: url(https://www.essante.com/Portals/2020/images/Sale.jpg);
	height: 210px;
	background-size: cover;
	/*background-position: center;*/
	background-position: center;
}

.shop-grid .six_b-img {
	background-image: url(https://www.essante.com/Portals/2020/images/CatMerch.jpg);
	height: 210px;
	background-size: cover;
	/*background-position: center;*/
	background-position: center;
}

.shop-grid .section-text-bottom {
    position: absolute;
    top: 26px;
    left: 19px;
    right: 30px;
    /*border-left: 2px solid #de9100;*/
    padding-left: 30px;
}

.shop-grid .section-text-bottom * {
	color: black;
}

.shop-grid * {
	color: black;
}
    
.shop-grid-button {
background-color: rgba(0, 0, 0, 0.95);
    padding: 8px 8px 8px 8px;
    border-radius: 2px;
    width: 119px;
    color: white !important;
    text-align: center;
    border: solid 1px #cccccc;
    }

@media (max-width: 767px) {
	.shop-grid [class*=trin-] {
		width: 100% !important;
	}
}


/* HOME PAGE DINO'S CODE IMAGE GRID TRIPLE BELOW VERSION*/
/************************/


.shop-grid2 [class*=trin-] {
	padding: 0 !important;
}

.shop-grid2 h3 {
    margin-bottom: 0px !important;
    color: white !important;
    line-height: 1.3em !important;
}
.shop-grid2 h4 {
    margin-bottom: 3px !important;
    color: white !important;
    margin: 10px 0px 0px 0px;
    font-size: 2em;
    line-height: .7em;
}
.shop-grid2 h5 {
margin-bottom: 3px !important;
    color: white !important;
    margin: 8px 0px;
}


.shop-grid2 .one_bJ-img::before,
.shop-grid2 .sixJ-img::before,
.shop-grid2 .six_bJ-img::before {
	opacity: 1;
	background-color: rgba(0, 0, 0, 0.45);
    width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.shop-grid2 .one_bJ-img:hover::before,
.shop-grid2 .sixJ-img:hover::before,
.shop-grid2 .six_bJ-img:hover::before {
	background-color: rgba(0, 0, 0, 0.20);
    opacity: 0.1;

}


.shop-grid2 .one_bJ-img {
	background-image: url(https://www.essante.com/Portals/2020/images/grid_story.jpg);
	height: 420px;
	background-size: cover;
	background-position: center;
    float:right;
}


.shop-grid2 .sixJ-img {
	background-image: url(https://www.essante.com/Portals/2020/images/grid_subscribe.jpg);
	height: 210px;
	background-size: cover;
	/*background-position: center;*/
	background-position: center;
}

.shop-grid2 .six_bJ-img {
	background-image: url(https://www.essante.com/Portals/2020/images/grid_join.jpg);
	height: 210px;
	background-size: cover;
	/*background-position: center;*/
	background-position: center;
}

.shop-grid2 .section-text-bottom {
    position: absolute;
    top: 26px;
    left: 19px;
    right: 30px;
    /*border-left: 2px solid #de9100;*/
    padding-left: 30px;
}

.shop-grid2 .section-text-bottom * {
	color: black;
}

.shop-grid2 * {
	color: black;
}
    
.shop-grid2-button {
background-color: rgba(0, 0, 0, 0.75);
    padding: 8px 8px 8px 8px;
    border-radius: 2px;
    width: 119px;
    color: white !important;
    text-align: center;
    border: solid 1px #cccccc;
    margin-top: 19px;
    }



@media (max-width: 767px) {
	.shop-grid2 [class*=trin-] {
		width: 100% !important;
	}
}

/* HOME PAGE ITEMS: JR STYLES 2022 */
/************************/



#HP_NavPanel {
    padding: 26px 0px;
    overflow: hidden;
}

#HP_NavPanel .top {
width: 100%;
    margin: 0 auto;
    text-align: center;
}

.NavPanelHeader {
    margin: 65px 0px 51px;
}

.NavPanelHeader h1 {
    font-size:50px;
    line-height:40px;
}
.NavPanelHeader p {
    font-size:17px;
}


#HP_NavPanel .top ul {
    
}

#HP_NavPanel .top ul li {
    display: block;
    color: white;
    background-color: black;
    max-width: 310px;
    text-align: center;
    margin-bottom: 10px !important;
    padding: 10px;
    font-size: 15px;
    margin: 0 auto;
}


.hpnavpanelhoverDIV:hover {
    opacity: 0.5;
        text-decoration:none;
}

.pictureclass a:hover {
        text-decoration:none;
}

.hpnavpanelhover ul a:hover {
    opacity: 0.6;
        text-decoration:none;
}

#HP_NavPanel .left {
    float:left;
    display:inline-block;
    width: 41%;
}

.LeftButtonWrapper ul {
    margin:0px;
}

.LeftButtonWrapper p {
    margin-top: -16px;
    font-size: 13px;
    margin-bottom: 9px !important;
    text-align: center;
}

.LeftButtonWrapper ul li {
    display: block;
    color: white;
    background-color: black;
    text-align: center;
    margin-bottom: 18px;
    padding: 6px;
    font-size: 15px;
}

.LeftButtonWrapper {
    float:right
}

#HP_NavPanel .right {
    float: right;
    display: inline-block;
    width: 51%;
    
}

#HP_NavPanel .right ul li {
    display:block;
    color:white;
    background-color:black;
    
}

.pictureclass {
        border: 1px solid black;
    width: 329px;
    height: 200px;
    margin-bottom: 15px;
}

.picturebutton1 {
        position: relative;
    bottom: -139px;
    width: 239px;
    background-color: black;
    color: white;
    padding: 10px;
    margin: 0 auto;
    text-align: center;
}

.picturebutton2 {
        position: relative;
    bottom: -139px;
    width: 239px;
    background-color: black;
    color: white;
    padding: 10px;
    margin: 0 auto;
    text-align: center;
}


.RightButtonWrapper {
    float:left;
    width:49%;
}

.pic1 {
    background-image:url(https://www.essante.com/Portals/2022/images/PanelImage_z3b.jpg);
    background-repeat:Â no-repeat;
    background-size: cover;
}

.pic2 {
    background-image:url(https://www.essante.com/Portals/2022/images/PanelImage_Catalog.jpg);
    background-repeat:Â no-repeat;
    background-size: cover;
}

.ULsales {
    
}

.ULsales ul li {
    width: 200px;
}

.ULbody {
    
}

.ULbody ul li  {
    width: 200px;
}

.ULoils {
    
}

.ULoils ul li  {
    width: 200px;
}

.CatalogPage {
    text-align:center;
    margin-top:50px;
    width:100%
    
}

.CatalogPage img {
    text-align:center;
    width:100%;
    max-width: 830px;
    
}

.CatalogPage h1 {
    font-size: 3.5em;
    margin: 0 0 7px 0;
}

.CatalogPage h2 {
    margin: 0 0 20px 0;
}

.CatalogPage p {
    font-size:1.3em
}

body.SCCRoutingCodeViewCatalog {
    padding-top: 0!important;
}


/* HOME PAGE NAVPANEL RESPONSIVENESS */

@media (max-width: 767px) {
	
#HP_NavPanel .left {
    float:none;
    display:inline-block;
    width: 100%;
}
    
#HP_NavPanel .right {
    float: none;
    display: inline-block;
    width: 100%;
    
}
    
.LeftButtonWrapper {
    float:none;
        width:100%;
}
    
.RightButtonWrapper {
    float:none;
    width:100%;
}
    
.ULsales {
    
}

.ULsales ul li {
    width: 60%;
    margin:0 auto;
    margin-bottom:10px;
}

.ULbody {
    
}

.ULbody ul li  {
    width: 60%;
    margin:0 auto;
    margin-bottom:10px;
}

.ULoils {
    
}

.ULoils ul li  {
    width: 60%;
    margin:0 auto;
    margin-bottom:10px;
}
    
.pic1 {
    background-image:url(https://www.essante.com/Portals/2022/images/PanelImage_z3.jpg);
    background-repeat:Â no-repeat;
    background-size: cover;
    background-position: right;
    margin-right:10px;
}
    
.pictureclass {
    border: 1px solid black;
    width: 48%;
    height: 200px;
    margin-bottom: 15px;
    float: left;
}
    
.picturebutton1 {
    position: relative;
    bottom: -139px;
    width: auto;
    background-color: black;
    color: white;
    padding: 4px 8px;
    margin: 0 auto;
    text-align: center;
    line-height: 17px;
}
    
.picturebutton2 {
    position: relative;
    bottom: -139px;
    width: auto;
    background-color: black;
    color: white;
    padding: 4px 44px;
    margin: 0 auto;
    text-align: center;
    line-height: 17px;
} 
    
.NavPanelHeader {
    margin: 41px 0px 30px;
}
    
.NavPanelHeader h1 {
    font-size: 49px;
    line-height: 51px;
}
    
.NavPanelHeader p {
    font-size: 17px;
    line-height: 23px;
}
    
.LeftButtonWrapper p {
    margin-top: -7px;
    font-size: 17px;
    margin-bottom: 9px !important;
    text-align: center;
} 
    
}

	
/* HOME PAGE REDO: JR STYLES 2024 BEGINS HERE */
/************************/
/************************/

/* Hides odd Popup navbar on Firestorm Form for Reviewing Products */
#popup header {
	display:none;
}

/* Hides Products on Shop By Category ALL page rtl and wsl */


.G1139 .product-item-master {
    display: none;
}


.G2144 .product-item-master {
    display: block;
}
.G2155 .product-item-master {
    display: block;
}
.G2157 .product-item-master {
    display: block;
}
.G2148 .product-item-master {
    display: block;
}
.G2142 .product-item-master {
    display: block;
}
.G2152 .product-item-master {
    display: block;
}
.G2149 .product-item-master {
    display: block;
}
.G2150 .product-item-master {
    display: block;
}
.G2141 .product-item-master {
    display: block;
}
.G2156 .product-item-master {
    display: block;
}
.G2154 .product-item-master {
    display: block;
}
.G2146 .product-item-master {
    display: block;
}
.G2140 .product-item-master {
    display: block;
}
.G2158 .product-item-master {
    display: block;
}
.G2153 .product-item-master {
    display: block;
}
.G2151 .product-item-master {
    display: block;
}
.G2145 .product-item-master {
    display: block;
}
.G2143 .product-item-master {
    display: block;
}
.G2147 .product-item-master {
    display: block;
}
.G2160 .product-item-master {
    display: block;
}
.G2159 .product-item-master {
    display: block;
}



.G1139 .navbox-bygoal ul {
	display:none;
}



/* Begin Home Page Redo */
    .navbar {
        text-align: center;
        background-color: #fff;
		font-size:1.2em;
		width:100%;
		padding-bottom: 3px;
    }
    .navbar a {
    	border-bottom: 2px solid white;
		display: inline-block;
    	padding: 7px 46px;
    	color: #000;
    	text-decoration: none;
    }
    .navbar a:hover, .navbar a.nav-active, .MG75 .navbar a[href="MainCartv4.aspx?MG=75"] {
        border-bottom: 2px solid black;
		text-decoration:none;
		color:black;
	 }

	    .navbar a:visited {
		color:black;	
	 }

@media (max-width: 1000px) {
	.navbar {
    text-align: center;
    background-color: #fff;
    font-size: 1.2em;
    width: 100%;
    padding: 7px 0px 7px 0px;
    line-height: .8em;
}
}

@media (max-width: 88em) {
    .navbar a {
    display: inline-block;
    padding: 7px 23px;
    color: #000;
    text-decoration: none;
}
}

@media (max-width: 1076px) {
    .navbar a {
    display: inline-block;
    padding: 7px 9px;
    color: #000;
    text-decoration: none;
}
}

@media (max-width: 880px) {
    .navbar a {
    display: inline-block;
    padding: 7px 6px;
    color: #000;
    text-decoration: none;
}
}


/* HOME (HP4) PAGE GLOBAL ITEMS TEXT ETC */
/************************/
/* For Shop By Category, a link spanner for the images rather than cheating */
.link-spanner{
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;
}

/* v4 are typical pages eg: CAREERS */

.V4PagesWrapper {
	position:relative;
}

.V4BodyWrapper {
    margin: 0 auto;
    max-width: 1300px;
    Position: relative;
    width: 90%;
	padding-top: 25px;

}


.V4PagesWrapper h1 {
	color:black;
	font-size:3em;
}

.V4PagesWrapper h2 {
	color:black;
}

.V4PagesWrapper p {
    color: black;
    font-size: 1.2em;
	line-height: 1.6em;
}

.V4PagesWrapper ol, ul, li {
    color: black;
    font-size: 1.1em;
    line-height: 1.3em;
    margin-bottom: .3em;
}

@media screen and (max-width:1000px) {
	.V4BodyWrapper {
    margin: 0 10px;
}
	
	.V4PagesWrapper h2 {
    color: black;
    font-size: 1.7em;
}
}


/* HP4 are the new home page */

#HP4_PageWrapper {
	
}

#HP4_PageWrapper h2 {
	color:black
}

#HP4_PageWrapper h1 {
	color:black
}


.HP4_Header_Med {
	width: 1200px;
    margin: 50px auto 35px;
}

.HP4_Header_Med h1 {
    text-align: left;
    font-size: 3.8em;
    font-weight: 100;
    line-height: .6em;
    margin-left: 90px;
    margin-bottom: 25px;
}

.HP4_Header_Med h2 {
    text-align: left;
    font-size: 7em;
    font-weight: 100;
    line-height: .1em;
    margin-bottom: 57px;
}

.HP4_Standard_Wrapper  {
	width: 990px;
    overflow: hidden;
    margin: 0 auto;
}

@media (max-width: 900px) {
	.HP4_Header_Med h1 {
    font-size: 3.3em;
    line-height: .4em;
    margin-left: 90px;
    margin-bottom: 25px;
}
	.HP4_Header_Med h2 {
    font-size: 6em;
    line-height: .1em;
    margin-bottom: 57px;
}
}

/* PROBLEM SOLUTION PAGE */
.ProblemSolution {
	text-align: center;

}

.ProblemSolution img {
    display: inline-block;
    max-width: 1300px;
    width: 100%;
    margin-bottom: 25px !important;
    border: 1px solid black;
	box-shadow: 5px 10px 8px #888888;
}



/* PARALLAX HEADER */
/************************/


.HPivParallaxHeader_text_block_backdrop {
	background-color: rgba(0, 0, 0, 0.3);
}


#HPivParallaxHeader {
    width: 100%;
    height: 945px;
    background-size: cover;
    background-position: center;
    transition: background-image 1s ease-in-out;
    overflow: hidden;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px 0px 0px 0px;
    position: relative;
}

.HPivParallaxHeader_BottomElement {
    position: absolute;
    bottom: 0px;
    width: 90%;
    text-align: center;
    height: 121px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0);
    padding-top: 37px;
    margin-bottom: 25px;
}

.HPivParallaxHeader_BottomElement_Button {
	display: inline-block;
	text-align:center;
	width:300px;
	background-color:#000;
	color:#fff;
	z-index: 99;
    position: relative;
	margin: 0px 39px;
    padding: 13px 0px;
    font-size: 1.3em;
    font-weight: 100;
}

#BoxType_UserContent_151 {
	z-index:9998 !important;
	opacity: 0.99;
}

.colorjoin {border: solid 2px #ff8d03;}
.colorshop {border: solid 2px #cc0b0b;}
.colorvideo {border: solid 2px #89ee1b;}

.custom-shape-divider-bottom-1720046990 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1720046990 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 193px;
}

.custom-shape-divider-bottom-1720046990 .shape-fill {
    fill: #FFFFFF;
}

.HPivParallaxHeader_text_block {
color: #fff !important;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 3px;
	}

.HPivParallaxHeader_text_block h1 {
	color:#fff !important;
	font-weight: 400;
	font-size: 3.5em;
	line-height: 0px;
	}
.HPivParallaxHeader_text_block h2 {
    color: #fff !important;
	margin: .2em 24px 10px 24px;
    font-size: 2.5em;
    font-weight: 100;
	}

.mr-de-haviland-regular {
  font-family: "Mr De Haviland", cursive;
  font-weight: 400;
  font-style: normal;
}

.monoton {
  font-family: "monoton", fantasy;
  font-weight: 100;
  font-style: normal;
	color: #FF6161;

}

.BaselineShift {
	position: relative;
    bottom: -.3em;
	font-size:1.6em;
}

@media (max-width: 1300px) {
	
	.HPivParallaxHeader_BottomElement_Button {
    margin: 0px 20px;
}
	
}

@media (max-width: 1200px) {
.HPivParallaxHeader_BottomElement {
    height: 200px;
	padding-top: 37px;
    margin-bottom: 10px;
}

	.HPivParallaxHeader_BottomElement_Button {
    display: block;
    width: 300px;
    margin: 0px 39px;
    padding: 9px 0px;
    margin: 0px auto 10px;
}
	
#HPivParallaxHeader {
    background-attachment: inherit !important;
	height: 638px;
	padding: 0px 0px 0px 0px;
	
}
	
.HPivParallaxHeader_text_block {
    color: #fff;
    text-align: center;
	padding-top: 30px;
}
	
.HPivParallaxHeader_text_block h1 {
	color:#fff !important;
	font-weight: 100;
	font-size:3.7em;
	}

.HPivParallaxHeader_text_block h2 {
    color: #fff;
     margin-top: -0.4em;
     font-size: 1.7em;
     font-weight: 100;
}
	
	
}

/* SHOP CATEGORIES */
/************************/

.ShopCategories {
	width:100%;
	text-align:center;
	background-image: url("https://www.essante.com/Portals/2024/images/DesertScene.jpg");
	background-position:center;
	padding: 1px 0 10px 0;
	background-size: cover;
	scroll-margin-top: 5.2rem;
}

.ShopCategories_VidBox {
    width: 274px;
	height: 343px;
    position: relative;
	overflow:hidden;
}

.ShopCategories a {
	text-decoration:none;
}

.ShopCategories a:hover {
	text-decoration:none;
}

.toparch {
	border-radius: 137px 137px 0 0;
}

.ShopVidPara {
	bottom: 57px;
    position: relative;
    color: white !important;
    font-size: 1.3em;
	padding: 0px !important;
}

.ShopCategories_VidBox video {
  width: 100%;
  height: 100%;
 /* position: absolute;*/
  object-fit: cover;
  z-index: 0;
}

.ShopCategories_VidBox_Wrapper {
	 display: inline-block;
     margin: 0px 25px 77px 25px;
}

.VidTitleBox {
    background-color: #000;
    padding: 10px 0px;
    color: #fff;
	font-size: 1.3em;
}

/* TO LIMIT HOVERS ON SMALL SCREENS */
/************************/
@media only screen and (min-width: 700px) {
.hover:hover {
    background-color: #474747;
    transition: 0.4s;
}

.hover2:hover {
    background-color: #474747;
    transition: 0.4s;
	color:white;
}
	
	a {
  color: #000;
  text-decoration: none; }
  a:visited {
    color: #000; }
  a:hover {
    color: #000; }
  a:active {
    color: #000; }
  a:hover {
    color: #000;
	text-decoration: underline; }

}


@media (max-width: 1400px) {
	.ShopCategories_VidBox_Wrapper {
    display: block;
}
	.HP4_Header_Med {
    width: 90%;
}
	
	.HP4_Standard_Wrapper {
    width: 90%;
	}
	
	.ShopCategories_VidBox {
    left: 50%;
    transform: translateX(-50%);
}
	
.VidTitleBox {
    width: 274px;
    margin: 0 auto;
}
	
.ShopCategories_VidBox_Wrapper {
    display: inline-block;
    margin: 0px 25px 29px 25px;
}
	
}


/* ALTERNATIVE hover box page */
/************************/

.BogosCareers {
	text-align:center;
	scroll-margin-top: 5.2rem;
	padding: 25px;
	margin-top: 50px;

}

.BogosCareers img {
    display: inline-block !important;
    margin: 0 30px !important;
	max-width: 391px;
}



.BogosSwap:hover {
    content: url("https://www.essante.com/Portals/2024/images/BOGO2.jpg?width=391&height=595&cropmode=none");
}

.CareersSwap:hover {
    content: url("https://www.essante.com/Portals/2024/images/WORK2.jpg?width=391&height=595&cropmode=none");
}

@media (max-width: 1400px) {
.BogosCareers img {
        display: block !important;
        margin: 30px auto !important;
        max-width: 391px;
        width: 100%;
}
	
	.BogosSwap:hover {
    content: none;
}

.CareersSwap:hover {
    content: none;
}
}


/* hover box page */
/************************/



.HP4_HoverBox_Wrapper {
    width: 100%;
    text-align: center;
    padding: 50px 0px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
	scroll-margin-top: 5.2rem;
}

.HP4_HoverBox {
    display: inline-block;
    width: 390px;
    margin: 0px 30px;
    vertical-align: top;
    background-image: url(https://www.essante.com/Portals/2024/images/HBOX_bkgnd.gif);
    background-size: contain;
    background-repeat: repeat-x;
    height: 637px;
    padding: 50px;
    overflow: hidden;	
}

.HP4_HoverBox h1 {
    text-align: left;
    font-size: 3.1em;
    font-weight: 100;
    line-height: .6em;
}

.HP4_HoverBox h2 {
    text-align: left;
    font-size: 7em;
    font-weight: 100;
    line-height: .1em;
    margin-bottom: 57px;
}

.HP4_HoverBox img {
	margin-top:25px;
}

.HP4_HoverBox_Header {
    font-size: 2em;
    font-weight: bold !important;
    text-align: left;
    margin-top: 25px;
}

.HP4_HoverboxText {
	margin-top: 25px;
    font-size: 1.1em;
    font-weight: 100;
    max-width: 400px;
    width: 100%;
	text-align:left;
}

.HP4_HoverboxButton {
	display:block;
	color:white;
	background-color:black;
	padding:10px 10px;
	text-align:center;
}

.HP4_HoverboxButton:hover {
	opacity: 0.6;
	transition: 0.4s;
}

@media (max-width: 1400px) {
.HP4_HoverBox {
        display: inline-block;
        width: 36%;
        margin: 0px 21px;
        vertical-align: top;
        background-image: url(https://www.essante.com/Portals/2024/images/HBOX_bkgnd.gif);
        background-size: contain;
        background-repeat: repeat-x;
        height: auto;
        padding: 5px 15px 20px 15px;
        overflow: hidden;
}
}

@media (max-width: 900px) {
.HP4_HoverBox {
        flex-direction: column;
        max-width: 80%;
        min-width: 399px;
        margin-bottom: 50px;
}
}



/* GOAL GRID */
/************************/

.HP4_GoalGrid_Container {
	    text-align: center;
	    margin-bottom: 50px;
	scroll-margin-top: 9.2rem;

}

.HP4_GoalGrid_Columns {
	display: inline-block;
    width: 100%;
	MIN-WIDTH: 280PX;
	vertical-align: top;
}

.HP4_GoalGrid_Wrapper  {
    max-width: 990px;
    overflow: hidden;
    margin: 0 auto;
	width: 100%;

}

.HP4_GoalGrid_Wrapper p {
font-size:12px;
	line-height:18px;

}

.HP4_GoalGrid_Wrapper a {
    display: inline-block;
    border: 1px solid black;
   	width: 265px;
    padding: 11px 0px;
    margin: 0px 10px 22px;
    font-size: 1.3em;
    font-weight: 100;

}

.HP4_GoalGrid_Wrapper a:hover {
	background-color: #D1D1D1;
	text-decoration:none;
	transition: 0.6s;
}

@media (max-width: 600px) {
	.HP4_GoalGrid_Wrapper a {
        display: inline-block;
        border: 1px solid black;
        width: 43%;
        padding: 5px 0px;
        margin: 0px 5px 15px;
        font-size: 1.2em;
        font-weight: 100;
        height: 55px;
        vertical-align: top;
}
	.HP4_GoalGrid_Wrapper p {
	margin-top: 23px;
	}
}





/* SUPPLEMENTS SECTION: JR STYLES */
/************************/

.HP4_Supp_container {
            display: flex;
	scroll-margin-top: 5.2rem;
        }

.HP4_Supp_left-column {
	width: 50%;
    background-color: #F7EEE1;
    padding: 20px 0 195px 0;
        }

.HP4_Supp_left-column div {
    width: 90%;
    padding: 10px;
    margin: 0 auto;
    max-width: 579px;
	   }

.HP4_Supp_left-column_wrapper {
	
} 

.HP4_Supp_left-column_wrapper h1 {
	font-size: 2.5em;
    font-weight: 100;
    margin: 25px 0px 0px 0px;
    line-height: 1em;
} 

.HP4_Supp_left-column_wrapper h2 {
	font-size: 5em;
    margin: 0px 0px 23px 0px;
    line-height: .4em;
} 

.HP4_Supp_left-column_wrapper p {
    text-align: right !important;
    font-size: 1.3em;
    line-height: 1.6em;
    font-weight: 100 !important;
	margin-bottom: 16px !important;

}


.HP4_Supp_right-column {
            width: 50%;
            background-image: url('https://www.essante.com/Portals/2024/images/SupplementsReds.jpg');
            background-size: cover;
            position: relative;
            color: white;
            padding: 20px;
	    	background-position: center;
	overflow:hidden;
        }

.HP4_Supp_right-column p {
	color: black !important;
    text-align: center;
    font-weight: 100 !important;
    font-size: 1.2em;
    margin-bottom: 13px !important;
    }

.HP4_Supp_right-column-textbox {
	position: absolute;
    bottom: 24px;
	 width: 550px;
	 left: 0;
    right: 0;
	margin-left: auto;
    margin-right: auto;
	text-align: center;


}

.HP4_Supp_right-column-textbox a {
    padding: 10px;
    font-size: 1.3em;
    background-color: transparent;
    /* text-decoration: none; */
    color: black !important;
    border: 1px solid black;
    font-weight: 100;
    margin: 0px 4px;
    width: 126px !important;
    display: inline-block;
}

.HP4_Supp_right-column-textbox a:hover {
	background-color:#D1D1D1;
	text-decoration:none;
		color:black;
	font-weight: 100;


}


.HP4_Supp_right-column-textbox a:visited {
	background-color:none;
	text-decoration:none;
	color:black;

}


.HP4_Supp_buttons {
            display:flex;
	justify-content:space-evenly;
            flex-wrap: wrap;
        }

.HP4_Supp_button {
    width: 45%;
    margin: 5px 0px 34px 0px;
    padding: 10px 0px;
    background-color: #000;
    color: white;
    text-align: center;
	border: 1px solid black;

        }

.HP4_Supp_button_white {
            width: 45% !important;
    margin: 5px 0px 34px 0px !important;
            padding: 10px !important;
            background-color: transparent;
            color: black;
            text-align: center;
	border: 1px solid black;
        }

.HP4_Supp_button:hover {
		opacity: 0.6;
	transition: 0.3s;
}

.HP4_Supp_button a {
    color: white;
    text-decoration: none !important;
    padding: 13px 22px;
}

.HP4_Supp_button a:visited {
	color:white
}

.HP4_Supp_button_white a:hover {
	transition: 0.4s;
	text-decoration: none !important;
}

.HP4_Supp_button_white:hover {
		background-color:#D1D1D1;
		transition: 0.3s;
}

.HP4_Supp_button_white a {
	padding: 13px 9px;
	color:black;
}

.HP4_Supp_button_white a:visited {
	color:black;
}

.BoxType_UserContent_151_box_parent {
    height: 39px;
    position: fixed;
    z-index: 9999;
}


@media (max-width: 1000px) {
	
	.HP4_Supp_button {
    width: 90%;
    margin: 5px 0px 17px 0px;
}
	
.HP4_Supp_button_white {
    width: 90% !important;
    margin: 5px 0px 18px 0px !important;
    padding: 10px !important;
    background-color: transparent;
    color: black;
    text-align: center;
    border: 1px solid black;
}
	
.HP4_Supp_container {
    display: block;
}
	
	
	.HP4_Supp_left-column {
    width: 100%;
    background-color: #F7EEE1;
    padding: 20px 0 16px 0;
}
	
	.HP4_Supp_left-column div {
    width: 90%;
    padding: 10px;
    margin: 0 auto;
    max-width: 579px;
}
	
	.HP4_Supp_right-column {
	width: 100%;
    background-position: bottom;
            height: 777px;
}
	
.HP4_Supp_right-column p {
    width: 100%;
	    font-weight: 400 !important;
}
}

@media (max-width: 1000px) {
	.HP4_Supp_right-column-textbox {
    position: absolute;
    bottom: 24px;
    width: auto;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
	.HP4_Supp_right-column-textbox a {
    width: 113px !important;
}
	.HP4_Supp_right-column p {
    font-size: 1.1em;
}
}


#BoxType_UserContent_151 {
    height: 39px !important;
}

.cart-product-details .more-info span {
    display: none;
}

#ctl00_ContentPlaceHolder1_lblEnterCouponCode a{
	color: #000000;
    text-decoration: none;
    font-weight: 600;
}
/* REVIEWS */
/************************/

.HP4_ReviewsContainerWrapper {
	 background-color: #F7F7F7;
	margin-top:42px;
	margin-bottom: 40px;
	scroll-margin-top: 5.2rem;
}


.HP4_ReviewsContainer {
    width: 49%;
    overflow: hidden;
    display: inline-block;
	background-color: #F7F7F7;

}

.HP4_ReviewsLeftPicBox {
    width: 49%;
    display: inline-block;
    background-color: #F7F7F7;
    height: 461px;
    vertical-align: top;
}

.HP4_ReviewsTextBlock {
	width: 50%;
    display: inline-block;
	background-color: #F7F7F7;
	text-align: center;
    padding: 20px;
}

.HP4_PicBoxImageLeft {
	background-image: url('https://www.essante.com/Portals/2024/images/FurnitureSection1.jpg');
	background-position:center;
	background-size:cover;
}

.HP4_PicBoxImageRight {background-image: url('https://www.essante.com/Portals/2024/images/FurnitureSection2.jpg');
	background-position:center;
	background-size:cover;
}

.HP4_ReviewsTextBlock h1 {
    font-size: 2.1em;
    line-height: 1.4em;
    color: #FE6E6E;
}

.HP4_ReviewsTextBlock h2 {
    line-height: .3em;
    color: #FE6E6E;
    font-size: 1.5em;

}

.HP4_ReviewsTextBlock p {
	font-size: 1.2em;
    font-weight: 100;
    line-height: 1.8em;
}

.HP4_ReviewsTextBlock a {
    font-size: 1.2em;
    font-weight: 100;
    line-height: 1.8em;
    border: 1px solid #FF6161;
    padding: 5px 24px;
    display: block;
    width: 52%;
    margin: 0 auto;
	text decoration:none;
	color: #FE6E6E;
}

.HP4_ReviewsTextBlock a:hover {
    background-color: #F27979 !important;
    color: white !important;
    text-decoration: none !important;
}

.HP4_ReviewsTextBlock a:visited {
background-color:#fff;
	color:#FE6E6E;
}


.WinStuffButtons {
	border: 1px solid #FE6E6E;
    padding: 2px 0px 2px 0px;
    width: 187px;
    margin: auto;
    background-color: #fff;
}

.WinStuffButtons a {
	border: none;
    width: 25px;
    display: inline-block;
    padding: 0px;
    margin: 5px 6px 0px 6px;
}


.WinStuffButtons img {
	width:28px;
}


.WinStuffButtons-svg {
	fill: #1e90ff;
}

@media (max-width: 1300px) {
	.HP4_ReviewsContainer {
    width: 100%;
}
	.HP4_ReviewsLeftPicBox {
    width: 100%;
    display: block;
    background-color: #F7F7F7;
    height: 470px;
    vertical-align: top;
}
	.HP4_ReviewsTextBlock a {
        width: 298px;
}
	
	.HP4_ReviewsTextBlock {
    width: 100%;
}
	
.WinStuffButtons a {
	border: none;
    width: auto !important;
    display: inline-block;
    padding: 0px;
    margin: 5px 6px 0px 6px;
}
	
}


/* BODY HAIR MAKEUP BASED ON SUPPLEMENTS */
/************************/

.HP4_BodyHairMakeup_video_Wrapper {
	overflow: hidden;
  position: relative;
	scroll-margin-top: 5.2rem;

}

#HP4_BodyHairMakeup_video video {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

@media (max-width: 1300px) {
#HP4_BodyHairMakeup_video video {
    min-width: 125%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 1000px;
}
}

/* 3 Promos Banner Home Page*/
/************************/
.ThreePromos_rtl {
	width: 100%;
    text-align: center;
    padding: 50px 0px;
}

.ThreePromos_wsl {
	width:100%;
	text-align: center;
    padding: 50px 0px;
}

.ThreePromos_Section {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 0px 0px;
    padding: 15px 0px;
    color: #000;
    max-width: 405px;
    min-width: 405px;
}

.ThreePromos_Section:hover {
	background-color:#e3e3e3;
}



.ThreePromos_Section img {
	width:110px;
}

.ThreePromos_Section p {
	font-size: 1.3em;
	line-height:1.3em
}

.ThreePromosButton {
    color: white;
    background-color: black;
    width: 311px;
    margin: 0 auto;
    padding: 8px 0;
    font-size: 1.3em;
    font-weight: bold;
	margin-top: 15px;
}

.anchor-div {
	display:inline;
	width:0px;
}

.EasyOrderRewards_AnchorWrapper {
	display:inline;
}

@media (max-width: 1300px) {
	   .ThreePromos_Section {
    width: 30%;

}

}

@media (max-width: 900px) {
	   .ThreePromos_Section {
	width: 100%;
	display: block;
    vertical-align: top;
    text-align: center;
    margin: 0 auto;
    padding: 15px 0px;
}

}


/* JOIN SAVE ACCOUNT (AI GENERATED FRAMEWORK)*/
/************************/

.locspacer {
	height:50px;
}

.JSInfluencer_image {
	display:inline-flex;
	width:75px;
	vertical-align: top;
}

.JSInfluencer_text {
display: inline-flex;
    width: 50%;
    vertical-align: top;
    font-size: 1.3em;
    line-height: 1.5em;
    color: #FFD579;
    font-weight: 600;
}

   .HP4_Account_container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
	   scroll-margin-top: 6.5em;
	   overflow: initial !important;
    }

    .HP4_Account_row {
	display: flex;
    width: 100%;
    padding: 0px 50px;
	align-items: center;
	max-width:1800px

    }

    .HP4_Account_column {
    flex: 1;
    text-align: center;
    color: white;
    margin: 20px;
    height: 785px;
	position: relative;
    }

.HP4_Account_column h2 {
    color: white !important;
    margin-top: 30px;
}

    .HP4_Account_column p {
	font-size: 1.3em;
    line-height: 1.7em;
    font-weight: 100 !important;
	padding: 0px 45px 25px 45px;
    }

    .HP4_Account_column img {
        width: 100%;
        height: auto;
    }

.HP4_Account_column_button_section {
	bottom: 25px;
	left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
	width:100%;
	z-index: 2;
}

.HP4_Account_column_button {
	padding: 10px 11px;
    max-width: 255px;
    font-size: 1.3em;
    font-weight: 600;
    color: #000;
    cursor: pointer;
    background-color: white;
    margin: 0 auto;
    display: inline-block;
    height: 41px;
    }

/* THIS SET OF SELECTORS IS AUSTIN'S WAY OF HELPING ME DISAPPEAR AND RE-APPEAR BASED ON CORPORATE OR REPLICATED SITE */
.corporate_button {
	display: none;
}
.ReferringDealerID-1 .corporate_button, .undefined .corporate_button {
	display: block;
}
.ReferringDealerID-1 .replicated_button, .undefined .replicated_button {
	display: none;
}
/* THIS SET OF SELECTORS IS AUSTIN'S WAY OF HELPING ME DISAPPEAR AND RE-APPEAR BASED ON CORPORATE OR REPLICATED SITE */


/* RETAIL WHOLESALE SWTICH */

.Catalog_215 .retailcartvisible {
	display:none;
}

.Catalog_212 .wholesalecartvisible {
	display:none;
}

/* end RETAIL WHOLESALE SWITCH */


/* RETAIL WHOLESALE SWTICH a link */

.Catalog_215 .retailcartvisiblelink a {
	display:none;
}

.Catalog_212 .wholesalecartvisiblelink a {
	display:none;
}

/* end RETAIL WHOLESALE SWITCH a link */



.HP4_Account_column_button_aftertext {
    color: white;
}

.HP4_Account_column_button:hover {
	opacity: 0.6;
	transition: 0.4s;
}

.mostpopularsidepanel {
    display: inline-block;
    height: 41px;
    vertical-align: top;
    text-align: left;
    line-height: 16px;
    padding-top: 3px;
    background-color: #555354;
    padding: 5px 10px 0px 5px;
    font-weight: bold;
}

.HP4_Account_column_button_section p {
	line-height: 0px;
    font-weight: 600 !important;
    font-size: 1.7em;
}


.HP4_Account_Header {
	margin: 120px auto 50px;
}

.HP4_Account_Header h1 {
    font-size: 4em;
    font-weight: 100;
    margin: 0px;
}

.HP4_Account_Header h2 {
	font-size: 4.8em;
    line-height: 4px;
}

.HP4_Account_Header p {
	font-size: 1.3em;
	text-align: center;
}

.tealgrey {background-color:#89B291}
.dustrose {background-color:#E09D67}
.black {background-color:#000000}


.LogOutFromWholesale {
    width: 200px;
    border: black 2px solid;
    padding: 18px;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
}
.LogOutFromWholesale img {
	width:35px;
	margin-top:20px !important;
}

.LogOutFromWholesale H2 {
    margin-top: 10px !important;
}

.LogOutFromWholesale p {
	font-size: 1.3em !important;
}


@media (max-width: 1400px) {
	
.HP4_Account_Header {
    margin: 50px auto 37px;
}
	
.HP4_Account_Header h1 {
        font-size: 3em;
        font-weight: 100;
        margin: 39px 0px 17px 0px;
        line-height: 1.0em;
        text-align: center;
}
	
.HP4_Account_Header h2 {
    font-size: 3.8em;
    line-height: 4px;
    text-align: center;
}
	
.HP4_Account_Header p {
    font-size: 1.6em;
    text-align: center;
    line-height: 1.3em;
}
	
	.HP4_Account_column {
    padding: 0 0 155px 0;
		    height: 806px;

}
	
	.HP4_Account_column h2 {
    color: white;
    margin: 30px 10px 10px 10px;
}
	
.HP4_Account_column>button {
    padding: 10px 25px;
    width: 250px;
    font-size: 1.3em;
    font-weight: 100;
    color: #000;
    border: none;
    border-radius: 0px;
    cursor: pointer;
    position: relative;
    margin: 25px auto;
	left:auto;
    transform:none;
	bottom:auto;
}
}

/* FOR THE FLEX BOXES TEXT TO PRE-SHRINK */
@media (max-width: 1200px) {
.HP4_Account_column p {
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight: 100;
    padding: 0px 21px 10px 21px !important;
}
}
	
/* FOR THE FLEX BOXES to COLUMN LAYOUT */
@media (max-width: 1050px) {
.HP4_Account_row {
 	flex-direction: column;
		padding: 0px 0px;
	     width: 50%;

    }
}

/* FOR THE FLEX BOXES to COLUMN LAYOUT */
@media (max-width: 700px) {
.HP4_Account_row {
 	flex-direction: column;
		padding: 0px 0px;
	     width: 95%;

    }
}
	

/* VIVA LAS VEGAS */
/************************/
/* THIS IS MODIFIED FROM THE EXAMPLE IN THE 1.HomePageReDo2024.rtfd file.
The video is not in a "background" it is a video layer div with a div in front of it
absolute positioning is the key but for the video not the box, it's amazing*/


.locspacer_vegas {
	    scroll-margin-top: 220px;
}

.locspacer_z-three {
	    scroll-margin-top: 210px;
}


.locspacer_catalog {
	    scroll-margin-top: 190px;
}


.HP4_VegasPanel {
position: relative;
    width: 100%;
	overflow:hidden;
		height:950px;
}

.HP4_VegasPanel video {
    width: 80%;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
	min-height:500px;

}

/* Just styling the content of the div, the *magic* in the previous rules */

.HP4_VegasPanel .HP4_VegasCopyPanel {
    width: 292px;
    background-color: white;
    color: black;
    border: 1px solid black;
    padding: 25px 28px 45px;
    margin: 8px;
    z-index: 1;
    position: relative;
    text-align: center;
    margin-top: 156px;
}

.HP4_VegasCopyPanel h1 {}

.HP4_VegasCopyPanel h1 {
    font-size: 4em;
    margin: 6px 0;
}

.HP4_VegasCopyPanel p {
    font-size: 1.3em;
    line-height: 1.9em;
    font-weight: 100 !important;
    margin-bottom: 38px !important;
    padding: 15px 39px 0px;

}

.HP4_VegasCopyPanel a {
	 background-color: black;
    padding: 10px;
    text-decoration: none;
    color: white !important;
    font-size: 1.3em;
    font-weight: 100 !important;
	border:1px solid black;
	display:block;
}

.HP4_VegasCopyPanel a:hover {
	 background-color: #fff;
    text-decoration: none;
    color: #000 !important;
}

.VivaLVPageContainer {
    background-color: #F6EFDF;
    text-align: center;
}

.VivaLVPageContainer img {
	width:100%;
	max-width:1706px;
}

.HorzVid {
	display:inherit;
}

.VertVid {
	display:none;
}

@media (max-width: 1500px) {
.locspacer_vegas {
    scroll-margin-top: 120px;
}
}

@media (max-width: 1200px) {
	
.HP4_VegasPanel .HP4_VegasCopyPanel {
    width: 292px;
    background-color: rgba(255, 255, 255, 0.8);
    color: black;
    border: 1px solid black;
    padding: 25px 32px 50px;
    margin: 72px 0px 72px 15px;
    z-index: 1;
    position: relative;
    text-align: center;
}
	
.HP4_VegasPanel video {
        width: 66%;
        position: absolute;
        top: 0;
        left: 250px;
        transform: translateX(0) translateY(0);
        min-height: auto;
        min-width: auto;
        max-width: 484px;
}
	.HorzVid {
	display:none;
}

.VertVid {
	display:block;
}

}

@media (max-width: 900px) {
	
.HP4_VegasPanel .HP4_VegasCopyPanel {
    width: 292px;
    background-color: rgba(255, 255, 255, 0.8);
    color: black;
    border: 1px solid black;
    padding: 25px 32px 50px;
    margin: 72px 0px 72px 15px;
    z-index: 1;
    position: relative;
    text-align: center;
}
	
.HP4_VegasPanel video {
        width: 54%;
        position: absolute;
        top: 0;
        left: 250px;
        transform: translateX(0) translateY(0);
        min-height: auto;
        min-width: 421px;
        max-width: 471px;
}
	.HorzVid {
	display:none;
}

.VertVid {
	display:block;
}
}

@media (max-width: 675px) {
	
.HP4_VegasPanel .HP4_VegasCopyPanel {
        width: 168px;
        background-color: rgba(255, 255, 255, 0.8);
        color: black;
        border: 1px solid black;
        padding: 0px 4px 11px;
        margin: 72px 0px 72px 15px;
        z-index: 1;
        position: relative;
        text-align: center;
}
	
.HP4_VegasPanel video {
        width: 54%;
        position: absolute;
        top: 60px;
        left: 168px;
        transform: translateX(0) translateY(0);
        min-height: auto;
        min-width: 211px;
        max-width: 471px;
}
	.HorzVid {
	display:none;
}

.VertVid {
	display:block;
}
	
	.HP4_VegasCopyPanel h1 {
        font-size: 2.5em;
        margin: -3px 0px -14px;
}
	
	.HP4_VegasCopyPanel p {
        font-size: 1.1em;
        line-height: 1.2em;
        font-weight: 100 !important;
        margin-bottom: 7px !important;
        margin-top: 0px !important;
}
	
	.HP4_VegasCopyPanel a {
    background-color: black;
    padding: 6px 0px 2px;
    text-decoration: none;
    color: white !important;
    font-size: 1.1em;
    font-weight: 100 !important;
    border: 1px solid black;
    display: block;
    margin: 0px 5px;
    line-height: 1.1em;
}
	
}





/* ESSENTIAL OIL PANEL */

.HP4EssentialOilsContainer {
	width:100%;
	height:700px;
	position: relative;
	background-image: url('https://www.essante.com/Portals/2024/images/Best-organic-essential-oils-essante-organics-IMG_2174_edited.jpg');
	background-attachment: fixed;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);

}

.HP4EssentialOilsContainer_text_block {
	color: #fff;
    text-align: center;
    padding-top: 89px;
}


.HP4EssentialOilsContainer_text_block h1 {
	color:#fff !important;
	font-weight: 100;
	}

.HP4EssentialOilsContainer_text_block h2 {
    color: #fff;
    margin-top: 1.6em;
    font-size: 2.5em;
    font-weight: 100;
	}

.HP4EssentialOilsContainer_text_block p {
	font-size: 1.8em;
    font-weight: 100 !important;
    margin: 50px 0px;
    line-height: 1.6em;
}

.HP4EssentialOilsContainer_Element {
	bottom:0px;
	width: 100%;
    text-align: center;
	height: 75px;
	margin-top: 25px;
}

.HP4EssentialOilsContainer_Element_Button {
display: inline-block;
    text-align: center;
    width: 300px;
    background-color: #fff;
    color: #000;
    z-index: 99999;
    position: relative;
    margin: 0px 39px;
    padding: 10px 0px;
	font-size: 1.3em;
    font-weight: 100;
	color:black;
}

.HP4EssentialOilsContainer_Element a {
	text-decoration:none !important;
}

.HP4EssentialOilsContainer_Element a:hover {
	text-decoration:none !important;
}

.HP4EssentialOilsContainer_BottomPara {
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    font-size: 1.4em;
    color: white;
    line-height: 1.5em;
    /* box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, .4); */
    /* padding: 12px; */
}

	.HP4EssentialOilsContainer_BottomPara p {
		font-size:12px;
		line-height:18px;
			color:black !important;
	}

@media (max-width: 1400px) {
	
	.HP4EssentialOilsContainer {
    width: 100%;
    height: 500px;
	}
	
.HP4EssentialOilsContainer_BottomPara {
    bottom: -124px;
    left: 50%;
    transform: translate(-50%, -50%);
    position: relative;
    font-size: 1.4em;
    color: white;
    line-height: 1.3em;
    padding: 16px;
    line-height: 1.3em;
	width: 90%;


}
	
	.HP4EssentialOilsContainer_text_block p {
        font-size: 1.3em;
        font-weight: 100 !important;
        margin: 38px 0px;
        line-height: 1.6em;
}

	
	.HP4EssentialOilsContainer_BottomPara p {
		margin:25px 0px 0px 0px;
	}
	
	.HP4EssentialOilsContainer_text_block h1 {
    color: #fff;
    font-weight: 100;
	font-size: 37px;
    line-height: 43px;
}
	
.HP4EssentialOilsContainer_Element_Button {
    margin: 6px 39px;
	    width: 246px;

}
	
.HP4EssentialOilsContainer_text_block {
           padding-top: 23px;

}
}

@media (max-width: 900px) {
	
	.HP4EssentialOilsContainer {
    width: 100%;
    height: 500px;
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);
	background-attachment: scroll !important;


	}
	
.HP4EssentialOilsContainer_BottomPara {
         bottom: -300px;
        left: 50%;
        transform: translate(-50%, -50%);
        position: relative;
        font-size: 1.4em;
        color: white;
        line-height: 1.3em;
        padding: 16px;
        line-height: 1.3em;
        width: 100%;


}
}

@media (max-width: 670px) {
	
    .HP4EssentialOilsContainer {
        width: 100%;
        height: 698px;
        margin-top: 31px;
    }
}
	
	

/* HP4 FOOTER BANNER */



/* HP4 HIDE OLD FIRESTORM GENERATED FOOTER BANNER */

.Catalog_212 .shop-footer {
	display:none;
}

.Catalog_215 .shop-footer {
	display:none;
}

/* HIDE AND REVEAL FOR FOOTER JOIN AND SAVE LINK updated version */ 
.Catalog_215 .rtl_joinsave {
		display:none;
}

.Catalog_212  .wsl_joinsave {
		display:none;
}

.Catalog_215 .ThreePromos_rtl {
			display:none;
}

.Catalog_212  .ThreePromos_wsl {
		display:none;
}
/* Tooltip container */

.tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}



.HP4_FooterBanner_Container {
	text-align:center;
	background-image: url("https://www.essante.com/Portals/2024/images/LipGloss.jpg");
	background-position:center;
	padding: 1px 0 10px 0;
	background-size: cover;
	Height: 600px;
	margin-bottom: 200px;
	position: relative;
	margin-top: 50px;

}
.HP4_FooterBanner_Row {
    position: absolute;
    width: 100%;
    bottom: -89px;
}

.HP4_FooterBanner_Column {
    width: 23%;
    display: inline-block;
    background-color: white;
    margin: -3px;
    border: 1px solid black;
    padding: 45px 10px;
	height: 291px;
	vertical-align: top;
	font-size: 1.2em;
}

.HP4_FooterBanner_Column p {
	line-height:2em;
}

.HP4_FooterBanner_Column a {
	text-decoration:underline;
}

.HP4_FooterBanner_Column svg {
    margin: 11px 11px;
    width: 30px;
    height: 35px;
}

.HP4_FooterBanner_Column img {
    margin: 11px 11px !important;
    width: 24px;
    height: 35px !important;
    display: inline-block !important;
}

.colA {}
.colB {}
.colC {}
.colD {}

.colA svg {
}

 .colA a{
	height: 35px;
}

 .p_underline_hover:hover {
	text-decoration:underline;
}

/* This is sloppy - but I added this to take away the underline of a link Angie wanted, so for expediency... not sure right now what the lowercase colC does, so sorry */
.ColC_a a {
	text-decoration:none;
	}

.ColC_a a:hover {
	text-decoration:underline;
	}


.colC {
    padding: 2px 0px 2px 0px;
    width: 187px;
    margin: auto;
    background-color: #fff;
}

.EssDocsLightBoxContainer {
	text-align:center;
}

.EssDocsLightBoxContainer h2 {
	font-size: 2.0em;
    line-height: 1.2em;
    text-align: center;
	color:black;

}

.EssDocsLightBoxWrapper {
    display: flex;
    flex-wrap: wrap;
}


.EssDocsLightBoxWrapper_ThreePromos {
	    display: block;
}

.EssDocsLightBoxModule {
    max-width: 23%;
    min-width: 213px;
    overflow: hidden;
    display: inline-block;
    padding-bottom: 20px;
    margin: 0px 10px 28px 10px;
    vertical-align: top;
}

.EssDocsLightBoxModule p {
    margin: 10px 20px !important;
    text-align: left;
    position: unset !important;
}



.EssDocsLightBoxModule img {
	max-width:100%;
}


.modA {    background-color: #F6EBDD;}

.modB {    background-color: #F6EBDD;}

.modC {    background-color: #F6EBDD;}

.modD {    background-color: #F6EBDD;}

.FAQGeniusLightBoxWrapper {
	text-align:center;
}

.FAQGeniusLightBoxWrapper h2 {
	font-size: 2.0em;
    line-height: 1.2em;
    text-align: center;
    border-bottom: 1px solid #d4d4d4;
}

.FAQGeniusLightBoxWrapper a {
    display: inline-block;
    width: 20%;
    border: 1px solid black;
    padding: 25px 10px;
    text-align: center;
}

.FAQGeniusLightBoxWrapper a:hover {
	background-color:#f3f3f3;
	text-decoration:none;
	
}

@media (max-width: 1500px) {
.EssDocsLightBoxModule {
    max-width: 31%;
	
}
}

@media (max-width: 1300px) {
.EssDocsLightBoxModule {
    max-width: 47%;
}
}

@media (max-width: 1100px) {
.EssDocsLightBoxModule {
    max-width: 90%;
}
}


@media (max-width: 1600px) {
.HP4_FooterBanner_Column {
    width: 23%;
    display: inline-block;
    background-color: white;
    margin: -3px;
    border: 1px solid black;
    padding: 45px 10px;
    height: 358px;
	vertical-align: top;
	font-size: 1.2em;
}
}


@media (max-width: 1450px) {
	.HP4_FooterBanner_Container {
text-align: center;
        background-image: url(https://www.essante.com/Portals/2024/images/LipGloss_tall.jpg);
        background-position: top;
        padding: 350px 0 25px 0;
        background-size: cover;
        Height: auto;
        margin-bottom: 200px;
        position: relative;
        margin-top: 50px;
        background-repeat: repeat-y;
        overflow: hidden;
}
	.HP4_FooterBanner_Row {
    position: relative;
    width: 90%;
    bottom: 0;
    height: auto;
    text-align: center;
    margin: auto;
}
    .HP4_FooterBanner_Column {
        width: 100%;
        display: block;
        background-color: white;
        margin: -3px;
        border: 1px solid black;
        padding: 10px;
        margin: auto;
        height: auto;
    }
}

/* VACATION CONTEST PAGE 2024 */
/************************/
.vaca-contest_container {
 background-color: #F6EFDF;

}
.vaca-contest_topper {
	position:relative;
    height: 768px;

}

.vaca-contest_topper H1 {
	
}
.vaca-contest_topper H2 {
	font-size: 3.6em;
    font-weight: 100;
    color: black;
}
.vaca-contest_topper H3 {
	    font-size: 1.8em;
    margin: 0px;
    padding: 0px;
    text-align: center;
    color: black;
    font-weight: bold !important;
}


.vaca-contest_vidbox {
	    max-width: 960px;
}
.vaca-contest_announcement {
    width: 950px;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: white;
    padding: 45px;
    text-align: center;
}

.absolute_wrapper {
    position: relative;
    width: 100%;
    max-width: 1700px;
    overflow: hidden;
    height: 400px;
    margin-top: -60px;
}

.vaca-contest_rules {
    width: 80%;
    margin: auto;
}

.vaca-contest_rules a {
	display: block;
    width: 300px;
    margin: auto;
    background: black;
    text-align: center;
    color: white !important;
    font-size: 1.5em;
    padding: 12px;
	margin-bottom:25px;
}

.vaca-contest-section a {
	display: block;
    width: 300px;
    margin: auto;
    background: black;
    text-align: center;
    color: white !important;
    font-size: 1.5em;
    padding: 12px;
}

.vaca-contest-section h2 {
font-weight: 600;
    font-size: 2.3em;
}

.vaca-contest_bottom {
	margin-top: 130px;

}

.vaca-contest_bottom H1 {
	    color: black;
    font-size: 3em;
    font-weight: bold;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.vaca-contest_bottom H2 {
	margin: 1px 0px 55px 96px;
    padding: 0px;
    line-height: 0px;
    color: black;
    font-size: 4.2em;
}

.vaca-contest_bottom p {
	
}

.vaca-contest_bottom ol {
	font-size: 1.3em;
    line-height: 1.7em;
}

.vaca-contest_bottom li {
	    margin-bottom: 13px;

}

.vaca-contest_youtube {
    text-align: center;
    margin: 31px;
}

.vaca-contest-section {
	display:inline-block;
	margin: 0px 40px;
}



.vaca-contest_youtube iframe {
    margin-bottom: 15px;
	height:410px;
	width:700px;
}

.SCCRoutingCodeVivaLasVegas .title-bar-section {
	display:none;
}

.destination_list {
    max-width: 338px;
    text-align: center;
    background-color: black;
    color: white;
    margin: auto;
    font-size: 1.6em;
    padding: 10px;
    line-height: 1.2em;
    margin-bottom: 24px;
	color:white !important;
}

.destinations_list_page {
    width: 90%;
    margin: 0px auto;
    padding: 48px 0px;
	position:relative;
}

.destinations_list_page p {
font-size: 1.1em;
    line-height: 1.8em;
}

.destinations_list_page h2 {
font-size: 2.5em;
    color: black;
}

.destinations_list_page h3 {
		    font-size: 1.9em;
    color: black;
}

.CoconutDrinkImageWrapper {
	width:100%;
	text-align:center;
	margin-top: 100px;

}
.CoconutDrinkImageWrapper img {
	width:100%;
	max-width:1600px;	
}

.CoconutDrinkBackerWrapper {
	background-image: url('img_girl.jpg');
}


@media (max-width: 1400px) {
.vaca-contest_announcement {
    width: auto;
    position: relative;
    top: 0;
    right: auto;
    background-color: white;
    padding: 45px;
    text-align: center;
    margin: auto;
}
	
	.vaca-contest_bottom {
    margin-top: 70px;
}
	.absolute_wrapper {
    height: auto; */
}
	
	.vaca-contest_topper {
    position: relative;
    height: auto;
}
	
	.vaca-contest-section a {
margin-bottom:25px;
}

}

@media (max-width: 950px) {
.vaca-contest_youtube iframe {
	width:500px;
	 height: 300px;

}
	
	.vaca-contest_topper H1 {
    font-size: 4.0em;
}
	
	.vaca-contest_topper H2 {
    font-size: 2.6em;
    font-weight: 100;
    color: black;
}
	
	.vaca-contest_topper H3 {
    font-size: 1.4em;
    margin: 0px;
    padding: 0px;
    text-align: center;
    color: black;
    font-weight: bold !important;
    line-height: 1.4;
}
	
	.vaca-contest_bottom H1 {
    color: black;
    font-size: 2.4em;
    font-weight: bold;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
	
	
	.vaca-contest_bottom ol {
    font-size: 1em;
    line-height: 1.4em;
}
	.vaca-contest_bottom li {
        font-size: 1.1em;
        line-height: 1.5em;
}
	
	.destination_list {
    width: 100%;
    text-align: center;
    background-color: black;
    color: white;
    margin: auto;
    font-size: 1.6em;
    padding: 10px;
    line-height: 1.2em;
    margin-bottom: 24px;
}
	
	.CoconutDrinkImageWrapper {
	width:100%;
	max-width:1600px;	
}
.CoconutDrinkImageWrapper img {
	width:100%;
	max-width:1600px;	
}

	
}


.JoinSaveInfluencerPopUp {
    text-align: center;
}

.JoinSaveInfluencerPopUp p {
    margin-top: 20px;
    font-size: 1.3em;
    line-height: 1.5em;
}

.JoinSaveInfluencerPopUp iframe {
    max-width:100%
}


.JoinSaveInfluencerPopUp a {
    display: inline-block;
    text-align: center;
    width: 370px;
    background-color: #000;
    color: #fff;
    margin: 19px 0px 37px;
    padding: 13px 0px;
    font-size: 1.3em;
    font-weight: 100;
    color: white !important;
    text-decoration: none;
}

.JoinSaveInfluencerPopUp a:hover {
	text-decoration: none;
    background-color: #7e7e7e;

}

.JoinSaveInfluencerPopUp h1 {
	font-size:3.5em;
}

@media (max-width: 750px) {
	.JoinSaveInfluencerPopUp h1 {
	  font-size: 2em;
      line-height: 1.3em;
}
}






/* INFLUENCER JOIN BOX POP-UP WITH VIDEO */
/************************/



/* TEMP FROM THE TOP FOR TRANSFER */
/************************/


/* HOME PAGE ITEMS: JR STYLES */
/************************/

/*RG=RedsGreenHolidayPackCode - HomePage*/

.HolidayBanner {
    width:100%;
    background-image: url(https://www.essante.com/ts/images/RGHomePageBackdrop.jpg);
    background-color: #fff;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    margin-bottom:25px;
}

.HolidayCopy {
    float: left;
    max-width: 514px;
    width: 30%;
    margin-left: 20%;
    overflow: hidden;
    margin-top: 10px;
}

.HolidayCopy img {
    max-width: 516px;
    width: 100%;
}

.HolidayButtonBP {
    margin-top:15px !important;
    background-color:yellow;
}

.HolidayButtonWC {
    margin-top:15px;
}

.HolidayButtonBP:hover {
      opacity: 0.8;
  filter: alpha(opacity=50); /* For IE8 and earlier */

}

.HolidayButtonWC:hover {
      opacity: 0.8;
  filter: alpha(opacity=50); /* For IE8 and earlier */

}

.HolidayProduct {
    max-width: 658px;
    width: 46%;
    margin-right: 2%;
    float: right;
}

.HolidayProductLeft {
    float: left;
    width: 38%;
}

.HolidayCopyRight {
    overflow:hidden;
    width:50%;
    padding-top:90px;
}

.HolidayCopyRight h1 {
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: 5px;
}

.HolidayCopyRight h4 {
    margin: 0px;
    padding: 0 0 12px 0;
    font-size: 2.7em;
}

.HolidayCopyRight h5 {
    font-size: 2em;
    line-height: 1em;
    margin: 6px 0 0px 0;
    letter-spacing: normal;
}

.HolidayCopyRight p {
    font-size: 1.7em;
    line-height: 1.3em;
    margin: 17px 0 21px 0;
    border-top: 2px solid #bfbfbf;
    border-bottom: 2px solid #bfbfbf;
    padding-top: 10px;
    padding-bottom: 10px;
}

.HolidayBulletPoints {
    width: 38%;
    overflow: hidden;
    float: left;
}

.HolidayBulletPoints ul li {
    font-size: 1.6em;
    line-height: 1.2em;
    margin-left: 25px;
}

.HolidayProductLeft img {
    max-width:600px;
    width:100%
}

.HolidayPackWrapper {
    width:100%;
    overflow:hidden;
}

.HolidayButtonWrapper {
    overflow:hidden;
    float:left;
}

.StatementAttribution {
    font-style:italic;
}

.disclaimer { 
    float: left;
    border: 1px solid black;
    padding: 5px;
    margin-top: 10px;
    } 


@media (max-width: 1000px) {
    .HolidayBanner {
    text-align: center;
    width: 94%;
    background-image: unset;
    background-color: #fff;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    margin-bottom: 25px;
    margin: 0 auto;
}
    
    .HolidayCopy {
    float: none;
    max-width: 514px;
        width: 100%;
    margin-left:0%;
    overflow: hidden;
    margin-top: 10px;
}
	.HolidayProduct {
    padding-left: 0px;
    max-width: 658px;
    width: 100%;
}
    .HolidayProductLeft {
    float: none;
    width: 90%;
}

    .HolidayCopyRight {
    overflow: hidden;
    width: 98%;
    padding-top: 0px;
}
    
}


#CallsVideosBanner {
	max-width:1600px;
	text-align:center;
}

#CallsVideosBanner img{
    display: inline-block;
    max-width: 98%;
    width: 48%;
    margin: 0 10px;
}


@media (max-width:1200px){
#CallsVideosBanner img{
    display: inline-block;
    max-width: 98%;
    width: 46%;
    margin: 0 10px;
}
	
}

@media (max-width:800px){
#CallsVideosBanner img{
    display: inline-block;
    max-width: 98%;
    width: 98%;
    margin: 10px 0px;
}
	
}


/* PDF VIEWER ISSUE! */
/************************/
.ViewSDK_parentRelativeHeight iframe {
	height:100vw !important;
}

@media (max-width:800px){
	.ViewSDK_parentRelativeHeight iframe {
	height:200vw !important;
}
}



/* HOME PAGE ITEMS: SECTIONALS */
/************************/

#HOME-Company-Block {
	width:100%;
	background-image: url("https://www.essante.com/Portals/2017/images/CompanyCoverOpt.jpg");
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: top;
	text-align:center;
	padding-top:46px;
	margin-top:0px;
}

#HOME-Discovery-Block {
    width: 100%;
    background-image: url(https://www.essante.com/Portals/2018/images/DiscoveryCoverOPT.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: top;
    text-align: center;
    padding-top: 14px;
    margin-top: 0px;
    padding-bottom: 116px;
}


#HOME-JoinSave-Block {
    width: 100%;
    background-image: url(https://www.essante.com/Portals/2018/images/JoinSaveCoverOPT2.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: top;
    text-align: center;
    padding-top: 0px;
	margin-top: 0px;
    padding-bottom: 50px;
    height: 439px;
}


.joinblockleftmargintop {
	margin-top:158px
}

.joinblockrightmargintop {
	margin-top:100px
}

.JoinBlockLeft {
	width:45%;
	float:left;
	color:white;
	margin-left:29px;
}
.JoinBlockLeft p {
    font-size: 33px;
    line-height: 42px;
}

@media (max-width:990px){
.joinblockleftmargintop {
	margin-top:35px
}

.joinblockrightmargintop {
	margin-top:5px
}

.JoinBlockLeft {
	width:100%;
	float:left;
	color:white;
	margin-left:0px;
}
.JoinBlockLeft p {
    font-size: 27px;
    line-height: 32px;
}
	
	.JoinBlockLeft img {
		height:118px !important
	}
}


#HOME-Support-Block {
    width: 100%;
    background-image: url(https://www.essante.com/Portals/2018/images/SupportCoverOPT.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: top;
    text-align: center;
    padding-top: 214px;
    margin-top: 0px;
    padding-bottom: 50px;
    height: 600px;
}


#HOME-Company-Block h1 {
	color:#ffffff;
}

#HOME-Company-Block h2 {
	color:#ffffff;
	    text-shadow: 2px 2px 4px rgba(31,31,31, 0.8);
}

#HOME-Company-Block h3 {
	color:#ffffff;
	margin-top:0px;
    font-weight: normal;
    font-size: 2em;
}

#HOME-Company-Block h4 {
	color:#ffffff;
	margin-bottom: 0px;
	font-size: 1.5em;
}

#HOME-Company-Block p {
	color:#ffffff;
}

#HOME-Discovery-Block h1 {
	color:#ffffff;
}

#HOME-Discovery-Block h2 {
	color:#ffffff;
	margin-bottom:0px;
}

#HOME-Discovery-Block h3 {
color: #ffffff;
    margin-top: 0px;
    font-weight: normal;
    font-size: 2em;
    line-height: 31px;
}

#HOME-Discovery-Block h4 {
	color:#ffffff;
	margin-bottom: 0px;
	font-size: 1.5em;
}

#HOME-Discovery-Block p {
	color: #ffffff;
    font-size: 1.5em;
    line-height: 1.5em;
}

#CenteredBlock {
	Width:70%;
	margin: 0 auto
}

#HomeDiscoverySection {
	margin-top:25px;
	margin-bottom:25px;
	}

#HomeDiscoveryButton {
    color: #ffffff;
    font-size: 2em;
    background-color: rgba(0, 0, 0, 0.2);

    margin: 0 auto;
    padding-top: 6px;
    padding-bottom: 4px;
    padding-left: 19px;
    padding-right: 19px;
    font-weight: bold;
    display: inline-block;
    letter-spacing: 1px;
    border: white 1px solid;
}

#HomeDiscoveryButton:hover {
   background-color: rgba(255, 255, 255, 0.2);

}
#HomeDiscoveryButton a {
	text-decoration:none;
}

#HomeDiscoveryButton a:hover {
	text-decoration:none;
}

#HomeCompanyButton {
color: #ffffff;
    font-size: 1.2em;
    background-color: #910E00;
    /* width: 31%; */
    margin: 0 auto;
    padding: 6px 22px;
    font-weight: bold;
    display: inline-block;
    letter-spacing: 1px;
}

#HomeCompanyButton:hover {
	background-color: #d82319;

}
#HomeCompanyButton a {
	text-decoration:none;
}

#HomeCompanyButton a:hover {
	text-decoration:none;
}


#backbutton {
color: #ffffff;
    font-size: 1.5em;
    background-color: rgba(36,157,90, 1);
    /* width: 31%; */
    margin: 0 auto;
    padding: 8px 27px;
    font-weight: normal;
    display: inline-block;
    letter-spacing: 1px;
	float:right;
}

#backbutton:hover {
	background-color: rgba(36,157,90, 0.5);

}
#backbutton a {
	text-decoration:none;
}

#backbutton a:hover {
	text-decoration:none;
}

/* CALENDAR banner grid */

.HomeCalendarWrapper {
	
}

.HomeCalendarLeftImage {
	float:left;
	max-width:250px;
	}
.HomeCalendarLeftImage img {
	max-width: 526px;    
	height: 444px!important;
}

.HomeCalendarRightGrid {
    float: right;
    max-width: 1000px;
    width: 61%;
}

.HomeCalendarRightImage {
	display:inline-block;
}

.HomeCalendarRightImage img {
	max-width:272px;
}


@media (max-width:1425px){
.HomeCalendarWrapper {
	
}

.HomeCalendarLeftImage {
    float: none;
    max-width: 100%;
    margin: 0 auto;
	}
	
.HomeCalendarLeftImage img {
	max-width: 526px;    
	height: 444px!important;
}

.HomeCalendarRightGrid {
    float: none;
    max-width: 548px;
    width: 100%;
    margin: 0 auto;
    padding-top: 45px;
}

.HomeCalendarRightImage {
	display:inline-block;
}
}

@media (max-width:750px){
.HomeCalendarWrapper {
	
}

.HomeCalendarLeftImage {
    float: none;
    max-width: 100%;
    margin: 0 auto;
	}
.HomeCalendarLeftImage img {
    max-width: 526px;
    width: 100%;
}

.HomeCalendarRightGrid {
    float: none;
    max-width: 280px;
    width: 100%;
    margin: 0 auto;
    padding-top: 45px;
}

.HomeCalendarRightImage {
	display:inline-block;
}
}    

/* DROP SHADOW WITH TRANSPARENCY SETTINGS */
/************************/
.WeMakeProducts h1 {
	font-family: "Impact", "Poppins", "Helvetica Neue, Helvetica, Arial", sans-serif;
	text-shadow:2px 2px 4px rgba(31,31,31, 0.8);
	margin-bottom:0px;
	font-size: 7em;
    line-height: .9em;
}

.WeMakeProducts {
	padding-top: 50px;
	padding-bottom: 50px;

}

.ExecsSection img {
	display: inline-block !important;
	margin:0px 15px !important;
}

.HOMECompanyLinkSection {
	margin-top:25px;
}

.HOMECompanyLinks {
	display:inline-block;
}

.HOMECompanyLinks ul {
	list-style:none;
	text-decoration:none;
}

.HOMECompanyLinks li {
    padding: 9px;
	text-decoration:none;
	display:inline-block;
	color:#ffffff;
	white-space: nowrap;
	width:248px;
	line-height: 3em;
}

.HOMECompanyLinks a {
    font-weight: normal;
    text-decoration: none !important;
    color: #ffffff;
    background-color: rgba(145,14,0, 0.6);
    margin-left: 25px;
    padding: 6px 0px;

}

.HOMECompanyLinks a:hover {
	font-weight:normal;
	text-decoration:none !important;
	color:#ffffff;
    background-color: rgba(145,14,0, 0.9);
}

.HOMECompanyLinksCareers {
	display:inline-block;
}

.HOMECompanyLinksCareers ul {
	list-style:none;
	text-decoration:none;
}

.HOMECompanyLinksCareers li {
    padding: 9px;
    text-decoration: none;
    display: inline-block;
    color: #ffffff;
    white-space: nowrap;
    width: auto;
    line-height: 3em;	
}

.HOMECompanyLinksCareers a {
    font-weight: normal;
    text-decoration: none !important;
    color: #ffffff;
    background-color: rgba(145,14,0, 0.6);
    margin: 0px 29px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
}


.HOMECompanyLinksCareers a:hover {
	font-weight:bold;
	text-decoration:none !important;
	color:#ffffff;
    background-color: rgba(145,14,0, 0.9);
}



.CertsSection {
    margin-top: 55px !important;
    padding-bottom: 35px !important;
}

.CertsSection img {
	display: inline-block !important;
	margin:0px 15px !important;

}

#certsMore {
	display:none;
}

#HOME-SocialMedia-Block {
    width: 100%;
    text-align: left;
    margin-top: 0px;
}

.SocialMediaBlockSupport {
	margin-top:30px;
}

.SocialSection {
    padding-top: 35px !important;
}

.SocialSection img {
    display: inline-block !important;
    margin: 0px 9px !important;
    width: 40px;
}

.SocialSection p {
    font-size: 18px;
    font-weight: 500 !important;
    color: #ffffff !important;
    text-align: center !important;
}

#SocialBlocks {
    Width: 100%;
    margin: 0 auto;
	display:inline-block;
        text-align:center
}

#SocialContainer {
    Width: 100%;
    margin-top: 0px;
}

#SocialWhiteBox {
    background-color: #434954;
    padding: 0px 9px 4px 9px;
    display: inline-block;
}

#SocialWhiteBox img:hover {
    opacity: 0.5;
}

.PageVersion {
    background-color: #434954;
    padding-bottom: 15px;
}

/* HIDES THE ADD THIS SOCIAL MEDIA  */
/************************/
.Catalog_215 .addthis-smartlayers {
    display:none;
}

/* TOOLTIP */
/************************/

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 120%;
  left: 50%;
  margin-left: -60px;
line-height: 1.2em;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* HEADER LINKS */
/************************/

#header .header-links a.my-backoffice:visited {
    background-color: #fff !important;
    color: #000 !important;
}

#header .header-links a.my-backoffice:hover {
	background-color:#d6d6d6 !important;
}

#header .header-links a.my-backoffice {
    padding: 0 0px;
    color: #6d6d6d !important;
	font-weight:bold;
	background-color: #fff;
    border-radius: 0px;
}


#ct100_lnkJoinSaveTop {
	margin-right: 8px;
    padding: 0 0px;
    color: #348aff!important;
}

#ctl00_lnkLoginLink {
	padding: 0 0px;
    color: #000 !important;
	font-weight:normal !important;
}

@media (max-width:990px){
.HOMECompanyLinks li {
    padding: 9px;
	text-decoration:none;
	display:inline-block;
	color:#ffffff;
	white-space: nowrap;
	width:100%;
	line-height: 3em;
}

.HOMECompanyLinks a {
	font-weight:normal;
	text-decoration:none !important;
	color:#ffffff;
    background-color: rgba(145,14,0, 0.6);
	margin-left:0px;
    padding: 6px 0px;
}
	
	#CenteredBlock {
    Width: 100%;
    margin: 0 auto;
		
}
	#HOME-Company-Block h1 {
    color: #ffffff;
		font-size:3.5em;
}
	
	#HomeDiscoveryButton {
color: #ffffff;
    font-size: 1.5em;
 background-color: rgba(0, 0, 0, 0.2);
    margin: 0 auto;
    padding-top: 4px;
    padding-bottom: 3px;
    padding-left: 27px;
    padding-right: 27px;
    font-weight: bold;
    display: inline-block;
    letter-spacing: 1px;
    width: 90%;
}

#HomeDiscoveryButton:hover {
background-color: rgba(255, 255, 255, 0.2);

}
	
	#HOME-JoinSave-Block {
	width: 100%;
	background-repeat: no-repeat;
    background-image: url(https://www.essante.com/Portals/2018/images/JoinSaveCoverSm2.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: top;
    text-align: center;
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 50px;
    height: 419px;
	overflow:hidden;
}
	
	#HOME-Support-Block {
    width: 100%;
    background-repeat: no-repeat;
    background-image: url(https://www.essanteorganics.com/Portals/2017/images/SupportCoverSm.jpg);
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: top;
    text-align: center;
    padding-top: 58px;
    margin-top: 0px;
    padding-bottom: 0px;
    height: 195px;
}
	
	#HOME-Support-Block #CenteredBlock {
    width: 100%;
    margin-top: 100px;
}
	
	#SocialBlocks {
    Width: 90%;
    margin: 0 auto;
	display:inline-block
}
}



.redsvideolinkswraper {max-width: 700px; width: 100%; display: inline-block}
	
.redsvideolinksleft {
	float:left
}

.redsvideolinksright {
	float:right
}

@media (max-width:990px){
	
.redsvideolinkswraper {max-width: 700px; width: 100%; display: inline-block; text-align:center;}

	
.redsvideolinksleft {
	float:none
}

.redsvideolinksright {
	float:none
}
}



/* NAV BAR STYLE BANNER - CART PAGES TOPNAV */
/************************/

.G1139 #ctl00_ContentPlaceHolder1_MasterTitleBar {
	display:none;
}

/*The appearing disappearing code of Austin */
/************************/

.retail_nav_wrapper, .wholesale_nav_wrapper, .partyplan_nav_wrapper { display: none; }

.Catalog_212 .retail_nav_wrapper { display: block; }

.Catalog_215 .wholesale_nav_wrapper { display: block; }

.Catalog_221 .partyplan_nav_wrapper { display: block; }


/*The genuius sticky buttons code of Austin */

/*Body ON color */
body.G170 .retail_nav_wrapper .sticky .active li {
	background-color:#e65286;
}

body.G170 .wholesale_nav_wrapper .sticky .active li {
	background-color:#e65286;
}

body.G170 .partyplan_nav_wrapper .sticky .active li {
	background-color:#e65286;
}

/*Supplements ON color */
body.G175 .retail_nav_wrapper .sticky .active li {
	background-color:#fb5d2b !important;
}

body.G175 .wholesale_nav_wrapper .sticky .active li {
	background-color:#fb5d2b;
}

body.G175 .partyplan_nav_wrapper .sticky .active li {
	background-color:#fb5d2b;
}

/*Home ON color */
body.G172 .retail_nav_wrapper .sticky .active li {
	background-color:#fba14a
}

body.G172 .wholesale_nav_wrapper .sticky .active li {
	background-color:#fba14a
}

body.G172 .partyplan_nav_wrapper .sticky .active li {
	background-color:#fba14a
}

/*Oils ON color */
body.G171 .retail_nav_wrapper .sticky .active li {
	background-color:#ac9dda
}

body.G171 .wholesale_nav_wrapper .sticky .active li {
	background-color:#ac9dda
}

body.G171 .partyplan_nav_wrapper .sticky .active li {
	background-color:#ac9dda
}

/*Baby ON color */
body.G168 .retail_nav_wrapper .sticky .active li {
	background-color:#8fdfef
}

body.G168 .wholesale_nav_wrapper .sticky .active li {
	background-color:#8fdfef
}

body.G168 .partyplan_nav_wrapper .sticky .active li {
	background-color:#8fdfef
}

/*Merch ON color */
body.G176 .retail_nav_wrapper .stickyy .active li {
	background-color:#93d49f
}

body.G176 .wholesale_nav_wrapper .sticky .active li {
	background-color:#93d49f
}

body.G176 .partyplan_nav_wrapper .sticky .active li {
	background-color:#93d49f
}



.cart-topnav-outline {
    border: 1px solid #b5b5b5;
    margin-bottom: 5px;
}

#cart-topnav-container {
    width:55%;
    display:inline-block;
    text-align:center;
    padding-left: 45px;

}

#cart-topnav-container_right {
    width:44%;
    display:inline-block;
    text-align:center;
    padding-right: 25px;

}

#cart-topnav-container ul {
margin: 2px 0 2px 0;
padding:0;
list-style:none;
display:flex;
flex-direction: row;
justify-content: space-around;
font-size:1.1em;
line-height: .9em;    
}

#cart-topnav-container_right ul {
margin: 2px 0 2px 0;
padding:0;
list-style:none;
display:flex;
flex-direction: row;
justify-content: space-around;
font-size:1.1em;
line-height: .9em;    
}

#cart-topnav-container a {
    padding: 3px 15px;
    display:block;
    text-decoration:none;
}

#cart-topnav-container_right a {
    padding: 3px 15px;
    display:block;
    text-decoration:none;
}

/* CART NAVBAR COLORS AND ON STATES new ones on top */
/************************/

.colortopsellers a {
    color:grey;
}
.colortopsellers a:hover {
    color:white;
    background-color:#937151;
}
.colortopsellers_on a {
    color:white;
    background-color:#937151;
}
.colortopsellers_on a:hover {
    color:white;
    background-color:#937151;
}
.colortopsellers_on a:visited {
    color:white;
    background-color:#937151;
}


.colorgoal a {
    color:grey;
}
.colorgoal a:hover {
    color:white;
    background-color:#2EA4BE;
}
.colorgoal_on a {
    color:white;
    background-color:#2EA4BE;
}
.colorgoal_on a:hover {
    color:white;
    background-color:#2EA4BE;
}
.colorgoal_on a:visited {
    color:white;
    background-color:#2EA4BE;
}



.colorsale a {
    color:grey;
}
.colorsale a:hover {
    color:white;
    background-color:#44a35c
}
.colorsale_on a {
    color:white;
    background-color:#44a35c;
}
.colorsale_on a:hover {
    color:white;
    background-color:#44a35c;
}
.colorsale_on a:visited {
    color:white;
    background-color:#44a35c;
}

.colorbody a {
    color:grey;
}
.colorbody a:hover {
    color:white;
    background-color:#BB426D;
}
.colorbody_on a {
    color:white;
    background-color:#BB426D;
}
.colorbody_on a:hover {
    color:white;
    background-color:#BB426D;
}
.colorbody_on a:visited {
    color:white;
    background-color:#BB426D;
}

.colorhome a {
    color:grey;
}
.colorhome a:hover {
    color:white;
    background-color:#FF8006;
}
.colorhome_on a {
    color:white;
    background-color:#FF8006;
}
.colorhome_on a:hover {
    color:white;
    background-color:#FF8006;
}
.colorhome_on a:visited {
    color:white;
    background-color:#FF8006;
}


.colorbaby a {
    color:grey;
}
.colorbaby a:hover {
    color:white;
    background-color:#5FBDD1;
}
.colorbaby_on a {
    color:white;
    background-color:#5FBDD1;
}
.colorbaby_on a:hover {
    color:white;
    background-color:#5FBDD1;
}
.colorbaby_on a:visited {
    color:white;
    background-color:#5FBDD1;
}

.colornutrition a {
    color:grey;
}
.colornutrition a:hover {
    color:white;
    background-color:#F12D04;
}
.colornutrition_on a {
    color:white;
    background-color:#F12D04;
}
.colornutrition_on a:hover {
    color:white;
    background-color:#F12D04;
}
.colornutrition_on a:visited {
    color:white;
    background-color:#F12D04;
}

.coloroils a {
    color:grey;
}
.coloroils a:hover {
    color:white;
    background-color:#9C8FC5;
}
.coloroils_on a {
    color:white;
    background-color:#9C8FC5;
}
.coloroils_on a:hover {
    color:white;
    background-color:#9C8FC5;
}
.coloroils_on a:visited {
    color:white;
    background-color:#9C8FC5;
}

.colormerch a {
    color:grey;
}
.colormerch a:hover {
    color:white;
    background-color:#80BB8B;
}
.colormerch_on a {
    color:white;
    background-color:#80BB8B;
}
.colormerch_on a:hover {
    color:white;
    background-color:#80BB8B;
}
.colormerch_on a:visited {
    color:white;
    background-color:#80BB8B;
}

.price_usd{
    position: relative;
    bottom: 27px;
    left: 13px;
    color: white;
    }



@media (max-width:1200px){
    
    
#cart-topnav-container {
    width:50%;
    display:inline-block;
    text-align:center;

}

#cart-topnav-container_right {
    width:49%;
    display:inline-block;
    text-align:center;

}

#cart-topnav-container ul {
margin: 3px 0 3px 3px;
padding:0;
list-style:none;
display:flex;
flex-direction: row;
justify-content: space-around;
font-size: 1em;
line-height: .9em;
    
}
    
#cart-topnav-container_right ul {
    margin: 3px 0 1px 3px;
padding:0;
list-style:none;
display:flex;
flex-direction: row;
justify-content: space-around;
font-size: 1em;
line-height: .9em;
    
}
}

@media (max-width:950px){
    
#cart-topnav-container {
    width:49%;
    display:inline-block;
    text-align:left;
	padding-left:10px;
}
#cart-topnav-container_right {
    width:49%;
    display:inline-block;
    text-align:left;
	padding-right:10px
}
#cart-topnav-container ul {
    margin: 3px 0 1px 3px;
    padding:0;
    list-style:none;
    display:flex;
    flex-direction: column;
    justify-content: space-around;
    font-size: 1em;
    line-height: .9em;
    width:100%;
    background-color:#e4e4e4;
}
#cart-topnav-container_right ul {
    margin: 3px 0 1px 3px;
    padding:0;
    list-style:none;
    display:flex;
    flex-direction: column;
    justify-content: space-around;
    font-size:1.1em;
    line-height: .9em;
    background-color:#e4e4e4;
}
#cart-topnav-container li {
    background-color:#e4e4e4;
    border-bottom: 2px solid white;
}
#cart-topnav-container_right li {
    background-color:#e4e4e4;
    border-bottom: 2px solid white;

    }
#cart-topnav-container a {
    padding: 9px 15px;
}

#cart-topnav-container_right a {
    padding: 9px 15px;
}
}

.you-may-like {
    margin-top: 0px;
}

/* NAV BAR STYLE BANNER - CART PAGES - LEFT NAV */
/************************/

.cartnavbox-container {
    overflow:hidden;
    padding:13px 13px 26px 13px;
}
#ess-banner-navbox {
    float: left;
    padding-left: 44px;
    padding-top: 6px;
    width: 100%;
    max-width: 600px;
}
#ess-banner-navbox h3 {
    font-size: 2.2em;
    color: #fff;
    line-height: 26px;
    margin-bottom: 11px;
}

#ess-banner-navbox h4 {
    font-size: 1.9em;
    color: #fff;
    line-height: 15px;
    color: white;
    margin: 17px 0px 24px 15px;
}

#ess-banner-navbox-bygoal {
    padding-top: 6px;
    max-width: 1440px;
    width: 100%;
	margin:auto;
}

.X-OutGoals {
    position: absolute;
    top: 47px;
    right: 28px;
    width: 35px;
}

.X-OutGoals_lower {
    position: absolute;
    top: 74px;
    right: 28px;
    width: 35px;
}

.X-OutPages {
    position: absolute;
    top: 61px;
    right: 0px;
    width: 35px;
}

/* MAIN BOX COLOR LEFT BACKGROUND */
/************************/

.navbox-sale {
    background-color: #44a35c;
}
.navbox-baby {
    background-color: #5FBDD1;
}
.navbox-body {
    background-color: #BB426D;
}
.navbox-home {
    background-color: #FF8006;
}
.navbox-nutrition {
    background-color: #F12D04;
}
.navbox-oils {
    background-color: #9C8FC5;
}
.navbox-merch {
    background-color: #80BB8B;
}
.navbox-bygoal {
    background-color: #2EA4BE;
}
.navbox-topsellers {
    background-color: #F7B32C;
}



/* END
MAIN BOX COLOR LEFT BACKGROUND */
/************************/

.wowslidercartnav {
    float:right;
}
#ess-banner-navbox ul {
    list-style: none;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}
#ess-banner-navbox li {
    /* padding: 3px; */
    width: 500px;
    margin-bottom: 4px;
    text-decoration: none;
    font-size: 1.2em;
    padding: 2px 0 2px 19px;
	color:white;
}
#ess-banner-navbox a {
	font-weight:normal;
	text-decoration:none !important;
	color:#ffffff;}

#ess-banner-navbox a:hover {
	font-weight:normal;
	text-decoration:none !important;
	color:#ffffff;
}


/* LEFTNAV ROLLOVER COLORS */
/************************/
#ess-banner-navbox.navbox-baby a li{
}
#ess-banner-navbox.navbox-baby a:hover li{
	background-color: #8fdfef;
}
/*.onbaby {
    background-color: #8fdfef;
}*/

#ess-banner-navbox.navbox-body a li{
}
#ess-banner-navbox.navbox-body a:hover li{
	background-color: #e65286;
}

#ess-banner-navbox.navbox-home a li{
}
#ess-banner-navbox.navbox-home a:hover li{
	background-color: #fba14a;
}

#ess-banner-navbox.navbox-nutrition a li{
}
#ess-banner-navbox.navbox-nutrition a:hover li{
	background-color: #fb5d2b;
}

#ess-banner-navbox.navbox-oils a li{
}
#ess-banner-navbox.navbox-oils a:hover li{
	background-color: #ac9dda;
}

#ess-banner-navbox.navbox-merch a li{
}
#ess-banner-navbox.navbox-merch a:hover li{
	background-color: #93d49f;
}



@media (max-width:1407px){
#ess-banner-navbox {
    float: left;
    padding-left: 44px;
    padding-top: 7px;
    width: 22%;
    max-width: 282px;
} 
}

@media (max-width:1200px){
#ess-banner-navbox {
float: left;
    padding-left: 44px;
    padding-top: 0px;
    width: 22%;
    max-width: 282px;
} 
    
  #ess-banner-navbox li {
    /* padding: 3px; */
    width: 500px;
    margin-bottom: 1px;
    text-decoration: none;
    font-size: 1.2em;
    padding: 1px 0 1px 19px;
}
}

@media (max-width:900px){
#ess-banner-navbox {
float: left;
    padding-left: 8px;
    padding-top: 0px;
    width: 22%;
    max-width: 282px;
} 
    
  #ess-banner-navbox li {
    width: 500px;
    margin-bottom: 0px;
    text-decoration: none;
    font-size: 1.2em;
    padding: 1px 0 1px 6px;
}
#ess-banner-navbox h3 {
    font-size: 2em;
    color: #fff;
}
}

@media (max-width:850px){
.wowslidercartnav {
    float:none;
    display:none !important;
}

#ess-banner-navbox {
    float: left;
    padding-left: 8px;
    width: 100%;
    padding-top: 0px;
    max-width: 2000px;
}
#ess-banner-navbox ul {
    list-style: none;
    text-decoration: none;
    margin: 0 8px 26px 0;
    padding: 0px;
    }
    
#ess-banner-navbox li {
    width: 100%;
    margin-bottom: 0px;
    text-decoration: none;
    font-size: 1.2em;
    padding: 3px 0 3px 6px;
}
.cartnavbox-container {
    background-color: #80c5d2;
    overflow: hidden;
    padding: 3px;
}
#ess-banner-navbox h3 {
    font-size: 2em;
    color: #fff;
    margin-bottom: 5px;
    margin-top: 3px;
}
}

/* BANNERS FOR SECTIONS WITH HOVER EFFECTS */
/************************/

#ess-banner-color {
    padding: 10px 0px 10px 57px;
    float: left;
    height: 345px;
    width: 25%;
    position: relative;
}

.bottom-child {
    position: absolute;
    bottom: 10px;
    left: 59px;
    width: 66%;
}

#ess-banner-color.banner-company {
	background-color: #ab1b13;
}
#ess-banner-color.banner-calls {
	background-color: #f99500;
}
#ess-banner-color.banner-services {
	background-color: #618F99;
}
#ess-banner-color.banner-faq {
	background-color: #DA401E;
}


#ess-banner-picbox {
    float: left;
    padding-left: 25px;
    padding-top: 25px;
    height: 345px;
    width: 75%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: top;
}

#ess-banner-picbox.box-company {
	background-image: url("https://www.essanteorganics.com/Portals/2017/images/HeaderMG_company.jpg");
}
#ess-banner-picbox.box-calls {
		background-image: url("https://www.essanteorganics.com/Portals/2017/images/HeaderMG_CallsVideos.jpg");	
}
#ess-banner-picbox.box-services {
		background-image: url("https://www.essante.com/Portals/2017/images/HeaderMG_services.jpg");	
}
#ess-banner-picbox.box-faq {
		background-image: url("https://www.essanteorganics.com/Portals/2017/images/HeaderMG_faq.jpg");	
}


#ess-banner-color h3 {
	color:#ffffff;
	line-height: 41px;
    margin-top: 10px;
}

#ess-banner-color h4 {
	color:#ffffff;
}

#ess-banner-color h5 {
	color:#ffffff;
	font-size: 19px;
    line-height: 23px;
}


#ess-banner-picbox ul {
	list-style:none;
	text-decoration:none;
}

#ess-banner-picbox li {
    padding: 3px;
    width: 345px;
    margin-bottom: 10px;
    padding-left: 12px;
	text-decoration:none;
}

#ess-banner-picbox a {
	font-weight:bold;
	text-decoration:none !important;
	color:#ffffff;
}

#ess-banner-picbox a:hover {
	font-weight:bold;
	text-decoration:none !important;
	color:#ffffff;
}

#ess-banner-picbox.box-company a li{
	background-color: #ab1b13;
}
#ess-banner-picbox.box-company a:hover li{
	background-color: #d82319;
}
#ess-banner-picbox.box-calls a li{
	background-color: #f99500;
}
#ess-banner-picbox.box-calls a:hover li{
	background-color: #ffac31;
}
#ess-banner-picbox.box-services a li{
	background-color: #62909A;
}
#ess-banner-picbox.box-services a:hover li{
	background-color: #80becc;
}
#ess-banner-picbox.box-faq a li{
	background-color: #DA401E;
}
#ess-banner-picbox.box-faq a:hover li{
	background-color: #DA401E;
}

.FiveDayVidWrapper {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin: 13px 0px 16px;
}

.FiveDayInnerVidWrapper {
    max-width: 1000px;
    overflow: hidden;
    margin: 0 auto;
}

.FiveDayLogoBox {
    width:30%;
    float:left;
}

.FiveDayTitleBox {
    width:100%;
    float:left;
}

.FiveDayTitle {
    width: 100%;
    font-size: 1.8em;
}

.FiveDayIcon {
    display:inline-block;
}

.FiveDayIcon img:hover {
    opacity: 0.5;
}


@media (max-width: 1000px) {
    
 .FiveDayLogoBox {
    width:100%;
    float:none;
}

.FiveDayTitle {
    width: 100%;
    font-size: 1.8em;
    margin-top: 20px;
    margin-bottom: 15px;
}
      
.FiveDayTitleBox {
    width:100%;
    float:none;
}
    
    .FiveDayIcon img {
        width:100px;
}
}

@media (max-width: 1200px) {

#ess-banner-color {
	padding:10px 20px;
	float:left;
	height:446px;
	width:25%;
	position:relative;
	
}
.bottom-child {
    position: relative;
    bottom: 10px;
    left: 3px;
    width: 87%;
}

#ess-banner-picbox {
	float:left;
	padding-left:25px;
	padding-top:25px;
	height:446px;
	width:74%;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: top;
}
	
#ess-banner-picbox li {
    padding: 3px;
    width: 345px;
    margin-bottom: 10px;
    padding-left: 12px;
	text-decoration:none;
}

}



@media (max-width: 990px) {

#ess-banner-color {
	padding:10px 20px;
	float:none;
	height:auto;
	width:100%;
	position:relative;
	
}
	
.bottom-child {	
  position: relative;
  left: -9px;
  top: -20px;
}

#ess-banner-picbox {
	float:none;
	padding-left:25px;
	padding-top:25px;
	height:345px;
	margin-top:25px;
	width:100%;
	background-image: url("https://www.essanteorganics.com/Portals/2017/images/HeaderMG_company.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: top;
}
	
#ess-banner-picbox li {
    padding: 3px;
    width: 90%;
    margin-bottom: 10px;
    padding-left: 12px;
	text-decoration:none;
}

}

/* MEGA MENU SIMULATED ESS */
/************************/

#shopMegamenuEss {
	overflow:hidden;
	background-color: white;
	height:auto;
    margin-left: 50px;

}

#shopMegamenuEssFeatured {
    width: 20%;
    float: left;
    margin-right: 3%;
}

#shopMegamenuEssFeatured h4 {
	margin: 0px;
    font-size: 18px;
    font-weight: 600;
}

.catalogtext {
	text-align:center
}

#shopMegamenuEssListing {
	width:24%;
	float:left;
	margin-top:25px;
}

.megamenusubdivision {
	overflow:hidden;
}

.megamenusubdivision ul {
	list-style-type: none;
	line-height: 1.8em;
}

.megamenusubdivision li:nth-child(1){
	font-weight:600;
	font-size: 1.0em;
	text-decoration:underline;
	color: #399F5C;
	font-family: "Sintony", "Helvetica Neue, Helvetica, Arial", sans-serif;
	line-height: 1.1em;
	margin-bottom:.3em;
}

.megamenusubdivision li:nth-child(1) a {
	color:#44a35c
}

.megamenusubdivision li:nth-child(1) a:visited {
	color:#86C499
}

.megamenusubdivision li:nth-child(1) a:hover {
	color:#86C499
}

/* CAREERS VIDEO BOX STYLES */
/************************/

#careersVideos {}



.videoLinksContainer {
	text-align:center;
		margin-top:5px;
		overflow:hidden;
}

#videoLinksUnit {
    max-width: 32.7%;
    background-color: #44a35c;
    padding: 25px 10px;
    color: white;
    font-size: 1.7em;
    line-height: 1.3em;
    width: 32.7%;
    float: left;
	
}

.videoCentralUnit {
	margin: 0px 9px;
	
}

#videoLinksUnit img {
	max-width:45px;
	margin-top:11px;
	
}

#CenteredBlockVid {
    Width: 100%;
    display: block;
    text-align: center;
	
}

.CertsSectionVid {
    margin-top: 30px !important;
}

.CertsSectionVid img {
	display: inline-block !important;
	margin:0px 15px !important;

}

@media (max-width: 1180px) {
	#videoLinksUnit {
    max-width: 100%;
    background-color: #44a35c;
    padding: 10px 0px;
    color: white;
    font-size: 1.7em;
    line-height: 1.3em;
    width: 100%;
    float: none;
		margin-top:10px;
	
}

.videoCentralUnit {
	margin: 0px 0px;
	
}
	
}
	
/* JOIN AND CUSTOMER FORM ELEMENTS AUSTIN */
/**********/
#RRleftboxTop {
	max-width:210px;
	padding:18px;
	background-color:#891100;
	color:#fff;
	font-weight:700}
#RRleftboxBottom {
	max-width:210px;padding:18px;background-color:#e8e8e8;border-bottom:2px solid #891100; color: #AF2317; font-weight: bold;}
.RRleftboxBottomInner {
	margin-bottom: 25px;	
}

/* JOIN AND CUSTOMER FORM ELEMENTS JOHN */
/**********/

#lblYouSelectedData {
	font-size:1.8em;
	font-weight:bold;
}

#ctl00_ContentPlaceHolder1_lblYouSelected {
	font-size:1.4em;
}

/* FOOTER BOX DOUBLE */
/************************/

#personalizedsection {
	max-width:100%;
	background-color:#fff;
    padding: 0px 14px 0px 14px;
}

#testimonialsection {
	max-width: 100%;
    background-color: #F6E9B1;
    padding: 11px 14px 12px 14px;
}

#personalizedsection div {
	display:inline-block;
	vertical-align:top;
}

.personalizedtitle {
color: #6D6E71 !important;
    width: 100%;
    margin-bottom: 11px !important;
    text-align: center;
    font-size: 1.7em;
    padding-top: 4px !important;
    padding-bottom: 10px!important;
		
}

.personalizedfooter {
	font-size: 1em !important;
}

.distINFO {
	margin-bottom:25px;
	color: #6D6E71;
}

#personalizedsection a {
	background-color: #44a35c;
    color: #fff !important;
    padding: 0px 10px;
    text-decoration: none;
}

#personalizedsection a:hover {
	background-color:#44a35c;
}

.personalizedleft {
	width:30%;
	text-align:left;
	min-width: 375px;
}

.personalizedleft img {
	width: 150px;
	padding-right:15px;
	float:left;
}

.personalizedright {
    width: 67%;
	margin:0 auto;
	text-align:center;
}

.personalizedright img {
	width: 175px;
    padding: 13px 5px 13px 5px;
	float:left;
}
.testimonialwrapper {
	width:100%;
	background-color:#fff;
}

.testimonialwrapper.slick-slide {
	outline: none!important;
    vertical-align: top;
    margin-top: 9px;
    margin-bottom: 9px;
}

.slick {

	background-color: #fff;
    margin: 6px 0px 11px 0px;
}

.testimonialtext {
	padding: 13px 13px 0px 13px;
	width: 76%;
	color: #6D6E71;
	text-align:left;
	overflow:hidden;
}

@media (max-width: 990px) {
.testimonialtext {
	padding: 13px 13px 0px 13px;
	width: 100%;
	color: #6D6E71;
	text-align:left;
	overflow:hidden;
}
	
	.personalizedright img {
	width: 175px;
    padding: 13px 5px 13px 5px;
	float:none;
}
	
	
}


.testimonialheader {
	font-weight:bold;
	font-size:1.3em;
}

.directional {
	width:100% !important;
}

.directional img {
	text-align:center !important;
	float:none !important;
	width:90px
}


@media (max-width: 1400px) {
	
	#personalizedsection div {
	display:block;
	vertical-align:top;
	width:100%;
	margin-bottom:25px;
}
	
	.personalizedleft {
	width:100%;
	text-align:left;
}
	
	.personalizedright {
	margin-top:0px;
    width: 100%;
    margin-left: 0px;
}
	
}

.goog-te-gadget-simple {
    background-color: #FFF;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-right: none !important;
    font-size: 9pt !important;
    display: inline-block;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    cursor: pointer;
}

.SCCRoutingCodeStaging #google_translate_element {
	display:none
}



/* DEEP DIVE STYLES TRANSFERRED IN */
/************************/

#outterContainerDD {
    padding: 0px 0px;
    width: 100%;
	text-align: center;
}

#outerContainer2DD {
	padding: 0px 0px;
    width: 100%;
	text-align: center;
	padding-top: 9px;
}

#standardPagesDD {
    padding-top: 0px;
    padding-bottom: 0px;
}

#detaildivider {
    width: 100%;
    max-width: 1000px;
    height: 0px;
    margin: 0 auto;
}

.sectionimages {
	max-width:1000px;
	width:100%;
		}
	
.sparkle h1 {
	font-size: 3em;
	border-bottom:none;
	margin-top:25px;
	margin-bottom: 5px !important;
   line-height: 1em;
	}
	
.sparkle h2 {
    margin-bottom: 12px !important;
    line-height: 1em;
    margin-top: 10px;
    font-size: 1.5em;
}

.sparkle h3 {
    line-height: 1em;
    margin-bottom: 11px;
    font-size: 2.5em;
    text-transform: uppercase;
}

.sparkle h4 {
    line-height: 1em;
    margin-bottom: 9px;
	margin-top:24px !important;
}

.efficacyintro h2 {
	padding: .5em 0em 0em 0em;
}

#divAddlInfo_Disclaimer h6 {
	display:none !important;
}

.testimonialStatement {
	
}


	
/****.sparkle h1, h2, h3, h4 {
	color:#343991 !important;
	}
***/	


#certs {
    padding:0px 0px;
}

#certs img {
    padding: 0px 0px;
}


#detailmain {
	width: 100%; 
	margin-top: 0px;
	background-color: #ffffff; 
	text-align:center
	
}

#detailsection p {
	 font-size: 1.2em;
    line-height: 1.5;
    color: #43484f;
}

#detailsection li {
	font-size: 1.1em;
    line-height: 1.4;
    color: #43484f;
    text-align:left;
}


.video-DownloadShare {
    text-align: center;
    display: block;
    margin-bottom: 10px;
    }

.videolinkmargin {
    margin-bottom:6px;
}

.video-DisplayBox {
    display: inline-block;
    text-align: center;
    float: left;
    margin-bottom: 25px;
}

#detailmainWhite {
	width: 100%; 
	margin-top: 0px;
	background-color: #FFF; 
	text-align:center;
	min-height:600px;
}

#detailwrapper {
    max-width: 1000px;
    width: 75%;
	background-color:#fff;
	margin: 0 auto;
	padding: 10px 15px;
	overflow:hidden !important;
	}

#detaildivider {
	width:100%;
	max-width:1000px;
	height:10px;
	margin: 0 auto;
	}
	
#detailsection {
    width: 100%;
    /* max-width: 1000px; */
    margin: 0 auto;
    background-color: #fff;
    margin-bottom: 13px;
    text-align: center;
	}
	
.joinoptionsheader	 {
    background-color: #106fba;
    color: white;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    padding: 10px 21px;
	}
	
.joinoptionsheader2	 {
    background-color: #44a35c;
    color: white;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    padding: 10px 21px;
	}

.spacewrapDD {
	margin-top:15px;
	clear:both;
}

#flyertextbox2 {
    width: 43%;
    margin: 0px 25px;
    color: black;
    display: inline-block;
    vertical-align: top;
    text-align:left;
}

#flyertextbox2 h4 {
    border-bottom: 2px solid #58d27b;
    padding-bottom: 4px;
}

#flyertextbox2L {
    width: 45%;
    margin: 10px;
    color: black;
    float: left;
    text-align: left;
}

#flyertextboxEnjoy {
    color: black;
    text-align: left;
    padding-right: 30px;
    border: 1px solid #c6c6c6;
    padding: 25px;
}

#flyertextboxEnjoy p {
    padding-bottom: 7px;
    margin-bottom: 0px;
    line-height: 19px;
}

#flyertextboxEnjoy li {
    padding-bottom: 7px;
    margin-bottom: 0px;
    line-height: 19px;
}

#flyertextboxEnjoy ul {
    margin: 0 1.5em -0.5em 1.5em;
}


#flyertextboxEnjoy h4 {
    line-height: 1.1em;
    margin-top: 0px !important;
}

#flyertextbox3 {
    width: 30%;
    margin: 10px;
    color: black;
    float: left;
    text-align: left;
}

#flyertextbox4 {
    width: 22%;
    margin: 10px;
    color: black;
    float: left;
    text-align: left;
}

#flyertextboxFull1 {
    width: 99%;
    margin: 10px;
    color: black;
    text-align: left;
    margin-top: 25px;
    clear: both;
}

#flyertextboxFull2 {
    width: 99%;
    margin: 10px;
    color: black;
    text-align: left;
    margin-top: 0px;
    clear: both;
}

#flyertextboxFull {
    width: 99%;
    margin: 10px;
    color: black;
    text-align: left;
    border-top: 2px solid #44a35c;
    clear: both;
}

#flyertextboxIngredients {
	width: 100%;
    color: black;
    text-align: left;
    margin-top: 25px;
    max-width:970px;
}

.FTB_IngredientsModifier {
    max-width: 1300px !important;
    margin: 0 auto;
}

.IngredientsSemiBold {
	font-weight:500;
}

.DD_Image_Top img {
	 margin: 0 auto;
}

#flyertextboxIngredients p {
	font-size: 1.2em;
	margin-bottom: 30px;
}

#flyertextboxBenefits {
	width: 100%;
    color: black;
    text-align: left;
    margin-top: 25px;
    max-width:970px;
}

#flyertextwrapper {
    overflow: hidden;
}

#flyertextwrapper2 {
    overflow: hidden;
}

#flyertextwrapper3 {
    overflow: hidden;
}

#flyertextboxEnjoy a {
    float: left;
    margin-right: 33px;
    margin-bottom: 10px;
    margin-top: 2px;
}

.ftbparagraphs {
	clear:both
}

.ftbparagraphs a{
	float:none !important;
}

#flyertextboxIngredients a {
    text-decoration: none;
    background-color: #44a35b;
    color: white !important;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-top: 1px;
	overflow:hidden;
}

#flyertextboxBenefits a {
    text-decoration: none;
    background-color: #44a35b;
    color: white !important;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-top: 1px;
	overflow:hidden;
}

.ingredientBasic {
    text-align:left;
}

.ingredientBasic h4{
	  line-height: .6em;
    margin-bottom: 15px;
}

#ingredientTable {
	margin:0 auto;
	border: 2px solid #666e78;
	width:100%;
	background-color:#ffffff;
}
#ingredientTable td {
	border: 1px solid #666e78;
	padding: 0px 10px !important;
}

#ingredient tr1 {
	text-align:left;
}

 #ingredientTable tr:nth-child(even) {background: #e5e5e5}

.ingtableindent {
	text-indent: 25px;
}

.ingtablesub {
	background-color:#44a35c;
	color:white;
}

.ingtablesub_choc {
	background-color:#492D16;
	color:white;
}

.od_images {
	margin-right:25px;
    float:left;
}

.od_wrap {
    margin-bottom: 12px;
    width: 100%;
    text-align: center;
    overflow: hidden;
    border: 1px darkgrey solid;
    padding: 7px 10px 9px 10px;
}

.od_text {
	float:left;
    overflow:hidden;
    width:75%;
}
.od_text p {
    text-align:left;
    line-height: 1.2em !important;
    margin-bottom: 5px;
}

.od_text h5 {
    font-size: 1.5em;
    line-height: .3em;
    text-align: left;
    }

@media (max-width: 700px) {

.od_images {
    float:none;
	margin-right:0px;
}

.od_wrap {
	margin-bottom:12px;
    width:100%;
    text-align:center;
    overflow:hidden;

}
    
#flyertextboxEnjoy img {
    width:100%;
}
    
#flyertextboxEnjoy a {
    float: left;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-top: 2px;
}
    
.od_text {
	float:none;
    overflow:hidden;
    width:100%
}
.od_text p {
    text-align:left;
    line-height: 1.2em !important;
    margin-bottom: 5px;
}
	.sparkle h3 {
    line-height: 1em;
    margin-bottom: 9px;
    font-size: 1.9em;
    text-transform: uppercase;
}	
    .sparkle h4 {
        line-height: 1em;
        margin-bottom: 9px;
        margin-top: 9px !important;
        font-size: 1.6em;
    }
}




.SourceSelection {
    text-align: center;
    border-bottom: 1px solid #c1c1c1;
    margin-bottom: 14px !important;
    padding-bottom: 5px;
}

.SourceSelectionSingles {
    text-align: center;
    border-bottom: 1px solid #c1c1c1;
    margin-bottom: 21px !important;
    padding-bottom: 5px;
}

@media (max-width: 600px) {

#ingredientTable {
	width:99%;
}
	
}

/****Media Queries for DEEP DIVE***/	

	
.viewingredientsWide {
    width: 300px;
    margin-bottom: 54px !important;
}

.ingredients p {
    margin-left: 10px;
    margin-right: 10px;
    text-align: left;
}

#dd-stackbox {
    padding: 12px;
    overflow: hidden;
    margin-bottom: 10px;
}

#dd-stackbox strong {
    font-size: 1.2em;
    padding-bottom: 0px;
    color: #333333;
}

#dd-stackboxtext {
    float: left;
    margin-left: 15px;
    display: inline-block;
    max-width: 77%;
}

#dd-stackbox img {
    float: left;
    margin: 5px 2px 0 3px;
    max-width: 105px;
}


.dd-stackboxWithin {
    overflow: hidden;
    clear: both;
}

#dd-stackboxWithintext {
    float: left;
    margin-left: 15px;
    display: inline-block;
    max-width: 77%;
}

.dd-stackboxWithin img {
    float: left;
    margin: 5px 2px 0 3px;
    max-width: 105px;
}

#dd-stackbox a {
	text-decoration: underline;
    background-color: white;
    color: black !important;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    overflow: hidden;
}

#dd-stackbox p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px;
}

#dd-stackbox li {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 3px;
}

#dd-stackbox ul, ol {
    margin: 5px 1.5em .5em 2em;
}

#dd-stackbox h4 {
    margin: .2em 0 .3em 0;
    text-transform: uppercase;
	font-size: 1.6em;
}

#DD2-stackbox {
    padding: 12px;
    overflow: hidden;
    margin-bottom: 10px;
}

#DD2-stackbox strong {
    font-size: 1.2em;
    padding-bottom: 0px;
    color: #333333;
    line-height: 1.1em;
	font-weight: 600;
}

#DD2-stackboxtext ul li strong {
	font-size: 1.05em !important;
    font-weight: 600;
}


#DD2-stackboxtext {
    float: left;
    margin-left: 15px;
    display: inline-block;
    max-width: 75%;
	text-align:left;
}

#DD2-stackbox img {
    float: left;
    margin: 5px 2px 15px 3px;
    width:auto
}

#DD2-stackbox a {
	text-decoration: underline;
    background-color: white;
    color: black !important;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    overflow: hidden;
	font-weight: 500;
}

#DD2-stackbox p {
    font-size: 1.3em;
    line-height: 1.3em;
    margin-bottom: 8px;
}

#DD2-stackbox li {
    font-size: 1.1em;
    line-height: 1.3em;
    margin-bottom: 3px;
}

#DD2-stackbox ul, ol {
    margin: 5px 1.5em .5em 1.5em;
}

#DD2-stackbox h4 {
    margin: .9em 0 .3em 0;
}

.Handy_buttonwrap {
	text-align:center;
}

.Handy_buttonwrap a {
    text-decoration: none !important;
    background-color: black;
    color: white !important;
    text-align: center;
    padding: 10px 18px 10px 18px;
    display: inline-block !important;
    font-size: 1.2em;
    margin: 47px auto !important;
}

.Handy_buttonwrap a:hover {
	background-color:grey;
}


.soy {
    border: 2px solid #D5C94B;
}

.lemongrass {
    border: 2px solid #EAD182;
}

.cedar {
    border: 2px solid #E59E54;
}

.rosemary {
    border: 2px solid #85B484;
}

.peppermint {
    border: 2px solid #80B840;
}

.geranium {
    border: 2px solid #F6A0A3;
}

.lavender {
    border: 2px solid #C1A9D0;
}

/****This is for the bottom ADD TO CART button***/
@media (max-width: 1040px) {
    #ctl00_ContentPlaceHolder1_ActionButtonFrame {
        bottom: 0px !important;
    }
}

@media (max-width: 600px) {
	
#dd-stackboxtext {
    float: left;
    margin-left: 0px;
    display: inline-block;
    max-width: 100%;
}
	
	.close {
    margin-left: 5px;
}
	
	#DD2-stackbox li {
    margin-bottom: 10px;
}
	
	#DD2-stackbox {
    margin-bottom: 105px;
}
	
	#dd-stackbox h4 {
    margin: .9em 0 .3em 0;
    text-transform: uppercase;
	font-size: 1.5em;
    line-height: 1.2em;
}
	
	#flyertextboxIngredients {
    width: 95%;
}
	
#flyertextboxIngredients h2 {
    font-size: 2.1em;
    padding: 0 10px !important;
}
	
}
	

/****INCLUDES THE BACKGROUND COLORS:
.soy {
    border: 2px solid #D5C94B;
    background-color: #FFF8A6;
}

.lemongrass {
    border: 2px solid #EAD182;
    background-color: #F3E7C1;
}

.cedar {
    border: 2px solid #E59E54;
    background-color: #F4D6A3;
}

.rosemary {
    border: 2px solid #85B484;
    background-color: #85B484;
}

.peppermint {
    border: 2px solid #80B840;
    background-color: #D8E297;
}

.geranium {
    border: 2px solid #F6A0A3;
    background-color: #FACFCB;
}

.lavender {
    border: 2px solid #C1A9D0;
    background-color: #C1A9D0;
}
/****Media Queries for DEEP DIVE***/	

.efficacyintro {
    text-align: left;
}



.RDAtable td {
	    padding: 7px !important;
	    border-bottom: 1px solid white;
}

#catbutton {
    padding: 0 8px;
    border-radius: 10px;
    color: #fff !important;
    background-color: #AF416E;
    font-weight: normal !important;
	text-decoration:none !important;
}

.reviews-box h4 {
    background: #37a05b;
    padding: 5px;
    margin-top: 0;
    border-radius: 8px 8px 0 0;
    color: #fff;
    text-align: center;
}

#supportSubBox {
	width:100%;
	background-color: #44a35c;
	padding:2px;
	text-align:center;
	margin-bottom:15px;
	margin-top: 15px;
}

.supportSubHead {
    font-size: 1.2em;
    color: #fff;
    letter-spacing: 4px;
}

.supportBodyCopy {
	text-align:left;
}

/*****Some Global Edits*******/

.categories-list {
	line-height:16px;
	}

/*****Disappear Elements******/

#ctl00_lnkCreateAccount {
	display:none;
}

.language-wrap {
    background-color: transparent;
    text-align: center;
    position: absolute;
    top: -16px;
    right: 0px;
    z-index: 150;
}

span#ctl00_ContentPlaceHolder1_lblEmailAddress {
	display:none
}

input#ctl00_ContentPlaceHolder1_txtEmailAddress {
	display:none
}

.Catalog_212 .title-bar-section  {
        display:none;
    }

.Catalog_215 .title-bar-section  {
        display:none;
    }

/**.create-acct-box trin-2, #cart-panel {
	display:none !important;**/

/**temp guest checkout stuff

.sign-in-box.trin-2 {
float:right !important;	
}

.create-acct-box.trin-2 {
float:right !important;	
}
**/

/**temp guest checkout stuff**/


/*****THE BREADCRUMBS MOBILE******/

@media (max-width: 600px) {
    
.Catalog_212 .title-bar-section  {
        display:none;
    }
	
	.Catalog_215 .title-bar-section  {
        display:none;
    }
}

#ctl00_ContentPlaceHolder1_ProductNameDiv.page-name shop-h2 {
	display:block !important;
}

#ctl00_ContentPlaceHolder1_ProductNameDiv {
    margin-left:36px;
}

#ctl00_ContentPlaceHolder1_SearchCriteriaContainer {
	    display: none !important;
}

#ctl00_ContentPlaceHolder1_lblSearchZipCode, #ctl00_ContentPlaceHolder1_txtSearchZipCode, #ctl00_ContentPlaceHolder1_lblSearchNumMiles, #ctl00_ContentPlaceHolder1_txtSearchMiles {
	display:block
}


#ctl00_ContentPlaceHolder1_btnCreateAccount.SCNLoginButton {
	display:none;
}

#ctl00_ContentPlaceHolder1_lblNotes {
	display:block;
}

#ctl00_ContentPlaceHolder1_txtNotes {
	display:block;
}

@media (max-width: 600px) {
	
#outterContainer {
	padding: 15px 2%;
	width:100%;
}
#stackbox {
	padding: 0px;
    overflow: hidden;
	margin-bottom: 0px;
}
#stackbox img {
	float:none;
	margin: 0px 0px 15px 0px;
}
	.stackboxtext {
	float:none;
	display:inline-block;
	max-width: 100%;
}
#inner65 {
	width:100%;
}

}

.MagicScroll.mcs-rounded {
  height: 165px !important;
}

.businessImages img {
	margin-right:15px;
	
}

.spot_med {
    margin: 5px 15px 0 0;
    box-shadow: 2px 2px 5px #a2a2a2;
    -moz-box-shadow: 2px 2px 5px #a2a2a2;
    -webkit-box-shadow: 2px 2px 5px #a2a2a2;
}

#leadershipPages {
	font-size:1.2em;
	line-height:1.4em;
	width:80%;
}

@media (max-width: 600px) {
	
#leadershipPages {
	font-size:1.2em;
	line-height:1.4em;
	width:100%;
}
	.spot_med {
    margin: 5px 235px 15px 0;
    box-shadow: 2px 2px 5px #a2a2a2;
    -moz-box-shadow: 2px 2px 5px #a2a2a2;
    -webkit-box-shadow: 2px 2px 5px #a2a2a2;
}
	
}



/*--------- JOIN FORM 2019 ----------*/
#JSmatrix_2019 {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #000000;
    padding: 15px 15px 30px 15px;
    overflow: hidden;
    margin-top: 35px;
    margin-bottom: 65px;
}

#JSmatrix_2019 H1 {
    font-size: 1.1em;
    font-weight: bold;
    color: #000000;
    line-height: 1em;
    margin: 10px 0 10px;
}

#JSmatrix_2019 H2 {
    font-size: 1.5em;
    font-weight: bold;
    color: #000000;
    line-height: 1.1em;
    margin: 3px 0px 8px;
}

#JSmatrix_2019 img {
width:100%
}

.JSchoose {
    font-size: 1.3em;
    font-style: italic;
    color: #000000 !important;
    margin: 0px;
    padding: 0px !important;
}


sup {
	font-size: .4em;
}

sup {
    top: -0.9em;
}


.JSmatrix_headerbox {
    margin: 8px 0 27px;
}

.JSmatrix_buttonwrapper {
    overflow: hidden;
    margin-bottom: 30px;
    border: 1px solid black;
    padding: 15px;
}

.JSmatrix_buttonwrapper2 {
    overflow: hidden;
    margin-bottom: 0px;
}

.JSmatrix_buttonwrapper3 {
    overflow: hidden;
    margin-bottom: 5px;
    border: 1px solid black;
    padding: 15px;
}

.JSmatrix_buttons a {
	background-color:#000000 !important;
}

.JSmatrix_buttons:hover {
	background-color:#4e4e4e !important;
}

.JSmatrix_buttons {
    background-color: #000000;
    float: left;
    color: white;
    font-size: 1.5em;
    max-width: 213px;
    padding: 8px;
    width: 28%;
    text-align: center;
    margin-right: 0px;
    font-weight: 600;
}

.JSmatrix_textboxes {
    color: black;
    font-size: 1.3em;
    padding: 3px 0px;
    padding-left: 13px;
    width: 100%;
    line-height: 1.2em;
}

.JSmatrix_textboxes ul {
     margin: 0 1.5em 0.5em 1.5em;
}

.JSmatrix_textboxes li {
     margin: 0 0 0.2em 0;
}

.freetext {
	padding-top: 0px !important;
}

.JSmatrix_textboxes p {
	margin-bottom:5px !important;
}

.JSmatrix_MostPopular {
    background-color: yellow;
    font-size: 17px;
    margin: 13px 0px 0px 0px;
    display: inline-block;
    padding: 3px 28px;
    font-weight: 600;
}

.JSvid_button {
    background-color: #000000;
    float: left;
    color: white;
    font-size: 1.2em;
    max-width: 198px;
    padding: 7px 0px;
    width: 100%;
    text-align: center;
    margin-right: 0px;
    margin-top: 25px;
    font-weight: 600;
    margin-bottom:24px;
}

.ContinueShopping {
    overflow: hidden;
    display: block;
    width: 100%;
    margin-top: 10px;
    font-size:16px;
    text-decoration:underline;
}



@media (max-width: 765px) {
	
	#JSmatrix_2019 {
	max-width: 700px;
    width: 100%;
    margin: 0 auto;
    border: none;
    padding: 15px 15px 0px 15px;
	overflow: hidden;
	margin-top:0px;
}
    
.JSmatrix_buttonwrapper {
    overflow: hidden;
    margin-bottom: 14px;
}
	
.JSmatrix_buttons {
    background-color: #000000;
    float: left;
    color: white;
    font-size: 1.5em;
    max-width: 765px;
    padding: 9px;
    width: 100%;
    text-align: center;
    margin-right: 0px;
}

.JSmatrix_textboxes {
    float: left;
    color: black;
    font-size: 1.2em;
    max-width: 765px;
    padding: 3px 0px;
    padding-left: 0px;
    width: 100%;
    line-height: 1.1em;
    text-align: left;
    padding-top: 12px !important;
    margin-left: 25px;
}
	
	.JSvid_button {
    background-color: #000000;
    float: left;
    color: white;
    font-size: 1.2em;
    max-width: 750px;
    padding: 7px 0px;
    width: 100%;
    text-align: center;
    margin-right: 0px;
    margin-top: 25px !important;
    margin: 0 auto;
}
	
	
.freetext {
	padding-top: 0px;
}	

sup {
	font-size: .5em;
}
	
	
}





/*--------- JOIN FORM 2 ----------*/

.whitecell {
	background-color: white;
	color:black;
}

.blackcell {
	    background-color: #494e55;
	border:1px solid white;
}

.blackcellLeft {
	    background-color: #494e55;
	border:1px solid white;
	padding-left:20px!important;
}
.blackcellright {
	background-color: #494e55;
	border-right:1px solid #494E55;
	border-top:1px solid white;
}

#joinoptionswrapper {
	max-width:80%;
	margin: 0 auto;
}


#joinoptionstable {
	color:white;
	font-size:1em;
	font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;
	text-align:left;
	margin-top:25px;
}

#joinoptionstable img{
	max-width:100px;
}

.comparebenefits {
    text-align: center;
    color: #363636;
    background-color: #F0F0DC;
    /* font-weight: bold; */
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    font-size: 1.6em;
}

.compareleft {
    color: #028401;
    /* font-weight: bold; */
    font-size: 1.6em;
    line-height: 1.2em;
	
}

.jointypeleft {
	background-color:#9CA09F; 
	text-align:center; 
	width:10%;
	border-left:1px solid black;
	border-top:1px solid white;
}

.jointypecenter {
	background-color:#479EF8; 
	text-align:center; 
	width:10%;
	border-left:1px solid white;
	border-right:1px solid white;
	border-top:1px solid white;
}

.jointyperight {
	background-color:#017D26; 
	text-align:center; 
	width:10%;
	border-right:1px solid black;
	border-top:1px solid white;
}
.joinheadertext {
    font-size: 1.4em;
    color: #EFEEC6;
    font-weight: bold;
    text-transform: uppercase;
}

.customerinfobox {
    border: 1px solid black;
    width: 46%;
    float: left;
    text-align: left;
    line-height: 1.1em;
    font-size: .9em;
    padding: 5px;
	
}

.joinoptionsbuttonwrap {
	float:right
}

.retailoption {
	display:block;
    line-height: 1.3em;
}


.retailoption:link {
	color:white;
}

.retailoption:hover {
	color:white;
	text-decoration:none;
}

.retailoption:visited {
	color:white
}


.wholesalecustomeroption {
    display:block;
	line-height: 1.3em;
    padding: 6px 12px;
	margin-left:5px;
}

.wholesalecustomeroption:link {
	color:white;
}

.wholesalecustomeroption:hover {
	color:white;
	text-decoration:none;
}

.wholesalecustomeroption:visited {
	color:white
}

.wholesalepartneroption {
    display:block;
	line-height: 1.3em;
    padding: 6px 12px;
	margin-left:5px;
}

.wholesalepartneroption:link {
	color:white;
}

.wholesalepartneroption:hover {
	color:white;
	text-decoration:none;
}

.wholesalepartneroption:visited {
	color:white
}


/*--------- JOIN FORM RESPONSIVE VERSION 2017 Dec. ----------*/

#JS_full {
Width: 100%;
Background Color:#545960;
	clear:both;
}

.JS_Header {
   background-color: #F0F0DC;
	font-size:28px;
	padding: 10px 0px;
	border-top: 2px solid #545960;
	border-left: 2px solid #545960;
	border-right: 2px solid #545960;
	}

#JS_fullBacker {
	background-color:#44a35c;
	width:100%;
	overflow:hidden;
	border-right: 2px solid #545960;
    border-left: 2px solid #545960;
}

/*--------- JOIN FORM RESPONSIVE VERSION 2018 March ----------*/


.jmatrix_links { background-color:#53585F;
	width:100%;
	overflow:hidden;
	border-right: 2px solid #545960;
    border-left: 2px solid #545960;
}

.jmatrix_links img {
    float: right;
    position: relative;
    top: -5px;
    right: 0px;
}

.jmatrix_fourth_links a {
	float: left;
    position: relative;
    left: 24px;
}

.jmatrix_first_links {
    float: left;
    width: 49%;
    padding-top: 16px;
    color: white;
	line-height: 14px;
}

.jmatrix_second_links, .jmatrix_third_links, .jmatrix_fourth_links {
	line-height:17px;
	border-left: 1px solid white;
	color:white;
	float:left;
	width:17%;
	padding: 7px 0;
	height: 58px;
}

.jmatrix_links a:visited {
	color:white;
	text-decoration:underline;
}

.jmatrix_links a:hover {
	color:#a7a7a7;
	text-decoration:underline;
}

.jmatrix_compare {
    width: 100%;
    background-color: #b4b4b4;
    overflow: hidden;
    border-right: 2px solid #545960;
    border-left: 2px solid #545960;
    color: white;
    line-height: 19px;
}

.jmatrix_compare_first {
    float: left;
    width: 49%;
    background-color: #44a35c;
    padding: 8px 0;
	border-bottom: 1px solid #70bd82;
	font-weight: bold;
	text-align: left;
    padding-left: 24px;
}

.jmatrix_compare_first a {
	color:white;
	text-decoration:underline;
}

.jmatrix_compare_first a:visited {
	color:white;
	text-decoration:underline;
}

.jmatrix_compare_first a:hover {
	color:#a7a7a7;
	text-decoration:underline;
}

.jmatrix_compare_second, .jmatrix_compare_third, .jmatrix_compare_fourth {
    float: left;
    width: 17%;
    border-left: 1px solid #d3d2d2;
    color: #ffffff;
	font-weight:bold;
    padding-top: 18px;
    height: 55px;
    border-bottom: 1px solid #d3d2d2;
}

.jmatrixoption_aheightb {
	height: 55px;
    padding-top: 17px;
}

.jmatrixoption_a {
	height:55px;
}

.jmatrixoption_b {
    height: 55px;
    padding-top: 17px;
	}

.jmatrixoption_c {
	padding-top:10px;
	line-height: 16px;
    font-size: 14px;
	}

.jmatrixoption_d {
	height: 71px;
	}
	
@media screen and (max-width:900px) {

	.jmatrix_fourth_links a {
    left: 9px;
}	
	
	.jmatrixoption_aheightb {
	height: 63px;
    padding-top: 17px;
}
}

	

@media screen and (max-width:761px) {
	

.jmatrix_first_links {
    float: left;
    width: 67%;
    padding-top: 30px;
    color: white;
    line-height: 14px;
    height: 90px;
}

.jmatrix_second_links, .jmatrix_third_links, .jmatrix_fourth_links {
    line-height: 19px;
    border-left: 0px solid white;
    color: white;
    float: left;
    width: 11%;
    padding-top: 13px;
    padding-left: 0px;
    transform: rotate(90deg);
    transform-origin: left;
    height: 132px;
    position: relative;
    top: -58px;
    right: 0px;
    text-align: left;
}
	
.jmatrix_links img {
    float: right;
    position: relative;
   	top: -26px;
    right: -68px;
    transform: rotate(-90deg);
    transform-origin: left;
}
	
.jmatrix_fourth_links a {
    float: none;
	position:relative;
	left:0px;
}
	
.jmatrix_compare_first {
    width: 67%;
    padding: 12px 10px;
}
	
.jmatrix_compare_second, .jmatrix_compare_third, .jmatrix_compare_fourth {
	width:11%;
	padding-top:20px;
	height: 63px;
}
	
.jmatrixoption_a {height:63px}	

.jmatrixoption_b {
    height: 63px;
    padding-top: 21px;
	}
.jmatrixoption_c {
	padding-top:7px;
	line-height: 16px;
    font-size: 14px;
	}
	
.jmatrixoption_aheightb {
	height: 90px;
    padding-top: 25px;
}
	
}

@media screen and (max-width:700px) {
	
.jmatrix_first_links {
    float: left;
    width: 67%;
    padding-top: 30px;
    color: white;
    line-height: 14px;
    height: 90px;
}

.jmatrix_second_links, .jmatrix_third_links, .jmatrix_fourth_links {
    line-height: 19px;
    border-left: 0px solid white;
    color: white;
    float: left;
    width: 11%;
    padding-top: 19px;
    padding-left: 0px;
    transform: rotate(90deg);
    transform-origin: left;
    height: 132px;
    position: relative;
    top: -58px;
    right: 0px;
    text-align: left;
}
	
.jmatrix_links img {
    float: right;
    position: relative;
   	top: -26px;
    right: -79px;
    transform: rotate(-90deg);
    transform-origin: left;
}
	
.jmatrix_fourth_links a {
    float: none;
	position:relative;
	left:0px
}
.jmatrixoption_b {
	height: 63px;
    padding-top: 21px !important;
	}
	
.jmatrixoption_c {
	line-height: 14px;
    font-size: 12px;
	padding-top: 11px;
	}
}

@media screen and (max-width:550px) {
	
.jmatrix_first_links {
    float: left;
    width: 54%;
    padding-top: 37px;
    color: white;
    line-height: 14px;
    height: 90px;
}
	.jmatrix_second_links, .jmatrix_third_links, .jmatrix_fourth_links {
    line-height: 19px;
    border-left: 0px solid white;
    color: white;
    float: left;
    width: 13%;
    padding-top: 0px;
    padding-left: 0px;
    transform: rotate(90deg);
    transform-origin: left;
    height: 132px;
    position: relative;
    top: -60px;
    right: 3px;
    text-align: left;
}
	
.jmatrix_links img {
    float: right;
    position: relative;
	top: -21px;
    right: -100px;
}
	
.jmatrix_fourth_links a {
    float: none;
	position:relative;
	left:0px
}
	
.jmatrix_compare_first {
    float: left;
    width: 60%;
    background-color: #44a35c;
    padding: 15px 5px;
	height:68px;
}
	
.jmatrixoption_aheightb {
	height: 90px;
    padding-top: 17px;
}
	
.jmatrixoption_aheight {
	height:100px !important;
	padding-top: 22px;
}

.jmatrix_compare_second, .jmatrix_compare_third, .jmatrix_compare_fourth {
	float:left;
	width:13%;
	border-left: 1px solid white;
    color: #ffffff;
	font-weight:bold;
	padding-top:24px;
	height:68px;
}
	
.jmatrixoption_ab {height:100px}
.jmatrixoption_a {height:90px}

	
.jmatrixoption_b {
	height: 68px;
    padding-top: 25px;
	}
	
.jmatrixoption_c {
	line-height: 14px;
    font-size: 12px;
	padding-top: 8px;
	}

}

/*--------- END JOIN MATRIX STYLING ----------*/

.modalbox {
  width: 40%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}

.modalbutton {
    font-size: .7em;
    padding: 10px;
    color: #fff!important;
    border-radius: 20px/50px;
    text-decoration: underline;
    cursor: pointer;
    transition: all 0.3s ease-out;
    font-weight: normal;
}
.modalbutton:hover {
  color: #dadada!important;
}

.modaloverlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.1);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.modaloverlay:target {
  visibility: visible;
  opacity: 1;
}

.modalpopup {
  margin: 0 auto;
  margin-top: 255px;
  padding: 20px;
  background: #fff;
  color: #1d1d1d;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 1s ease-in-out;
	font-weight: normal;
	border: 1px solid #000;
}

.modalpopup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.modalpopup .modalclose {
  position: absolute;
  top: 5px;
  right: 5px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333 !important;
}

.modalpopup .modalclose:hover {
  color: #06D85F;
}
.modalpopup .modalcontent {
  max-height: 30%;
  overflow: auto;
}

.modalpopup .modalcontent a {
	color:black;
	text-decoration:underline;
}

.modalpopup .modalcontent a:visited {
	color:black;
	text-decoration:underline;
}

.modalpopup .modalcontent a:hover {
	
}

.modalclose {
	color:black;
}

@media screen and (max-width: 700px){
  .modalbox{
    width: 70%;
  }
  .modalpopup{
    width: 70%;
  }
}

/*--------- END OF JOIN FORM RESPONSIVE VERSION 2018 March ----------*/


.JS_bottomrow {
	border-top:2px solid #545960;
	border-bottom: 2px solid #545960;

}

#JS_fullBacker.JS_FixedRow.activated {
    position: fixed;
    top: 0;
}

#JS_third { 
	float:left;
	width:33%;
	font-size:18px;
	padding:10px 0px;
	color:white;
	font-weight: bold
}

#JS_third img { 
	padding: 0px !important;
}

.JS_FixedRow {
	
}


.JS_TopLeftColor {
	background-color:#A6A9A9;
	height:auto;
}

.JS_TopMidColor {
	background-color:#67A4F7;
	height:auto;

}

.JS_TopRightColor {
	color:white;
	background-color:transparent;
	height:auto;

}

.JS_LeftColor {
	background-color:#A6A9A9;
}

.JS_MidColor {
	background-color:#67A4F7;
}

.JS_RightColor {
		color:white;
	background-color:transparent;
}


.JS_BodyBox {
	padding:13px 10px 1px 10px;
	background-color:#545960;

}
.JS_BodyBox p {
    line-height: 19px;
    color: white !IMPORTANT;
    font-size: 1.2em;
    padding-bottom: 15px !important;
}

.JS_BodyBox h4 {
    line-height: 19px;
    color: #EFEEC6;
    font-size: 1.3em;
    margin: 0px;
    font-weight: bold;
    margin-bottom: 4px;
	margin-top:2px;
}

#JS_links { 
	float:left;
	width:33%;
	font-size:18px;
	padding:10px 0px;
	color:white;
	font-weight: bold;
	height: 72px;
}


@media screen and (max-width:760px) { 
	
	.JS_TopLeftColor {
	background-color:#A6A9A9;
	height:64px;

}

.JS_TopMidColor {
	background-color:#67A4F7;
	height:64px;

}

.JS_TopRightColor {
	color:white;
	background-color:transparent;
	height:64px;

}
	#JS_links { 
	float:left;
	width:33%;
	font-size:18px;
	padding:10px 0px;
	color:white;
	font-weight: bold;
	height: 147px;
}

}

@media screen and (max-width:450px) { 
	
	.JS_TopLeftColor {
	background-color:#A6A9A9;
	height:90px;

}

.JS_TopMidColor {
	background-color:#67A4F7;
	height:90px;

}

.JS_TopRightColor {
	color:white;
	background-color:transparent;
	height:90px;

}
}



@media screen and (max-width:1000px) { 
	
#detailwrapper {
    max-width: 1000px;
    width: 100%;
	background-color:#fff;
	margin: 0 auto;
	padding: 0px 0px;
	overflow:hidden !important;
	}
	
#flyertextbox2 {
    width: 100%;
    margin: 0px 0px;
    color: black;
    display: inline-block;
    vertical-align: top;
}
	
#flyertextbox3 {
	width:100%;
	margin:10px;
	color:black;
	float:left;
	}
	
#flyertextbox4 {
	width:100%;
	margin:10px;
	color:black;
	float:left;
}
	
#dd-stackbox {
    padding: 12px;
    overflow: hidden;
    margin-bottom: 10px;
    margin: 0px 10px 10px 10px;
}

}


/* END JOIN TABLE STYLES */
/************************/

#ctl00_ContentPlaceHolder1_lblSelectionAddedToCart {
	font-size:18px;
	
}

.geniuslounge {
	width: 100%;
	background-image: url(https://www.essante.com/Portals/2019/images/GeniusLounge.jpg);
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	box-shadow: -57px -25px 50px 0 white inset; 
	background-position: bottom center;
	background-color: rgba(255, 255, 255, 0.5);
    background-blend-mode: lighten;
}

.help {
	width: 100%;
	background-image: url(https://www.essante.com/Portals/2019/images/HELP.jpg);
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	box-shadow: -57px -25px 50px 0 white inset; 
	background-position: bottom center;
}

.discoveryLeft h2 {
	margin-bottom:0px !important;
}
.discoveryLeft h3 {
	font-size: 1.5em !important;
    margin-top: 0px !important;
    font-style: italic;
}

@media screen and (max-width:1000px) { 
.geniuslounge {
	width: 100%;
	background-image: url(https://www.essante.com/Portals/2019/images/GeniusLounge.jpg);
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	box-shadow: -57px -25px 50px 0 white inset; 
	background-position: bottom left;
	}
	
	.help {
	width: 100%;
	background-image: url(https://www.essante.com/Portals/2019/images/HELP.jpg);
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	box-shadow: -57px -25px 50px 0 white inset; 
	background-position: bottom left;
}
}

#reimbursement {
	width:100%;
	text-align:center;
}

#reimbursement img {
    max-width: 1400px;
    width: 96%;
    margin: 25px 10px 0px 10px;
}

.reimbursementText {
    width: 100%;
    max-width: 994px;
    margin: 0 auto;
}

.reimbursementText p {
    text-align: left;
    font-size: 1.4em;
    line-height: 1.5em;
	margin: 25px 10px;
}

.reimbursementformbutton {
	    text-align: center !important;
}

/* Downloads page styles 2022 */
/************************/

.PopTree_Wrapper {
    width:40%;
    text-align:center;
    display:inline-block;
    vertical-align:top;
}

.CatalogsMerch_TrailingBanner {
    width: 100%;
    max-width: 1354px;
    padding-bottom: 10px;
    text-align: center;
    margin: 0 auto;
}

.CatalogsMerch_TrailingBanner img {
 display:inline-block !important;
	width:675px;
}

.GGP_tools {
	text-align:right;
}

.GGP_tools img {
}


/* Brought over from styles.css */
/************************/

#imgdwnld_main {
	width:100%;
}

.imgdwnld_pixbox {
	max-width 400px;
	float: left;
	margin-left:25px;
}
.imgdwnld_pixbox2 {
    margin-left: 25px;
    text-align: center;
    padding-bottom: 25px;
}

.download_images_wrapper {
    max-width: 100%;
    border: 1px #b3b3b3 solid;
    margin: 10px 10px 10px 25px;
    padding: 10px;
    display: inline-block;
    text-align: center;
}

.download_button {
    overflow: hidden;
    text-align: center;
    padding: 17px 0px;
}

.download_button a {
    text-align: center;
    border: 1px solid #d1d1d1;
    width: 100px;
    margin: 0 auto;
    margin-bottom: 12px;
    padding: 6px 24px;
    background-color: #e5e5e5;
    text-decoration: none !important;
    font-weight: bold;
    font-size: 1.1em;
    color:black;
    }

.download_button a:hover {
        color:#44a35c !important;
    }

.download_caption {
    width: 96%;
    margin: 0 auto;
    font-size: 12px;
    text-align: left;
    line-height: 1.5em;
}

.download_images_header {
    width: 89%;
    margin: 0 auto;
    padding-bottom:10px;
}

.download_images_header p {
 line-height:1.3em !important; 
    border-top: 1px solid grey;
    padding-top: 10px;
    margin-top: 10px;
}

@media screen and (max-width:1000px) {
.PopTree_Wrapper {
    width:98%;
}
   
    .download_images_wrapper img {
        width: 90%;
    }
    
    .CatalogsMerch_TrailingBanner img {
 width:100%;   
}

}

/* DETAILS styles 2019 */
/************************/

.ProdDetailWrapper {
      margin-top: 17px;  
}

.ProdDetailWrapper strong {
    font-size:1.2em
}

.ProdDetailWrapper em {
    font-size: 1.1em;
}

.ProdDetailWrapper ul, ol {
    line-height: 1.4em;
    font-size: 1.05em;
}

.ProdDetailWrapper li {
    padding-bottom: 4px;
    line-height: 24px;
}

.ProdDetailWrapper p {
    line-height: 1.5em;
    font-size: 1.1em;
}

.ProdDetailWrapper p>strong {
    font-size: 1.1em;
}


.ProdDetailWrapper h5 {
line-height: 1.2em;
    font-size: 1.8em;
}

.salesbold {
    color: #44a35c; 
}   




#ctl00_ContentPlaceHolder1_lblSaveTime {
    
}


/************************/

/*MEGA MENU*/
nav ul {
  display: table !important;
  width: auto;
  margin: 0;
  padding: 0;
  background: 0 0;
  overflow: visible;
}

nav #search-desktop {
  background: #fff;
  text-align: center;
  font-size: 18px;
  padding: 0px 6px !important;
  line-height: 0px;
  cursor: pointer; }
  nav #search-desktop i {
    color: #6d6d6d;
    width: 100%; }

nav.menu {
    background: #fff;
    height: 20px;
    position: relative;
    top: 0px;
    width: 250px;
    float: right;
    margin-bottom: 11px;
    margin-top: 31px;
    margin-right: 6px;
}

.Catalog_215 nav.menu {
 /*       margin-right: 31px !important;*/
	/*width:156px;*/
}

.Catalog_215 #header .header-links {
    /*right: 63px !important;*/
}

nav#ctl00_MasterToolbarButtons {
        /* margin-right: 58px;*/
}

@media screen and (max-width:1200px) { 
.Catalog_215 nav.menu {
    /*margin-top: 81px;*/
}
}

@media screen and (max-width:950px) { 
nav.menu {
    top: 0px;
    margin-top: 27px;
    margin-right: 7px;
    margin-bottom: 21px;
}
    .header-search .searchform-wrapper {
    margin-right: 6px !important;
}
}

@media screen and (max-width: 950px) {
#ctl00_MobileMasterToolBarButtons {
    background: #fff;
    min-height: 40px;
    margin-bottom: -2px;
    height: 40px;
    margin-top: 56px;
    margin-right:4px;
}
}


nav.menu>ul>li:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0);	
    text-indent:Â -9999px !important;
    width:41px;
    display:none;
}

nav.menu ul li:first-child a {
	color:transparent;
}

nav.menu ul li:first-child a:hover {
	color:transparent;
}

nav#ctl00_MasterToolbarButtons > ul > li {
    border-left: 0px solid #fff;
}

.drop-down li {
	display:none;
}

ctl00_MasterToolbarButtons .drop-down .top-mobile {
	display:none;
}


/* TOPNAV ITEMS DISAPPEARED */
#ctl00_MasterToolbarButtons>ul>li:nth-child(2) {
	display:none;
}
#ctl00_MasterToolbarButtons>ul>li:nth-child(4) {
	display:none;
}
#ctl00_MasterToolbarButtons>ul>li:nth-child(5) {
	display:none;
}
#ctl00_MasterToolbarButtons>ul>li:nth-child(6) {
	display:none;
}
#ctl00_MasterToolbarButtons>ul>li:nth-child(7) {
	display:none;
}
#ctl00_MasterToolbarButtons>ul>li:nth-child(8) {
	display:block;
}

.shop-nav.shop-nav-inline .shop-dropdown-menu > li, .shop-nav.shop-nav-inline > ul > li:nth-child(1) {
	display:none;
}

.shop-nav.shop-nav-inline .shop-dropdown-menu > li, .shop-nav.shop-nav-inline > ul > li:nth-child(4) {
	position:relative;
	top:-16px;
}

.shop-nav.shop-nav-inline .shop-dropdown-menu > li, .shop-nav.shop-nav-inline > ul > li:nth-child(6) {
	position:relative;
	top:-16px;
}


.shop-nav.shop-nav-inline .shop-dropdown-menu > li, .shop-nav.shop-nav-inline > ul > li:nth-child(8) {
	position:relative;
	top:-16px;
	padding-right: 20px;
}




.xs-menu>ul>li {
	display:inline-block;
        padding-left: 4px;
}

.xs-menu>ul>li:nth-child(1) {
	display:none;
}

.xs-menu>ul>li:nth-child(2) {
	display:none;
}
.xs-menu>ul>li:nth-child(4) {
	display:none;
}
.xs-menu>ul>li:nth-child(5) {
	display:none;
}

.xs-menu>ul>li:nth-child(6) {
	display:none;
}

.xs-menu>ul>li:nth-child(7) {
	display:none;
}

.Catalog_215 .xs-menu>ul>li:nth-child(8) {
	display:none;
}

    /* temporary removal; */
.xs-menu>ul>li:nth-child(8) {
	display:inline-block;
}

.xs-menu>ul>li:nth-child(9) {
	display:none;
}

.xs-menu>ul>li:nth-child(10) {
	display:none;
}


#ctl00_MobileMasterToolBarButtons {
    display:block !important;
}


.Catalog_215 #ctl00_MasterToolbarButtons>ul>li:nth-child(9) {
	display:none;
}

#ctl00_MasterToolbarButtons>ul>li:nth-child(9) {
	display:none;
}

#ctl00_MasterToolbarButtons>ul>li:nth-child(10) {
	display:none;
}


#ctl00_MasterCategoryToolbar {
    margin-top:20px;
    margin-bottom: 23px;
}


@media screen and (max-width:950px) { 
    nav ul {
text-align:right;
        width:100%;
        padding-top:9px
}
    
.header-links .shop-nav {
    text-align: right;
}
    
#header .header-links a.cart-button {
  
}
    
#ctl00_Divider1, #ctl00_Divider2, #ctl00_Divider3 {
    display: none;
}
}


  nav.menu ul li {
    list-style: none;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    line-height: 45px;
    display: table-cell;
    vertical-align: top;
}

    nav.menu ul li a {
    text-align: center !important;
    text-decoration: none;
    color: #ffffff;
    display: block;
    text-transform: none;
    padding: 7px 7px 0px 7px !important;
    font-weight: 400;
    height: 26px;
    border-bottom: 0px solid rgba(255, 0, 0, 0);
    background-color: black !important;
    margin: 0px 0px 7px 8px;
    /* right: -19px; */
    /* top: -5px;*/
}
      nav.menu ul li a:hover {
        background: #d6d6d6;
        color: grey;
        transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        border-bottom: 2px solid transparent; }
    nav.menu ul li ul li {
      display: block;
      line-height: normal;
      padding-left: 10px; }
      nav.menu ul li ul li a {
        text-transform: none !important;
        font-weight: normal !important;
        font-size: 14px;
        padding: 0px  !important; }

.display-on {
  background: #a4b0bf !important; }

.xs-menu li {
  list-style: none; }
  .xs-menu li a {
    text-decoration: none;
    color: #222;
    display: block;
    padding: 0px 24px; }

.displaynone {
  display: none; }

.xs-menu-cont {
  display: none;
  position: relative; }

#search-mobile {
  position: absolute;
  color: white;
  top: 5px;
  right: 10px;
  cursor: pointer; }
  #search-mobile i {
    font-size: 26px !important; }

.xs-menu-cont > a {
  text-align: left;
  background: none repeat scroll 0 0 #44a35c;
  padding: 3px 6px;
  display: none;
  width: 100%;
  -webkit-box-shadow: 0 1px 2px #2d7b40 2px 5px 0px #000000;
  -moz-box-shadow: 0 1px 2px #2d7b40 2px 5px 0px #000000;
  box-shadow: 0 1px 2px #2d7b40 2px 5px 0px #000000; }

.xs-menu-cont > a:hover {
  cursor: pointer; }

.xs-menu li {
  color: #fff;
  border-bottom: 0px solid #44a35c;
  background: #fff; }

  .xs-menu li .top-mobile {
    padding-left: 6px !important;
    background-color: #000;
    height: 24px;
    line-height: 25px;
    color: #fff;
    text-transform: inherit;
    padding-right: 8px;
}

  .xs-menu li .mid-mobile {
    border-bottom: 5px solid #383838;
    padding-left: 25px !important;
    background-color: #3a8b4e;
    height: 40px;
    line-height: 40px;
    color: white; }

.xs-menu a {
  text-decoration: none; }

nav.xs-menu ul ul li {
  margin-left: 15px;
  padding: 10px; }

nav.xs-menu ul ul li:last-child {
  border-bottom: 0px; }

.mega-wrapper .trin-4:nth-child(4n-7) {
  clear: left; }

.mega-menu:hover {
  background-size: 106%; }

.mega-menu {
  background-color: white;
  background-image: url("https://www.essanteorganics.com/ts/images/mega-shop.jpg");
  background-size: 100%;
  background-position: bottom right;
  background-repeat: no-repeat;
  color: inherit;
  border-bottom: 8px solid white;
  border-top: 8px solid white;
  line-height: normal;
  left: 0;
  margin-top: 0px;
  position: absolute;
  z-index: 9998;
  width: 100%;
  padding: 15px;
  padding-top: 0px;
  padding-bottom: 0px;
  display: none;
  transition-duration: 0.9s;
  box-shadow: 2px 2px 12px 2px rgba(0, 0, 0, 0.2); }
  .mega-menu .mega-wrapper {
    position: relative;
    display: block;
    overflow: auto;
    padding-bottom: 55px; }
  .mega-menu .catfish {
    position: absolute;
    bottom: 20px;
    right: 20px; }
    .mega-menu .catfish a {
      color: #363b43;
      text-decoration: underline; }
      .mega-menu .catfish a:visited {
        color: #363b43; }
      .mega-menu .catfish a:hover {
        color: #44a35c; }
      .mega-menu .catfish a:active {
        color: #44a35c; }
    .mega-menu .catfish a {
      text-decoration: none !important; }
  .mega-menu .categories-list ul li a {
    color: #434a54;
    text-decoration: none !important; }
    .mega-menu .categories-list ul li a:visited {
      color: #434a54; }
    .mega-menu .categories-list ul li a:hover {
      color: #0070c0; }
    .mega-menu .categories-list ul li a:active {
      color: #0070c0; }
  .mega-menu .categories-list ul span a {
    color: #44a35c;
    text-decoration: underline; }
    .mega-menu .categories-list ul span a:visited {
      color: #44a35c; }
    .mega-menu .categories-list ul span a:hover {
      color: #8bc69a; }
    .mega-menu .categories-list ul span a:active {
      color: #8bc69a; }
  .mega-menu .shop-all-links {
    text-align: right;
    float: right;
    margin-left: 50px; }
  .mega-menu .left-images {
    margin-right: 0 !important;
    display: block; }
    .mega-menu .left-images p {
      color: #666;
      text-align: center;
      font-size: 18px;
      line-height: normal;
      margin: 0;
      padding: 5px 14px; }
    .mega-menu .left-images img {
      width: 100%;
      max-width: 100%;
      -webkit-transition: all 0.2s ease 0s;
      -moz-transition: all 0.2s ease 0s;
      -ms-transition: all 0.2s ease 0s;
      -o-transition: all 0.2s ease 0s;
      transition: all 0.2s ease 0s; }
      .mega-menu .left-images img:hover {
        opacity: 0.8; }

.mini-menu {
  background-color: white;
  background-image: url("");
  background-size: cover;
  background-position: top left;
  color: inherit;
  border-bottom: 8px solid white;
  border-top: 8px solid white;
  line-height: normal;
  left: 0;
  margin-top: 0px;
  position: absolute;
  z-index: 8888;
  width: auto;
  min-width: 210px;
  display: none;
  transition-duration: 0.9s;
  box-shadow: 2px 2px 12px 2px rgba(0, 0, 0, 0.2); }
  .mini-menu span.categories-list ul li {
    border-left: none;
    padding-left: 8px; }
    .mini-menu span.categories-list ul li a {
      text-decoration: none !important;
      color: #242628; }
      .mini-menu span.categories-list ul li a:visited {
        color: #242628; }
      .mini-menu span.categories-list ul li a:hover {
        color: #44a35c; }
      .mini-menu span.categories-list ul li a:active {
        color: #44a35c; }
  .mini-menu span.categories-list a {
    display: inline !important;
    padding: 2px;
    text-decoration: underline !important;
    color: #0070c0; }
    .mini-menu span.categories-list a:hover {
      color: #4cabef; }
  .mini-menu .categories-list ul {
    margin: 0 !important; }

.mini-drop-down {
  position: relative; }

.categories-list {
  margin-top: 15px; }
  .categories-list ul {
    margin: 0; }
  .categories-list span {
    text-decoration: underline;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-family: "Sintony", "Helvetica Neue, Helvetica, Arial", sans-serif;
    padding: 0px 0px !important; }
    .categories-list span a {
      padding: 0px 0px !important; }
  .categories-list li {
    display: block;
    line-height: normal;
    margin: 0;
    padding: 2px 0; }
    .categories-list li a {
      display: inline;
      font-size: 12px;
      text-decoration: none;
      padding: 0px 0px !important; }

#menutoggle i {
  color: #fff;
  font-size: 33px;
  margin: 0;
  padding: 0; }

.display-on .mini-menu {
  display: block;
  transition-duration: 0.9s;
  width: 100%; }

.display-on .mega-menu {
  display: block;
  transition-duration: 0.9s; }

.drop-down > a:after,
.mini-drop-down > a:after {
  content: "\E5C5";
  font-family: 'Material Icons' !important;
  color: white;
  font-size: 15px;
  line-height: 0 !important; }

.catfish a:after {
  content: "\E038";
  font-family: 'Material Icons' !important;
  color: white;
  opacity: 0.4;
  font-size: 16px;
  vertical-align: middle !important;
  margin-left: 6px; }

/*MediaQuerys*/
@media (max-width: 600px) {
  .menu {
    display: none; }
  .xs-menu li a {
    padding: 0px;
    color:white
    }
  .xs-menu-cont {
    display: block; } }

@media (max-width: 800px) {
  .mega-menu .trin-75 {
    width: 100%; }
  .mega-menu .menu-feature .trin-4 {
    width: 50% !important;
    margin-left: 25%; } }

@media (max-width: 88em) {
  nav.menu ul li a {
    padding: 0 15px;
    white-space: nowrap; } }

@media (max-width: 815px) {
  nav.menu ul li a {
    padding: 0;
    font-size: 13px;
    white-space: nowrap; }
  nav.menu ul {
    display: inline; } }

/*Animation--*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

.mega-menu .categories-list ul span a {
  white-space: normal !important; }

nav.menu ul li ul li a {
  white-space: normal !important; }

nav.menu ul li .mega-menu .menu-feature a {
  white-space: normal !important; }

.menu-feature p {
  text-align: center; }

/*FORMS*/
.red {
  color: #d92f42;
  font-weight: 500;
  clear: both; }

.red-border {
  border: 2px solid #d92f42; }

/*cart progress bar*/
#progress {
  padding: 0;
  list-style-type: none;
  font-size: 12px;
  clear: both;
  line-height: 1em;
  /* margin: 0 -1px; */
  text-align: center;
  display: table;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px; }
  @media only screen and (max-width: 480px) {
    #progress {
      font-size: 11px; } }

#progress li {
  float: left;
  padding: 10px 30px 10px 40px;
  background: #aab2bc;
  color: #ffffff;
  position: relative;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  width: auto;
  margin: 0 1px;
  display: table-cell; }
  @media only screen and (max-width: 480px) {
    #progress li {
      padding: 5px 10px 5px 10px; } }
  @media only screen and (min-width: 481px) and (max-width: 991px) {
    #progress li {
      padding: 10px 20px 10px 20px; } }

#progress li:before {
  content: '';
  border-left: 16px solid #ffffff;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  position: absolute;
  top: 0;
  left: 0; }
  @media only screen and (max-width: 480px) {
    #progress li:before {
      border-left: none;
      border-top: none;
      border-bottom: none; } }

#progress li:after {
  content: '';
  border-left: 16px solid #aab2bc;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 20; }
  @media only screen and (max-width: 480px) {
    #progress li:after {
      border-left: none;
      border-top: none;
      border-bottom: none; } }

#progress li.active {
  background: #44a35c !important; }

#progress li.active:after {
  border-left-color: #44a35c; }

#progress li.done {
  background: #ccd1d7; }

#progress li.done:after {
  border-left-color: #ccd1d7; }

/*shipping method and award redeem images*/
.SCNCOShippingMethodLogos {
  width: 70%;
  text-align: left; }

#ShipperRowsContainer hr.shop-divider {
  margin: auto; }

#ShipperRowsContainer p {
  margin-bottom: 0; }
  @media only screen and (max-width: 480px) {
    #ShipperRowsContainer p {
      margin: 0 !important; } }

@media only screen and (max-width: 480px) {
  #ShipperRowsContainer {
    font-size: 12px !important; } }

.SCNRAImage {
  width: 80px; }
  @media only screen and (max-width: 480px) {
    .SCNRAImage {
      width: 100%; } }

.qty-input {
  width: 45px !important; }

.form-spacer {
  padding: 1px !important; }

textarea {
  width: 100%;
  height: 100px;
  margin-bottom: 20px;
  border: 1px solid #ccd1d9; }

input {
  border: 1px solid #ccd1d9;
  padding-left: 10px;
  width: auto;
  margin-bottom: 12px; }

textarea:focus,
input:focus {
  border: 1px dotted #8bc69a; }

input.middle:focus {
  outline-width: 0 !important; }

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none; }

.required {
  position: relative;
  margin-right: 20px; }
  .required:after {
    content: "*";
    display: block;
    font-size: 24px;
    color: #d92f42;
    position: absolute;
    right: -15px;
    top: 5px; }

.spotlight {
  font-size: 25px;
  color: #ffffff;
  display: block;
  background-color: #44a356;
  padding: 5px;
  line-height: 44px;
  text-align: center; }

.spotlight.sub-total {
  font-size: 18px;
  background-color: #666e78;
  line-height: 14px; }

input[class*=Button] {
  font-size: 12pt;
  cursor: pointer;
  margin-bottom: 5px;
  font-weight: bold;
  padding: 10px;
  border: none;
  color: white;
  white-space: normal;
  background-color: #b8babe;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0); }
  input[class*=Button]:hover {
    background-color: #d3d4d6;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0), 0 1px 6px rgba(0, 0, 0, 0); }

.SCNRPGoButton {
  color: white;
  background-color: #44b0d8 !important; }
  .SCNRPGoButton:hover {
    background-color: #6ec2e1 !important; }

.NEButton-add {
  color: white;
  background-color: #8dbf58 !important; }
  .NEButton-add:hover {
    background-color: #a6cd7d !important; }

.NEButton-cancel {
  color: white;
  background-color: #434a54 !important; }
  .NEButton-cancel:hover {
    background-color: #5a6370 !important; }

.SCNLoginButton {
  color: white;
  background-color: #000 !important; }
  .SCNLoginButton:hover {
    background-color: #7e7e7e !important; }

.SCNCOFindButton {
  color: white;
  background-color: #f4ba4e !important; }
  @media only screen and (max-width: 480px) {
    .SCNCOFindButton {
      width: 100%; } }
  .SCNCOFindButton:hover {
    background-color: #f7cd7e !important; }

.SCNVSCBeginCheckoutButton, .SCNCACreateAccountButton, .SCNCOContinueCheckoutButton, .SCNAMRedeemButton, .SCNAMContinuCheckoutButton, .SCNCOApplyButton, .SCNCO________Button, .SCNCOAlternateAddrButton, .SCNFRCompleteButton, .ROEButton,
.ROEButton-alt, .FirestormStandardButton, .SCNODReturnToOHButton {
  color: white;
  background-color: #000 !important; }
  .SCNVSCBeginCheckoutButton:hover, .SCNCACreateAccountButton:hover, .SCNCOContinueCheckoutButton:hover, .SCNAMRedeemButton:hover, .SCNAMContinuCheckoutButton:hover, .SCNCOApplyButton:hover, .SCNCO________Button:hover, .SCNCOAlternateAddrButton:hover, .SCNFRCompleteButton:hover, .ROEButton:hover,
  .ROEButton-alt:hover, .FirestormStandardButton:hover, .SCNODReturnToOHButton:hover {
    background-color: #7d7d7d !important; }

.SCNVSCContinueShoppingButton {
  color: white;
  background-color: #7d7d7d !important; }
  .SCNVSCContinueShoppingButton:hover {
    background-color: #9d9d9d !important; }

.SCNVSCApplyCouponButton {
  color: white;
  background-color: #F7941D !important; }
  .SCNVSCApplyCouponButton:hover {
    background-color: #ffbb6b !important; }

@media only screen and (max-width: 480px) {
  .SCNCACreateAccountButton {
    width: 100%; } }

@media only screen and (max-width: 480px) {
  .SCNCOContinueCheckoutButton {
    width: 100% !important; } }

@media only screen and (max-width: 480px) {
  .SCNAMRedeemButton {
    width: 100%; } }

@media only screen and (max-width: 480px) {
  .SCNAMContinuCheckoutButton {
    width: 100%; } }

.SCNRAAddToCartButton {
  background-color: #8dbf58 !important; }
  .SCNRAAddToCartButton:hover {
    background-color: #a6cd7d !important; }
  @media only screen and (min-width: 481px) and (max-width: 991px) {
    .SCNRAAddToCartButton {
      text-align: right; } }
  @media only screen and (max-width: 480px) {
    .SCNRAAddToCartButton {
      width: 100%; } }

.SCNCOApplyButton {
  background-color: #f4ba4e !important; }
  @media only screen and (max-width: 480px) {
    .SCNCOApplyButton {
      width: 100%; } }
  .SCNCOApplyButton:hover {
    background-color: #f7cd7e !important; }

.SCNCO________Button {
  background-color: #f4ba4e !important; }
  @media only screen and (max-width: 480px) {
    .SCNCO________Button {
      width: 100%; } }
  .SCNCO________Button:hover {
    background-color: #f7cd7e !important; }

.SCNCOAlternateAddrButton {
  background-color: #4e8bda !important; }
  @media only screen and (max-width: 480px) {
    .SCNCOAlternateAddrButton {
      width: 100%; } }
  .SCNCOAlternateAddrButton:hover {
    background-color: #78a7e3 !important; }

.SCNRACancelButton {
  background-color: #434a54 !important; }
  .SCNRACancelButton:hover {
    background-color: #5a6370 !important; }
  @media only screen and (min-width: 481px) and (max-width: 991px) {
    .SCNRACancelButton {
      text-align: right; } }
  @media only screen and (max-width: 480px) {
    .SCNRACancelButton {
      width: 100%; } }

@media only screen and (max-width: 480px) {
  .SCNFRCompleteButton {
    width: 100% !important; } }

.ROEButton,
.ROEButton-alt {
  width: 100%;
  background-color: #666e78 !important; }
  .ROEButton:hover,
  .ROEButton-alt:hover {
    background-color: #7f8792 !important; }

.SCNMYASaveButton {
  color: white;
  background-color: #44b0d8 !important; }
  .SCNMYASaveButton:hover {
    background-color: #6ec2e1 !important; }

@media only screen and (max-width: 480px) {
  .FirestormStandardButton {
    width: 100% !important; } }

.SCNODReturnToOHButton {
  background-color: #666e78 !important; }
  .SCNODReturnToOHButton:hover {
    background-color: #7f8792 !important; }

input[type="checkbox"],
input[type="radio"] {
  width: auto;
  margin: 5px;
transform: scale(1.3)}

input[type="button"] {
  width: auto; }

input[type="text"], input[type="password"] {
  width: 100%;
  height: 47px;
  display: block;
  margin-bottom: 15px;
  border-radius: 4px; }

.coupons input {
  width: auto; }

/*Cart sign in page*/
a.ghost-btn {
  padding: 8px;
  background-color: rgba(68, 176, 216, 0.4);
  color: black !important;
  border-radius: 20px;
  text-align: center;
  text-decoration: none !important;
  width: auto;
  margin: 5px; }
  a.ghost-btn:hover {
    background-color: rgba(68, 176, 216, 0.7); }

.cart-sign-in .sign-in-box.trin-2 .panel-body,
.cart-sign-in .create-acct-box.trin-2 .panel-body {
  min-height: 450px; }

@media only screen and (max-width: 480px) {
  .cart-sign-in .sign-in-box.trin-2,
  .cart-sign-in .create-acct-box.trin-2 {
    width: 100%; } }

@media only screen and (min-width: 481px) and (max-width: 991px) {
  .cart-sign-in input {
    width: 100%;
    font-size: 12px; } }

@media only screen and (max-width: 480px) {
  .cart-sign-in input {
    width: 100%; } }

@media only screen and (min-width: 481px) and (max-width: 991px) {
  .col-box-1.trin-2,
  .col-box-2.trin-2 {
    width: 100%; } }

@media only screen and (max-width: 480px) {
  .col-box-1.trin-2,
  .col-box-2.trin-2 {
    width: 100%; } }

.input-spacer {
  margin-bottom: 10px; }

@media only screen and (max-width: 480px) {
  .billing-address .form-part {
    width: 100%; } }

@media only screen and (min-width: 481px) and (max-width: 991px) {
  .billing-address .form-part {
    width: 100%; } }

.billing-address .form-part select {
  width: 80%; }
  @media only screen and (max-width: 480px) {
    .billing-address .form-part select {
      width: 100%; } }

.auto-width {
  width: auto !important; }

.notice {
  font-size: 10px;
  line-height: 12px; }

.check img {
  width: 100%;
  padding: 15px; }

.radio {
  position: relative;
  height: 60px; }
  .radio input {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

/*Star RATINGS*/
.SCNFRPaymentDue {
  border-top-style: double;
  border-top-color: black; }

/*CART REVIEW PAGE pullout */
.center {
  text-align: center !important; }

.right {
  text-align: right !important; }
  @media only screen and (max-width: 480px) {
    .right {
      text-align: left; } }

.left {
  text-align: left !important; }

table,
th,
td {
  border: none; }

table td {
  padding: 0 2px !important;
}

#BeeNatTable tr {
    border: 1px solid black;
}

#BeeNatTable td {
    border: 1px solid black;
    padding: 1px 5px !important;
    
}

.responsive {
  width: 100%; }
  @media only screen and (max-width: 480px) {
    .responsive {
      font-size: 11px; } }
  @media only screen and (min-width: 481px) and (max-width: 991px) {
    .responsive {
      font-size: 12px; } }
  .responsive th {
    font-weight: 700;
    text-transform: uppercase; }
    @media only screen and (max-width: 480px) {
      .responsive th {
        border-left: 1px dotted #b8babe; } }

.responsive tr {
  border-bottom: 1px solid #b8babe; }

.zebra th {
  border-bottom: 3px solid #b8babe; }

.zebra tbody tr:nth-child(even) {
  background-color: #dedddd; }

@media only screen and (max-width: 480px) {
  table.review-table {
    font-size: 11px; } }

@media only screen and (min-width: 481px) and (max-width: 991px) {
  table.review-table {
    font-size: 12px; } }

@media only screen and (max-width: 480px) {
  table.review-table th {
    border-left: 1px dotted #898f97; } }

/*injected items in Cart view like ADD ONS*/
.small-table {
  font-size: 10px; }
  .small-table caption {
    text-align: left;
    padding-left: 5px;
    font-size: 13px;
    font-weight: 500; }
  .small-table tr {
    border-bottom: none; }
  .small-table td {
    padding-left: 5px !important; }
  .small-table th {
    border-bottom: none;
    text-align: left;
    padding-left: 5px;
    font-size: 11px;
    font-weight: 500;
    background-color: white !important; }

.small-table.yellow tbody tr:nth-child(odd) {
  background-color: #e4cfb4; }

.small-table.yellow tbody tr:nth-child(even) {
  background-color: #efe3d4; }

.small-table.violet tbody tr:nth-child(odd) {
  background-color: #c0b1e9; }

.small-table.violet tbody tr:nth-child(even) {
  background-color: #e0d8f4; }

.small-table.cyan tbody tr:nth-child(odd) {
  background-color: #8cd6c3; }

.small-table.cyan tbody tr:nth-child(even) {
  background-color: #c5ebe1; }

_
.payment-due {
  font-weight: 700; }

.pullout-header {
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 2px solid #b8babe; }

@media only screen and (max-width: 480px) {
  .review-section-info .trin-4 {
    width: 100%;
    clear: both; } }

@media only screen and (min-width: 481px) and (max-width: 991px) {
  .review-section-info .trin-4 {
    width: 50%; } }

.pullout-header .edit a {
  font-size: 10px !important;
  width: auto;
  color: inherit;
  text-decoration: none !important; }
  @media only screen and (max-width: 480px) {
    .pullout-header .edit a {
      float: right !important; } }
  .pullout-header .edit a:hover {
    color: #44a35c; }

@media only screen and (max-width: 480px) {
  .FirestormPage_ShoppingCartPrintableReceipt_aspx .review-section-info .trin-4 {
    width: 100%;
    clear: both; } }

@media only screen and (min-width: 481px) and (max-width: 991px) {
  .FirestormPage_ShoppingCartPrintableReceipt_aspx .review-section-info .trin-4 {
    width: 50%; } }

.FirestormPage_ShoppingCartPrintableReceipt_aspx .pullout-header .edit a {
  font-size: 10px;
  width: auto;
  color: inherit;
  text-decoration: none !important; }
  @media only screen and (max-width: 480px) {
    .FirestormPage_ShoppingCartPrintableReceipt_aspx .pullout-header .edit a {
      float: right !important; } }
  .FirestormPage_ShoppingCartPrintableReceipt_aspx .pullout-header .edit a:hover {
    color: #44a35c; }

html,
html a {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }

body {
  padding: 0;
  margin: 0;
  color: #263248;
  background-color: #fff;
  font-family: "Poppins", "Helvetica Neue, Helvetica, Arial", sans-serif;
  font-size: 14px;
  line-height: 22px;
  min-width: 320px;
  overflow-x: hidden;
  position: relative;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

li ul,
li ol {
  margin: 0 1.5em; }

ul,
ol {
  margin: 0 1.5em 1.5em 1.5em; }

ul {
  list-style-type: disc; }

ol {
  list-style-type: decimal; }

ol ol {
  list-style: upper-alpha; }

ol ol ol {
  list-style: lower-roman; }

ol ol ol ol {
  list-style: lower-alpha; }

.main-content {
  min-height: 900px;
  padding-bottom: 30px; 
background-color: white;
background-image: none;
background-position: bottom;
background-position-y: bottom;
background-position-x: center;
background-size: 100%;
background-repeat: no-repeat;
padding-bottom: 0px;
}

@media (min-width: 1em) and (max-width: 49em) {
.main-content{
padding-bottom: 100px !important; /*THIS PADDING IS EDITED ON A BREAKPOINT TO MAKE IT SMALLER ON SMALLER DEVICE*/
background-size: 200% !important; /*THE WIDTH OF IMAGE IS EDITED LARGER SO IT IS NOT SO TINY ON SMALLER DEVICES*/
}
}


blockquote {
  font: 18px/24px normal helvetica, sans-serif;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 6px dashed #44a35c; }

.SCNProductDetailItemsRemaining {
  display: inline-block; }

/*MOBILE SPECIAL ITEMS*/
.touch {
  -webkit-overflow-scrolling: touch; }

@media only screen and (max-width: 480px) {
  .pullout .touch {
    background: #e6e8ec; } }

@media only screen and (min-width: 481px) and (max-width: 991px) {
  .pullout .touch {
    background: #e6e8ec; } }



/*calculates the height and scrolling for mobile dialogs*/
.modal-detect {
  max-height: calc(130vh - 210px);
  overflow-y: auto; }

/*Custom content*/
#CustomContentHTMLInnerContainer {
  padding-top: 60px; }

/*Recaptcha responsive*/
#recaptcha_image {
  width: auto !important;
  max-width: 100%;
  height: auto !important; }

#recaptcha_image img {
  width: 100%; }

#recaptcha_response_field {
  width: 100% !important;
  max-width: 302px; }

.recaptchatable,
#recaptcha_area tr,
#recaptcha_area td,
#recaptcha_area th {
  float: left; }

#recaptcha_area tr {
  height: auto !important; }

.recaptcha_image_cell {
  width: 100% !important;
  max-width: 300px; }

.recaptcha_image_cell img {
  height: auto !important; }

/*BUTTONS*/
.btn-link li a,
.btn-link li a:visited,
a.btn-link,
a.btn-link:visited {
  color: #fff;
  cursor: pointer; }

/*
adding 'long' with the other classes makes it 100%
*/
/*TYPOGRAPHY*/
p {
  margin-bottom: 15px; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
  font-family: "Poppins", "Helvetica Neue, Helvetica, Arial", sans-serif;
  margin: 15px 0;
  font-weight: 400; }

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

.shop-h0,
.shop-h1,
h1 {
  font-size: 64px;
  line-height: 70px; }

.shop-h2,
h2 {
    font-size: 2.0em;
    line-height: 1.2em;}

.shop-h3,
h3 {
  font-size: 32px;
  line-height: 36px; }

.shop-h4,
h4 {
    font-size: 2.1em;
    line-height: 1.1em;
    margin-top: 41px; }

.shop-h5, h5 {
    font-size: 23px;
    line-height: 32px;
}

.shop-h6,
h6 {
  font-size: 14px;
  line-height: 18px; }

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  line-height: 1;
  font-size: 80%; }

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #434a54 !important;
  text-decoration: none; }


/*Section headers*/
.shop-title-section h1,
.shop-title-section h2,
.shop-title-section h3,
.shop-title-section h4,
.shop-title-section h5,
.shop-title-section h6 {
  letter-spacing: 4px;
  text-transform: none; }

.shop-title-section {
  text-align: center; }

#ctl00_ContentPlaceHolder1_lblProductWebName {
   font-size:1.2em;
    line-height: 1.1em;
}

/*SCROL TO TOP*/
.shop-wrapper {
  top: 0px;
  left: 0px;
  overflow: hidden;
  z-index: 0;
  position: relative; }

html.shop-scrolled body > .scrollToTop {
  bottom: 0; }

.scrollToTop:hover {
  background: #8bc69a;
  color: white; }

.scrollToTop {
  background: #6d6d6d;
  color: #e8e8e8;
  cursor: pointer;
  height: 53px;
  width: 50px;
  position: fixed;
  z-index: 2;
  right: 20px;
bottom: 2px;
  text-align: center;
  text-decoration: none;
  padding-top: 10px;
  line-height: 50px;
  border-top: 3px solid transparent;
  display: none;
  -webkit-transition: all 400ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  -moz-transition: all 400ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  -ms-transition: all 400ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  -o-transition: all 400ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  transition: all 400ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; }

/*LAYOUT*/
.clear {
  clear: both !important; }

/*DETAILS PAGE*/
.SCNProductDetailStatusMessage {
    background: #ffeb3b !important;
    color: #464646 !important;
}

#ctl00_ContentPlaceHolder1_lnkBeginCheckout {
    background: #44a35c !important;
    color: #ffffff;
}

.secondary-banner {
  height: 110px; }

img.SCNProductDetailImage {
  width: 100%; }

.SCNProductDetailPrice {
  color: #000000;
  width: 70%;
  margin-bottom: 0px; }

.SCNProductPointPrice {
  color: #aab2bc; }

#lblProductPriceBottom p {
	margin-bottom:0px;
}

/*payment page*/
.inline {
  display: inline !important; }

.details-product-qty .quantity {
  width: 80px;
  margin: 0 0 20px 0 !important; }

.product-qty .quantity {
  position: relative;
  margin: 0 10px 0 auto;
  overflow: hidden;
  zoom: 1;
  width: 78px;
  float: left;
  float: none;
  margin: 0 auto; 
}

.product-qty .input-text.qty {
  margin-bottom: 0 !important;
  float: left;
  padding: 0;
  text-align: center;
  font-weight: 700;
  width: 58px;
  height: 38px;
  border: 1px dotted #505050;
  font-size: 14px;
  border-radius: 8px; }

.details-product-qty .quantity {
  margin: 0 0 20px 0 !important; }

/*HOME PAGE MODUALS*/
/*  REP AREA*/
.replicated {
  background-color: #fff;
  /* Valid, works in 8-9 */ }
  @media only screen and (max-width: 480px) {
    .replicated {
      padding-top: 0;
      margin-top: -5px; } }
  .replicated a {
    color: #f5f7fa;
    text-decoration: none; }
    .replicated a:visited {
      color: #f5f7fa; }
    .replicated a:hover {
      color: #44a35c; }
    .replicated a:active {
      color: #44a35c; }
  .replicated a {
    text-decoration: underline;
    color: #8bc69a !important; }
  .replicated .rep-box {
    position: relative;
    padding: 0 !important;
    margin-top: 15px; }
    @media only screen and (max-width: 480px) {
      .replicated .rep-box {
        margin-top: 0; } }
  .replicated p {
    display: none; }
  .replicated h6 {
    color: #44a35c;
    font-weight: normal;
    margin-bottom: 2px;
    margin-top: 2px;
    display: inline;
    line-height: 55px; }
    @media only screen and (max-width: 480px) {
      .replicated h6 {
        border-top: 1px solid rgba(204, 204, 204, 0.53);
        border-bottom: 1px solid rgba(204, 204, 204, 0.54);
        display: block;
        line-height: 18px;
        text-align: center;
        margin-top: 5px; } }
  .replicated .rep-photo {
    margin-top: -36px; }
    @media only screen and (max-width: 480px) {
      .replicated .rep-photo {
        display: none; } }
    .replicated .rep-photo img {
      float: left;
      height: 40px;
      width: 40px;
      border-radius: 50%;
      margin: 5px 0;
      margin-right: 20px; }
      @media only screen and (max-width: 480px) {
        .replicated .rep-photo img {
          height: 20px;
          width: 20px; } }

/*MASTHEAD AREA starting with austins fixed header code*/

div#ctl00_ContentPlaceHolder1_MasterTitleBar {
    right: 0;
    width: 100%;
    z-index: 9999;
}


span#lblShoppingCartID {
  color: rgba(155, 155, 155, 0.51);
  font-size: 10px;
  position: absolute;
  right: 20px;
  top: 0; 
display:none;
}

#header div.frame.fit {
  position: relative !important; }

#header {
  border-bottom: 2px solid #000;
  background: #fff;
  /* fallback for old browsers */
  background: -webkit- linear-gradient(#fff, #fff);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(#fff, #fff);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  width: 100%;
  position: relative;
  z-index: 9998;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
    height: auto;
    margin-top: 0;
    padding-top: 8px;
    top: 0;
}

#header .header-links {
    position: absolute;
    margin-top: 0px;
    font-weight: normal !important;
    right: 56px;
    /* top: -16px; */
    width: 80%;
    z-index: 500;
}

.CreateCustomerAccountv4 .header-links {
	    position: relative !important;
}



  #header .header-links a {
    color: #000;
    text-decoration: none;
font-weight:normal !important
}
    #header .header-links a:visited {
      color: #000; 
}
    #header .header-links a:hover {
      background-color: #d6d6d6 !important;
}
    #header .header-links a:active {
      color: #000 !important; 
}


#flyertextboxIngredients h2 {
    font-size: 2.1em;
}


#flyertextboxIngredients h3 {
    font-size: 1.6em;
    line-height: 0px;
    margin-top: 27px;
}

#flyertextboxBenefits h2 {
    font-size: 2.1em;
}


#flyertextboxBenefits h3 {
    font-size: 1.6em;
    line-height: 0px;
    margin-top: 27px;
}

.modaltextwrapper h2 {
        font-size: 2.1em;
}

.modaltextwrapper h3 {
    font-size: 1.6em;
    line-height: 21px;
    margin-top: 27px;
}

/*This is where the page container breaks smaller - critical issue for wholesale cart*/
@media (max-width: 1200px) {
.Catalog_215 #header .header-links {
    /*top: 35px;*/
}
    #ctl00_MasterToolbarButtons>ul>li:nth-child(3) {
    float: none;
        margin-right: 19px;
    }
        
    #ctl00_MasterToolbarButtons>ul>li:nth-child(8) {
display:block;
}
    
.xs-menu>ul>li:nth-child(9) {
    display: none;
}
}

@media (max-width:950px){ 
        #header {
        height: auto;
       }
       
 #header .header-links {
    position: absolute;
    margin-top: 0px;
    font-weight: normal !important;
    right: 7px;
    top: 0px;
    width: 100%;
}
	
.Catalog_215 #header .header-links {
    /*right: 11px !important;*/
}
    
    #header .header-links a.cart-button {
    margin-top: 0px !important;
		margin-left:14px;
}
    
  
.Catalog_215 #ctl00_MobileMasterToolBarButtons {
    /*margin-top: 85px;*/
}
    
.Catalog_215 .shop-nav.shop-nav-inline .shop-dropdown-menu > li, .shop-nav.shop-nav-inline > ul > li {
    font-size:13px !important;
}
    
.Catalog_215 .shop-nav.shop-nav-inline .shop-dropdown-menu > li, .shop-nav.shop-nav-inline > ul > li:nth-last-child(1) {
    margin-top: 0px;
}
.Catalog_215 nav.menu {
 /*   margin-top: 70px;*/
	/*margin-right: 7px !important;*/
}
	
.search-wrapper {
    position: relative;
    margin-top: 0px;
}
	
.Catalog_215 .main-content {
    margin-top: 49px;
}
	

}

@media (min-width: 816px) and (max-width:950px) { 
    #google_translate_element {
        top: 150px;
    }
}

@media (min-width: 679px) and (max-width:815px) { 
    #google_translate_element {
        top: 180px;
    }
}

@media screen and (max-width: 600px) {
#header .header-links {
    position: absolute;
    margin-top: 0px;
    font-weight: normal !important;
    right: 1px;
    top: 43px;
    width: 100%;
    float: right;
}
	#ctl00_MobileMasterToolBarButtons {
    background: #fff;
    min-height: 40px;
    margin-bottom: -2px;
    height: 40px;
    margin-top: 100px;
    margin-right: 4px;
}
    
.Catalog_215 #header .header-links {
    /*position: absolute;*/
    /*right: 4px !important;*/
    /*line-height: 30px;*/
    /*top: 38px !important;*/
}
    
#header .header-links a.cart-button {
    position: relative;
    font-weight: normal;
    z-index: 9000;
    border-radius: 50%;
    background-color: #000000;
    color: #fff !important;
    cursor: pointer;
    padding-right: 43px;
    padding-left: 10px;
    height: 40px;
    line-height: 38px;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 10px;
}
	
	.Catalog_215 #ctl00_MobileMasterToolBarButtons {
    margin-top: 70px;
}
	
.Catalog_215 .main-content {
    margin-top: 23px;
}

	
}

@media screen and (max-width: 540px) {
#header .header-links {

}
	
}



@media only screen and (max-width: 1000px) {
    
.language-wrap {
    background-color: transparent;
    text-align: center;
    position: relative !important;
    top: -2px !important;
    right: -14px !important;
    z-index: 150;
}
}


@media only screen and (max-width: 480px) {
  .header-links {
    font-size: 14px !important;
    margin-top: 6px !important;
    }
    
.language-wrap {
    background-color: transparent;
    text-align: center;
    position: relative;
    top: -2px;
    right: -14px;
    z-index: 150;
}

}

@media only screen and (min-width: 481px) and (max-width: 991px) {
  .header-links {
    font-size: 13px !important; } }

.header-links .shop-nav {
  text-align: right; }

/*Catalog Select page*/
@media only screen and (max-width: 480px) {
  .catalog-select .trin-4 {
    width: 100%;
    float: none;
    margin: 0 auto !important; } }

.catalog-select .trin-4 input.catalog-img {
  width: 100px;
  border: none !important;
  outline: none !important;
  height: 100px;
  display: block;
  margin: 0 auto; }

.catalog-select .trin-75 {
  padding: 10px; }
  @media only screen and (max-width: 480px) {
    .catalog-select .trin-75 {
      width: 100%; } }
  @media only screen and (max-width: 480px) {
    .catalog-select .trin-75 h3 {
      text-align: center; } }
  @media only screen and (max-width: 480px) {
    .catalog-select .trin-75 p {
      text-align: center; } }

/* CART QUICK VIEW AREA*/
#header .header-links a.cart-button {
  position: relative;
  font-weight: normal;
  z-index: 9000;
  border-radius: 50%;
  background-color: #000000;
  color: #fff !important;
  cursor: pointer;
  padding-right: 43px;
  padding-left: 10px;
  height: 40px;
  border-radius: 20px;
  line-height: 38px;
  display: inline-block;
  font-size: 16px;
  text-align: center;
}
  #header .header-links a.cart-button:hover {
    color: #fff !important;
	  background-color:#666666 !important;
    }

 @media only screen and (max-width: 480px) {
     #header .header-links a.cart-button { 
         margin-top: 0px;
} 
}




.cart-count {
  background-color: #fff;
  color: #000 !important;
  font-family: "Poppins", "Helvetica Neue, Helvetica, Arial", sans-serif;
  font-weight: 400;
  position: absolute;
  z-index: 9001;
  height: 30px;
  width: 30px;
  line-height: 30px;
  border-radius: 50%;
  top: 50%;
  margin-top: -15px;
  right: 5px;
  transition: all 400ms cubic-bezier(0.15, 1.03, 0.97, 0.98) 0s;
  -webkit-transition: all 400ms cubic-bezier(0.15, 1.03, 0.97, 0.98) 0s; }

.cart-amount {
  color: #fff;
  font-weight: 700;
  height: 30px;
  width: 30px;
  line-height: 30px;
  margin-top: -15px;
  transition: all 400ms cubic-bezier(0.15, 1.03, 0.97, 0.98) 0s;
  -webkit-transition: all 400ms cubic-bezier(0.15, 1.03, 0.97, 0.98) 0s;
display:none;
}

#ctl00_lblCart {
	display:none;
}

.shop-btn-icon {
  float: left;
  margin-top: 10px;
color: #ffa900;}

.PopsOptionsText {
    font-size: 25px;
    FONT-WEIGHT: 700;
    COLOR: black;
    margin-top: 18px;
    margin-bottom: 0px;
    background-color: #ffcc00;
    padding: 7px 11px;
    line-height: 29px;
}

/* CART PAGE */
.loading-panel {
  position: relative;
  vertical-align: bottom;
  line-height: 35px;
  margin-top: 6px; }
  .loading-panel .loading-box-text {
    vertical-align: bottom;
    float: right;
    margin-right: 60px; }

.FirestormPage_ViewShoppingCart_aspx .spinner2 {
  position: absolute;
  right: 0;
  top: 0; }

div#SearchPartySpinner.loading-panel .spinner2 {
  right: 50% !important;
  left: 45% !important;
  top: -80px !important; }

.SCNVSCTextBox {
  margin-bottom: 30px;
  height: 47px; }

.questions {
  background-color: rgba(0, 0, 0, 0.02); }

/* PAGE TITLE ICONS */
/* SECTION PANELS */
.panel-body {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 20px; }
  @media only screen and (max-width: 480px) {
    .panel-body {
      padding-left: 0;
      padding-right: 0; } }

@media only screen and (max-width: 480px) {
  .panel-body-modals {
    padding-left: 15px;
    padding-right: 15px; } }

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

.coupons {
  position: relative;
  text-align: left;
display:block;
}

  .coupons p {
    margin: 0;
    padding: 0;
    position: absolute;
    top: -35px;
    font-size: 11px; }

.panel-default {
  border-color: #ccc;
  position: relative; }

.product-subtotal div {
  border-bottom: 1px dashed #909090;
  padding: 4px 0; }

.more-info ul {
  margin-left: 0;
  list-style-type: none; }
  .more-info ul li {
    margin-bottom: 5px;
    font-size: 10px; }
    @media only screen and (min-width: 481px) and (max-width: 991px) {
      .more-info ul li {
        font-size: 11px; } }
  .more-info ul li span {
    color: #ffffff;
    padding: 0 3px;
    border-radius: 4px;
    display: table-cell; }
  .more-info ul .cart-availibility span {
    background-color: #3fbb9b; }
  .more-info ul .cart-autoship span {
    background-color: #3fbb9b; }
  .more-info ul .cart-points span {
    background-color: #967dda; }
  .more-info ul .redeem-limit span {
    background-color: #3fbb9b; }
  .more-info ul .redeem-free-shipping span {
    background-color: #d92f42; }

@media only screen and (max-width: 480px) {
  .award-section {
    font-size: 10px;
    line-height: 12px; } }

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.panel-default > .panel-heading {
  color: #ffffff;
  background-color: #666e78;
  font-size: 18px; }

.panel-heading {
  border-bottom: 1px solid transparent;
  border-top-right-radius: -1;
  border-top-left-radius: -1; }

.text-left {
  text-align: left !important; }

.text-center {
  text-align: center !important; }

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

/*		PRODUCT INFOS*/
.img-responsive {
  width: 100% \9;
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto; }

.thumbnail img {
  width: 100% \9;
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  width: 100%; }

/*SLIDE DOWN HELPFUL AREA DISAPEARED brought back 011118*/
.helpful-toggle {
  font-family: "Poppins", "Helvetica Neue, Helvetica, Arial", sans-serif !important;
  font-size: 13px;
  position: relative;
  z-index: 788;
  text-align: center;
background-color: #fff !important;
  border: 1px rgba(255, 255, 255, 0) solid;
  color: #6d6d6d;
  padding: 5px 20px 5px 20px;
  border-top-style: none !important;
  margin-top: 0px;
	/* margin-top was -2px to cover the top green area but it overlapped the grey so zeroed it*/
  margin-bottom: 5px;
  border-radius: 0 0 10px 10px;
    display:none;
}
  .helpful-toggle:hover {
    color: #313131 !important; }

.helpful-links {
  display: none;
  border: 1px solid rgba(255, 255, 255, 0);
  text-align: center;
  background-color: #fff; }
  .helpful-links ul {
    padding: 15px;
    margin: 0; }
    .helpful-links ul li {
      padding-bottom: 5px;
      list-style: none; }

.helpful-links a {
  color: #6d6d6d;
  opacity: 1; }
  .helpful-links a:visited {
    color: #6d6d6d; }
  .helpful-links a:hover {
    opacity: 1;
    color: #6d6d6d; }
  .helpful-links a:active {
    color: #6d6d6d; }

ul.helpful li:first-of-type { display: none; }

/*ALERTS-MSG*/
.special-info {
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  padding-bottom: 45px !important; }
  .special-info a {
    color: #fff;
    font-weight: 700; }
  .special-info i {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer; }

.toggle-on {
  display: block !important; }

.alert-msg {
  display: block;
  position: relative;
  width: 100%;
  background-color: #ed6878;
  box-shadow: 0px 1.5px 4px rgba(0, 0, 0, 0.24), 0px 1.5px 6px rgba(0, 0, 0, 0.12);
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  margin-bottom: 15px;
  border-left: 10px solid #d92f42;
  color: #fff;
  text-align: left;
  font-size: 13px;
  font-family: inherit; }
  .alert-msg span {
    font-weight: 700; }
  @media only screen and (min-width: 481px) and (max-width: 991px) {
    .alert-msg br {
      display: none; } }
  @media only screen and (min-width: 993px) and (max-width: 1199px) {
    .alert-msg br {
      display: none; } }
  .alert-msg li {
    margin-left: 15px; }

.alert-msg.green {
    background-color: #44a35b;
    border-left: 10px solid #F7941F;
}

.alert-msg.orange {
  background-color: #ff8000;
  border-left: 10px solid #d46b00; }

.alert-msg.blue {
  background-color: #57b8dc;
  border-left: 10px solid #368dad; }

.alert-msg h1, .alert-msg h2, .alert-msg h3, .alert-msg h4, .alert-msg h5, .alert-msg h6 {
  color: white !important; }

/*SLIDES*/
.slides {
  height: 400px;
  margin-bottom: 20px;
  padding: 50px 10px;
  color: white;
  background-color: transparent;
  background-image: url("");
  background-size: cover;
  width: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat; }
  @media only screen and (max-width: 480px) {
    .slides {
      padding: 0; } }
  @media only screen and (min-width: 993px) and (max-width: 1199px) {
    .slides .slide-text {
      width: 100%; } }
  @media only screen and (min-width: 481px) and (max-width: 991px) {
    .slides .slide-text {
      width: 100%; } }
  @media only screen and (max-width: 480px) {
    .slides .slide-text {
      width: 100%; } }
  .slides h2 {
    color: white;
    font-family: "Sintony", "Helvetica Neue, Helvetica, Arial", sans-serif;
    text-shadow: 2px 2px 6px #666e78; }
    @media only screen and (max-width: 480px) {
      .slides h2 {
        text-align: center; } }
  .slides p {
    color: white;
    margin-bottom: 35px;
    text-shadow: 2px 2px 6px #666e78; }
    @media only screen and (min-width: 481px) and (max-width: 991px) {
      .slides p {
        font-size: 12px; } }
    @media only screen and (max-width: 480px) {
      .slides p {
        text-align: center; } }
  .slides .btn-link {
    font-size: 15px !important; }
    @media only screen and (max-width: 480px) {
      .slides .btn-link {
        display: block; } }

.shop-color-invert .shop-title.shop-title-main {
  border-color: rgba(255, 255, 255, 0.1); }

.shop-title-main {
  margin-bottom: 15px; }
  .shop-title-main h5 {
    font-weight: 600 !important; }

.shop-text-muted {
  color: rgba(255, 255, 255, 0.4); }

.shop-nav-inline > ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.shop-text-small {
  font-size: 80%; }

.shop-text-upper {
  text-transform: uppercase; }

/*SEARCH BOX*/
.search-wrapper {
  position: relative; 
margin-top:0px;
}

.icon-search,
.icon-search-close {
  margin: 3px 5px 0; }

.search-active .icon-search {
  display: none; }

.search-active .icon-search-close {
  display: block; }

body .icon-search-close {
  display: none; }

.icon-search-close {
  display: none; }

.search-active .icon-search-close {
  display: block; }

.search-active .icon-search {
  display: none; }

.search-active .icon-search {
  display: none; }

.pullout {
    background: #d2d2d2;
    margin-bottom: 15px;
    display: block;
    padding: 0 0 0 20px;
    color: black;
    font-size: 18px;
}

/*REPLACE IMAGES ON SHIPPING PAGE
#ctl00_ContentPlaceHolder1_ShipperRowsContainer .frame img {
	 display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(https://www.essante.com/ts/images/FedEx.jpg) no-repeat;
    width: 12px;
    height: 80px;
    padding-left: 111px;
}

#ctl00_ContentPlaceHolder1_ShipperRowsContainer .frame:nth-child(1) img {
    background: url(https://www.essante.com/ts/images/FedEx.jpg) no-repeat;
}

#ctl00_ContentPlaceHolder1_ShipperRowsContainer .frame:nth-child(3) img {
    background: url(https://www.essante.com/ts/images/FedEx.jpg) no-repeat;
}

#ctl00_ContentPlaceHolder1_ShipperRowsContainer .frame:nth-child(5) img {
    background: url(https://www.essante.com/ts/images/FedEx.jpg) no-repeat;
}

#ctl00_ContentPlaceHolder1_ShipperRowsContainer .frame:nth-child(7) img {
    background: url(https://www.essante.com/ts/images/FedEx.jpg) no-repeat;
}

#ctl00_ContentPlaceHolder1_ShipperRowsContainer .frame:nth-child(9) img {
    background: url(https://www.essante.com/ts/images/FedEx.jpg) no-repeat;
}

#ctl00_ContentPlaceHolder1_ShipperRowsContainer .frame:nth-child(11) img {
    background: url(https://www.essante.com/ts/images/USPS.jpg) no-repeat;
}

#ctl00_ContentPlaceHolder1_ShipperRowsContainer .frame:nth-child(13) img {
    background: url(https://www.essante.com/ts/images/WillCallLogo.jpg) no-repeat;
}

#ctl00_ContentPlaceHolder1_ShipperRowsContainer .trin-75 p {
	padding-left:25px;
	
}
*/


/* LOGIN PANEL SPACING FIXES 2025 */

@media (max-width: 950px) {
	
.cart-sign-in .sign-in-box.trin-2 .panel-body, .cart-sign-in .create-acct-box.trin-2 .panel-body {
    min-height: auto;
}
	.panel-body {
    padding-bottom: 0px;
}
	
	.panel {
    margin-bottom: 0px;
}

}

/* END LOGIN PANEL SPACING FIXES 2025 */

@media only screen and (max-width: 1000px) {

#ctl00_ContentPlaceHolder1_ShipperRowsContainer .frame img {
	 display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(https://www.essante.com/ts/images/FedEx.jpg) no-repeat;
    width: 12px;
    height: 80px;
    padding-left: 111px;
	background-size: 75% !important;
}
	
#ctl00_ContentPlaceHolder1_ShipperRowsContainer .trin-75 p {
	padding-left:50px !important;
	
}
}

#ctl00_ContentPlaceHolder1_ShipperListContiner {
	color:#414141;
	background-color:white;
}

  .pullout .pullout-header {
    word-break: keep-all;
    font-weight: 700;
    text-transform: uppercase; }
    @media only screen and (max-width: 480px) {
      .pullout .pullout-header {
        font-size: 12px !important; } }
  .pullout .redeem input {
    width: 100%; }
    @media only screen and (max-width: 480px) {
      .pullout .redeem input {
        font-size: 10px !important;
        padding: 8px; } }

.pullout .pullout {
  background: #dbdfe4;
  border-radius: 8px; }

/* Header search */
.header-search .search-input {
  padding-right: 140px; }

.search-input {
  width: 100%;
  font-weight: 200;
  background: none;
  font-size: 24px; }

.search-button-main {
position: absolute;
    top: 0px;
    right: 0px;
    width: auto;
    line-height: 22px!important;
    padding: 0 20px;
    background-color: #000;
    color: white;
    font-weight: 300;
    font-size: 15px;
    border: solid 1px lightgray;
    border-left: none;
}

  .search-button-main:hover {
    background-color: #69b57d; 
}

.header-search {
  background-color: transparent;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
  visibility: hidden;
  transition: visibility 0s linear 0.3s;
  z-index: 110; }

.header-search .searchform-wrapper {
    width: 285px;
    text-align: center;
    margin-top: -60px;
    transition: margin-top 0.3s ease-in-out;
    -webkit-backface-visibility: hidden;
    position: relative;
    float: right;
    margin-right: 53px;
}

.header-search.header-search-active {
  visibility: visible;
  transition-delay: 0s; }

.header-search.header-search-active .searchform-wrapper {
  margin-top: 0px; }

.header-search .search-input {
    height: 24px !important;
    color: black;
    letter-spacing: 0.04em;
    text-transform: none;
    border-radius: 0px;
    border: 1px lightgray solid;
    margin-top: 0px;
    margin-bottom: 5px;
    padding-left: 19px;
    padding-right: 110px !important;
}

.fs-input {
  padding-top: 13px;
  padding-bottom: 13px; }

.shop-color-invert .shop-input,
.shop-color-invert .shop-select,
.shop-color-invert .shop-textarea {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.1);
  color: #fff; }

#shop-body .shop-btn.shop-active,
#shop-body .shop-btn.shop-toggled,
#shop-body .shop-btn:hover,
#shop-body .shop-btn:active {
  background: #44a35c;
  color: #fff; }

.shop-form-field-btns {
  float: right; }

.shop-form-field-btns {
  height: 49px;
  padding-top: 13px;
  padding-bottom: 13px;
  margin-bottom: -41px;
  margin-right: 3px; }

.invert-text {
  color: #fff; }

#logo img {
    width: 285px;
    height: auto;
    margin-top: 5px;
}

a#logo {
    height:100px;
	display: inline-block;
  position: relative;
  z-index: 1;
  padding: 2em;
  margin: -2em;
}

.nav-logo-a {
	padding: 2em;
    margin: -2em;
	position: relative;
    z-index: 1;
}


@media only screen and (max-width: 800px) {
.header-search .searchform-wrapper {
    width: 80%;
}
    
    .header-search .searchform-wrapper {
    width: 300px;
    text-align: center;
    margin-top: -60px;
    transition: margin-top 0.3s ease-in-out;
    -webkit-backface-visibility: hidden;
    position: relative;
    float: right;
    margin-right: 7px;
}
    
}




  @media only screen and (max-width: 780px) {
    #logo img {
width: 275px;
    display: block;
    margin: 0 auto !important;
    margin-top: 0 !important;
      }
      
#ctl00_HeaderCompanyLogoContainer {
    height: 34px;
    position: absolute;
    top: -9px;
    z-index: 100;
    left: 6px;
}
}

.shop-container {
  width: 1440px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }

.shop-nav.shop-nav-inline .shop-dropdown-menu > li,
.shop-nav.shop-nav-inline > ul > li {
  display: inline-block;
  border: none;
  margin: 0;
  padding: 0;
font-size:16px;
}

.color-invert a {
  color: #fff; }

.color-invert {
  color: #fff; }

.float-right {
  float: right; }

.float-left {
  float: left; }

/*styles for text fields with small icons next to them*/
.question-icon, .find-icon {
  float: left;
  margin: 12px 12px 12px 0;
  cursor: pointer; }
  @media only screen and (min-width: 481px) and (max-width: 991px) {
    .question-icon, .find-icon {
      margin: 12px 12px 12px -25px !important; } }
  @media only screen and (max-width: 480px) {
    .question-icon, .find-icon {
      margin: 12px 12px 12px -25px !important; } }
  @media only screen and (min-width: 993px) and (max-width: 1199px) {
    .question-icon, .find-icon {
      margin: 12px 12px 12px -25px !important; } }

.find-icon {
  cursor: default; }

.field-with-icon-left {
  float: left;
  width: 90% !important; }


.variations-bg {
    background-color: #fbe3b8 !important;
}

/*BUTTONS*/
.shop-btn {
    background-color: #000;
    margin-bottom: 10px;
    margin-right: 10px;
    outline: 0;
    min-height: 40px;
    float:none !important;
    min-width: 40px;
    text-shadow: none;
    color: #fff !important;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 20px;
    border-radius: 2px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    text-decoration: none !important;
    overflow: hidden;
    transition: all 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    -webkit-transition: all 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    /* box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); */
}

	
.shop-btn.other-color {
  background-color: #0070c0; }

.shop-btn:active,
.shop-btn:hover {
  text-decoration: none;
  color: #fff;
background-color:#7d7d7d}

.shop-btn.shop-text-right {
  float: right; }

.shop-btn.shop-btn-large {
  font-size: 16px;
  padding: 20px 30px;
  min-width: 60px;
  min-height: 60px; }

.shop-btn.shop-btn-small {
  font-size: 12px;
  padding: 5px 15px;
  min-width: 30px;
  min-height: 30px; }

.shop-btn.shop-btn-mini {
  font-size: 10px;
  padding: 2px 5px;
  line-height: 16px;
  min-width: 20px;
  min-height: 20px;
  border: none !important;
  /*fixed IE issue*/ }

.shop-btn.shop-btn-fw {
  display: block;
	}

button.shop-btn.shop-btn-fw {
  width: 100%;
  padding-left: 0;
  padding-right: 0; }

.shop-btn-round {
  border-radius: 50%;
  overflow: hidden; }

.shop-btn > i.shop-btn-icon {
  background-color: rgba(255, 255, 255, 0.24);
  color: #fff;
  position: absolute;
  height: 40px;
  width: 40px;
  line-height: 40px;
  top: 50%;
  left: 0;
  margin-top: -20px;
  transition: all 200ms linear 0s;
  -webkit-transition: all 200ms linear 0s; }

.shop-btn > i.shop-btn-icon + * {
  padding-left: 30px; }

.shop-btn.shop-btn-hover > i.shop-btn-icon + * {
  left: 0;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  transition: left 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  -webkit-transition: left 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; }

.shop-btn.shop-btn-hover > i.shop-btn-icon {
  text-indent: -20px;
  left: -40px; }

.shop-btn.shop-btn-hover:active > i.shop-btn-icon,
.shop-btn.shop-btn-hover:hover > i.shop-btn-icon {
  text-indent: 0 !important;
  left: 0 !important; }

.shop-btn.shop-btn-hover:active > i.shop-btn-icon + *,
.shop-btn.shop-btn-hover:hover > i.shop-btn-icon + * {
  left: 20px; }

/*spacer classes*/
.bm-30 {
  margin-bottom: 30px !important; }

.bm-20 {
  margin-bottom: 20px !important; }

.bm-10 {
  margin-bottom: 10px !important; }

.tm-30 {
  margin-top: 30px !important; }

.tm-20 {
  margin-top: 20px !important; }

.tm-10 {
  margin-top: 10px !important; }

.allm-10 {
  margin: 10px !important; }

.block {
  display: block !important; }

.foot-note {
  font-size: 10px;
  color: #666e78; }

.rm-20 {
  margin-right: 20px !important; }

/*PRODUCT LIST BOXES*/
.cart-product-row {
  position: relative; }

.cart-product-row a {
	text-decoration:none
}

@media only screen and (max-width: 480px) {
  .product-row .trin-4 {
    width: 100%; } }

@media only screen and (min-width: 481px) and (max-width: 991px) {
  .product-row .trin-4 {
    width: 50%; } }

.product-row .trin-4 .item-box {
  box-shadow: none;
  border-bottom: 4px solid rgba(204, 204, 204, 0.22);
  margin-bottom: 30px;
  /*@include transition();*/ }
  @media only screen and (max-width: 480px) {
    .product-row .trin-4 .item-box {
      border-bottom: 1px dashed rgba(68, 68, 68, 0.42); } }
  .product-row .trin-4 .item-box:hover {
    /*box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);*/ }
  .product-row .trin-4 .item-box .SCNIndividualProductBox {
    margin-top: 40px;
    box-sizing: border-box; }

.details-img #imgMainImage img {
  max-width: 400px;
  height: auto;
  margin: 0 auto;
  display: block; }

@media only screen and (min-width: 481px) and (max-width: 991px) {
  .product-details-section .details-img {
    width: 33%; } }

@media only screen and (max-width: 480px) {
  .product-details-section .details-img {
    width: 100%; } }

@media only screen and (min-width: 481px) and (max-width: 991px) {
  .product-details-section .details-details {
    width: 66%; } }

@media only screen and (max-width: 480px) {
  .product-details-section .details-details {
    width: 100%; } }

@media only screen and (min-width: 481px) and (max-width: 991px) {
  .product-details-section .details-aside {
    width: 100%; } }

@media only screen and (max-width: 480px) {
  .product-details-section .details-aside {
    width: 100%; } }

.product-details-section .details-aside .SCNProductNumber {
  float: none; }

.product-details-section .details-aside .shop-divider {
  display: none; }

@media only screen and (min-width: 481px) and (max-width: 991px) {
  .product-details-section .details-aside .aside-product-img {
    width: 50%; } }

@media only screen and (min-width: 481px) and (max-width: 991px) {
  .product-details-section .details-aside .product-info {
    width: 50%; } }

@media only screen and (min-width: 481px) and (max-width: 991px) {
  .product-details-section .details-aside .SCNAddToCartBar {
    width: 100%; } }

.item-box {
  position: relative; }

.product-info {
  padding: 10px; }

.details-text {
  padding: 15px; }

.SCNProductName a {
  text-decoration: none;
  color: #44a35c !important;
  font-size: 18px; }

.SCNProductNumber {
    color: #606367;
    font-size: 12px;
    float: right !important;
}

.SCNProductAddedMessage {
  text-align: center; }


.spnAddlInfo_z3Clinical, .spnAddlInfo_Z3DD, .spnAddlInfo_z3_AV, .spnAddlInfo_Make_Life_Better, .spnAddlInfo_Ingredients__Benefits, .spnAddlInfo_Audio__Video, .spnAddlInfo_z3_Slider, .spnAddlInfo_BeforeAfters, .spnAddlInfo_z3_Video {
    display: block;
    position: relative;
    top: -180px;
    visibility: hidden;
}
@media only screen and (max-width: 800px) {
.spnAddlInfo_z3Clinical, .spnAddlInfo_Z3DD, .spnAddlInfo_z3_AV, .spnAddlInfo_Make_Life_Better, .spnAddlInfo_Ingredients__Benefits, .spnAddlInfo_Audio__Video, .spnAddlInfo_z3_Slider, .spnAddlInfo_BeforeAfters, .spnAddlInfo_z3_Video {
    display: block;
    position: relative;
    top: -110px;
    visibility: hidden;
}
}


/*product added checkmark confirmation*/
.checkmark i {
  text-align: center;
  color: rgba(141, 191, 88, 0.65);
  font-size: 155px !important;
  text-shadow: 0px 0px 12px rgba(255, 255, 255, 0.75);
  position: absolute;
  width: 100%;
  top: 30%;
  -webkit-animation-delay: 1s;
  -webkit-animation-iteration-count: 1;
  animation-delay: 1s;
  animation-iteration-count: 1; }
  @media only screen and (max-width: 480px) {
    .checkmark i {
      top: 20%; } }

.SCNProductListImageDiv {
  position: relative; }

.shop-product-sticker {
  font-size: 12px;
  background: #0070c0;
  color: #fff;
  padding: 5px 10px;
  position: absolute;
  right: 10px;
  top: 10px;
  font-weight: 300;
  text-transform: uppercase;
  border-radius: 2px;
  cursor: default; }

.begin-chk-section {
  height: 90px;
  padding: 0 !important;
  margin: 0;
  margin-bottom: 30px;
  overflow: hidden; }

.SCNProductDetailStatusMessage {
  background: #3fbb9b;
  display: block;
  color: #ffffff;
  padding: 15px;
  text-align: center;
  margin-bottom: 20px;
  border-radius: 0px 0px 0 0; }
  .SCNProductDetailStatusMessage a {
    color: #f5f7fa;
    text-decoration: none; }
    .SCNProductDetailStatusMessage a:visited {
      color: #f5f7fa; }
    .SCNProductDetailStatusMessage a:hover {
      color: #44a35c; }
    .SCNProductDetailStatusMessage a:active {
      color: #44a35c; }
  .SCNProductDetailStatusMessage a {
    font-size: 18px;
    text-decoration: none;
    border-radius: 0px 0px 0 0; }
    .SCNProductDetailStatusMessage a:hover {
      color: white; }

.arrow-up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black; }

.arrow-down {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #44a35c;
  position: absolute;
  bottom: -18px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto; }

.maybe-this .arrow-down {
    display:none;
}

.arrow-right {
  width: 0;
  height: 0;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 60px solid green; }

.arrow-left {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid blue; }

.SCNProductPrice {
  font-size: 16px;
  text-transform: uppercase;
  color: #44A35C; }

.SCNProductPriceOnSale {
  color: #d92f42; }

.SCNProductDetailMoreInfoLink {
  font-size: 12px;
  color: #434a54;
  text-align: center; }

.SCNVariationsTitle {
  font-weight: bold;
  font-size: 18px;
  color: #666e78;
  text-transform: capitalize; }

.SCNSwatchCell {
  font-size: 12px;
  color: dimgray;
  text-align: center; }

/*password page*/
.SCNRPGoButton {
  width: 100%; }

@media only screen and (min-width: 481px) and (max-width: 991px) {
  .password-retrieve .trin-3 {
    width: 100%; } }

@media only screen and (max-width: 480px) {
  .password-retrieve .trin-3 {
    width: 100%; } }

/*RULES*/
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #a8a8a8;
  clear: both; }

.shop-divider {
  border: none;
  border-top: 1px solid #d2d2d3;
  margin: 5px auto; }

.shop-divider.shop-divider-dashed {
  border-top-style: dashed; }

.shop-divider.shop-divider-dashed.dark {
  border-color: #b8babe;
  clear: both; }

.shop-divider.shop-divider-solid.dark {
  border-color: #b8babe;
  border-top-width: 2px;
  clear: both; }

.shop-divider.shop-divider-dotted {
  border-top-style: dotted; }

.shop-divider.shop-divider-fade {
  background-image: -webkit-linear-gradient(left, transparent, #ECEFF7, transparent);
  background-image: -moz-linear-gradient(left, transparent, #ECEFF7, transparent);
  background-image: -ms-linear-gradient(left, transparent, #ECEFF7, transparent);
  background-image: -o-linear-gradient(left, transparent, #ECEFF7, transparent);
  border: 0;
  height: 1px; }

.shop-divider.shop-divider-hr {
  height: 1px;
  width: 50px;
    display:none;}

.shop-divider.shop-divider-solid {
  border-top-width: 4px; }

.shop-divider.shop-divider-double {
    border: 1px solid #e0e0e0;
    height: 0px;
}

.shop-divider.shop-divider-double.short {
  border-bottom: 1px solid #ECEFF7;
  height: 3px;
  width: 200px; }

.shop-divider.shop-divider-short {
  height: 1px;
  width: 70%;
  margin-right: 15%;
  margin-left: 15%; }

.shop-push-xsmall {
  margin-bottom: 15px;
  clear: both; }

.shop-push-small {
  margin-bottom: 35px;
  clear: both; }

.shop-push-medium {
  margin-bottom: 55px;
  clear: both; }

.shop-push-large {
  margin-bottom: 41px; }

/*ICONS*/
.checks li {
  margin-bottom: 1em;
  list-style-type: none;
  padding: 0.25em 0 0 2.5em;
  position: relative; }
  .checks li:before {
    content: "\E834";
    display: block;
    font-family: "Material Icons" !important;
    font-size: 24px;
    color: #44a35c;
    position: absolute;
    left: 0;
    top: 3px; }

.options li {
  margin-bottom: 1em;
  list-style-type: none;
  padding: 0.25em 0 0 2.5em;
  position: relative; }
  .options li:before {
    content: "\E8B8";
    display: block;
    font-family: "Material Icons" !important;
    font-size: 24px;
    color: #666e78;
    position: absolute;
    left: 0;
    top: 3px; }
  .options li a {
    text-decoration: none; }

.info {
  margin-bottom: 1em;
  list-style-type: none;
  padding: 0.25em 0 0 2.5em;
  position: relative; }
  .info:before {
    content: "\E88E";
    display: block;
    font-family: "Material Icons" !important;
    font-size: 24px;
    color: #8dbf58;
    position: absolute;
    left: 0;
    top: 3px; }

.red-x {
  margin-bottom: 1em;
  list-style-type: none;
  padding: 0.25em 0 0 2.5em;
  position: relative; }
  .red-x:before {
    content: "\E5C9";
    display: block;
    font-family: "Material Icons" !important;
    font-size: 24px;
    color: #d92f42;
    position: absolute;
    left: 0;
    top: 3px; }

.not-avail {
  margin-bottom: 1em;
  list-style-type: none;
  padding: 0.25em 0 0 2.5em;
  position: relative; }
  .not-avail:before {
    content: "\E5C9";
    display: block;
    font-family: "Material Icons" !important;
    font-size: 24px;
    color: #d92f42;
    position: absolute;
    left: 0;
    top: 3px; }

.password {
  padding: 0 0 0 18px;
  position: relative;
  padding-left: 20px; }
  .password:before {
    content: "\E869";
    display: block;
    font-family: "Material Icons" !important;
    font-size: 18px;
    color: #d92f42;
    position: absolute;
    left: 0;
    top: 3px; }

a.password {
  text-decoration: none;
  cursor: pointer; }

.shipping {
  padding: 0 0 0 24px;
  position: relative;
  padding-left: 40px !important; }
  .shipping:before {
    content: "\E558";
    display: block;
    font-family: "Material Icons" !important;
    font-size: 24px;
    color: #4e8bda;
    position: absolute;
    left: 0;
    top: 3px; }
  .shipping:before {
    top: 10px !important;
    padding-left: 10px !important; }

.not-avail:before {
  left: -20px !important;
  top: 10px !important; }

ul.checks li span {
  font-weight: 700; }

.keyboard_arrow_up:after {
  content: "\E316";
  font-family: 'Material Icons' !important;
  color: white;
  font-size: 24px;
  text-decoration: none !important; }

/*FOOTER AREA */
footer {
  background: #3a3a3a;
  /* fallback for old browsers */
  background: -webkit- linear-gradient(#3a3a3a, #2a2a2a);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(#3a3a3a, #2a2a2a);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background-image: url("");
  background-attachment: fixed;
  background-size: cover; }

footer .shop-divider {
  border-color: rgba(255, 255, 255, 0.24) !important;
  opacity: 1; }

footer .shop-title.shop-title-main {
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255, 255, 255, 0.24) !important; }



footer .footer-1.shop-title-main {display:none}


/*FOOTER LINKS*/
footer a {
  color: #fff !important;
  text-decoration: none; }

footer a:visited {
  color: #fff !important; }

footer a:hover {
  color: white !important; }

footer a:active {
  color: white !important; }

/*FOOTER CONTACT ICONS*/
.room:before {
  color: white; }

.phone_iphone:before {
  color: white; }

.local_post_office:before {
  color: white; }

/*FOOTER TEXT*/
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
  color: white; }

footer p {
  color: white;
  text-transform: none; }

footer p.shop-color-invert {
  color: white; }

footer ul li {
  list-style: none;
  padding-bottom: 5px; }

footer .footer-1,
footer .footer-2,
footer .footer-3,
footer .footer-4 {
  color: white;
  position: relative; }

footer .footer-1 a {
  text-decoration: underline; }

.footer-1 img {
  margin-top: 5px;
  width: 200px;
  margin-bottom: 20px; }





footer .sec-1,
footer .sec-2 {
  padding-right: 0px !important;
  padding-left: 0px !important; }
  @media only screen and (min-width: 481px) and (max-width: 991px) {
    footer .sec-1,
    footer .sec-2 {
      width: 100% !important; } }
  @media only screen and (max-width: 480px) {
    footer .sec-1,
    footer .sec-2 {
      width: 100% !important; } }

@media only screen and (max-width: 480px) {
  footer .footer-1,
  footer .footer-2,
  footer .footer-3,
  footer .footer-4 {
    width: 100% !important; } }

footer .meta {
  color: white; }
  footer .meta a:link {
    color: #fff !important; }
  footer .meta a:hover {
    color: white !important;
text-decoration:underline !important;}
  footer .meta p {
    color: white; }

footer.tm-30 {
  margin-top: 0 !important; }
	

/*FOOTER ICONS FOR CONTACT INFOS*/
.more-horiz {
  background-color: rgba(255, 255, 255, 0.1);
  cursor: pointer;
  border-radius: 50%;
  transition: background-color 0.25s ease-in-out;
  -moz-transition: background-color 0.25s ease-in-out;
  -webkit-transition: background-color 0.25s ease-in-out; }

footer .more-horiz {
  vertical-align: middle !important; }

.more-horiz:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%; }

footer ul.icons {
  position: relative; }
  footer ul.icons li {
    position: relative;
    padding: 0px 5px 30px 0px; }

ul.icons li.room {
  font-size: 16px;
  margin-bottom: 1em;
  list-style-type: none;
  padding: 0.25em 0 0 2.5em;
  position: relative; }

ul.icons li.room:before {
  content: "\E0C8";
  display: block;
  font-family: "Material Icons" !important;
  font-size: 24px;
  position: absolute;
  left: 0;
  top: 5px; }

ul.icons li.local_post_office {
  font-size: 12px;
  margin-bottom: 1em;
  list-style-type: none;
  padding: 0.25em 0 0 2.5em;
  position: relative; }

ul.icons li.local_post_office:before {
  content: "\E554";
  display: block;
  font-family: "Material Icons" !important;
  font-size: 24px;
  position: absolute;
  left: 0;
  top: 5px; }

ul.icons li.phone_iphone {
  font-size: 16px;
  margin-bottom: 1em;
  list-style-type: none;
  padding: 0.25em 0 0 2.5em;
  position: relative; }

ul.icons li.phone_iphone:before {
  content: "\E325";
  display: block;
  font-family: "Material Icons" !important;
  font-size: 24px;
  position: absolute;
  left: 0;
  top: 5px; }
	

	

/*FORM PARTS*/
@media only screen and (max-width: 480px) {
  .frame.fit {
    padding: 0 !important; } }

@media only screen and (min-width: 481px) and (max-width: 991px) {
  .form-part {
    width: 100%; } }

@media only screen and (max-width: 480px) {
  .form-part {
    width: 100%; } }

.intro-text {
  clear: left; }

/*helps take out padding in places needed*/
[class*=trin-].zero {
  padding: 0 !important;
  margin: 0 !important; 
  }

/*PAYMENT METHOD PAGE*/
.gift-certs {
  padding-left: 30px !important; }

/*BREAD CRUMBS and TITLE BAR*/	
	
	.title-bar-section {
    background-color: #44a35c;
    padding: 0px 0px 2px 0px;
}



/*DINO'S CODE*/
.title-bar-section .title-bar-control .breadcrumbs ul li a{
    background-color: #fff;
    padding: 5px 8px 5px 5px !important;
    margin-left: 10px;
    position: relative;
    z-index: 1;
    margin-right: 14px;
    color: rgb(41, 127, 70);
    margin-bottom: 5px;
}
.title-bar-section .title-bar-control .breadcrumbs ul li a::before{
    content: "";
    background-color: transparent;
    padding: 0px;
    position: absolute;
    left: -10px;
    top: 0;
    z-index: -1;
    margin-left: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 11px 11px 0;
    border-color: transparent #ffffff transparent transparent;
}

.title-bar-section .title-bar-control .breadcrumbs ul li + li {
border-left:none;
}

.breadcrumbs ul li a:hover .icon-home:before{
color: #cccccc !important;
}
.breadcrumbs ul li a .icon-home:before{
color: rgb(41, 127, 70) !important;
}
.breadcrumbs ul li a {
color: rgb(41, 127, 70) !important;
}
.breadcrumbs ul li a:hover {
color: #cccccc !important;
}



/* END DINO'S CODE*/	


	
  .title-bar-section .title-bar-control .page-name {
    padding-left: 10px;
    padding-top: 5px;
    margin: 0;
    color: white;
text-transform:uppercase
}
  .title-bar-section .title-bar-control .breadcrumbs {
    margin: 15px 0 5px 0;
    line-height: 10px;
    font-size: 0;
    float: right;
	text-transform:uppercase;
      min-width: 533px;
      text-align:right;
}

@media only screen and (max-width: 800px)
{
    .title-bar-section .title-bar-control .breadcrumbs {
    margin: 15px 0 5px 0;
    line-height: 10px;
    font-size: 0;
    float: right;
	text-transform:uppercase;
    position: relative;
    right: 0px;
    top: -1px;
    width:500px;
}
    
    .title-bar-section .title-bar-control .breadcrumbs ul li {
    display: table-cell;
    font-size: 13px;
    display: inline-block;
    line-height: 12px;
}
    
    .title-bar-section .title-bar-control .breadcrumbs ul {
    display: table;
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: right;
}
    
    .title-bar-section .title-bar-control .breadcrumbs ul li a {
    background-color: #fff;
    padding: 3px 8px 3px 5px !important;
    margin-left: 10px;
    position: relative;
    z-index: 1;
    margin-right: 14px;
    color: rgb(41, 127, 70);
    margin-bottom: 5px;
}
    
    .title-bar-section .title-bar-control .breadcrumbs ul li a::before {
    content: "";
    background-color: transparent;
    padding: 0px;
    position: absolute;
    left: -10px;
    top: 0;
    z-index: -1;
    margin-left: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 11px 9px 0;
    border-color: transparent #ffffff transparent transparent;
}
 .title-bar-section .title-bar-control .breadcrumbs ul li {
    display: table-cell;
    font-size: 12px;
    display: inline-block;
    line-height: 12px;
}
    
}

    @media only screen and (max-width: 480px) {
      .title-bar-section .title-bar-control .breadcrumbs {
        display: block; } }
    .title-bar-section .title-bar-control .breadcrumbs ul {
      display: table;
      position: relative;
      display: inline-block;
      margin: 0;
      padding: 0;
      list-style-type: none; }
      .title-bar-section .title-bar-control .breadcrumbs ul li + li {
        border-left: none; }
      .title-bar-section .title-bar-control .breadcrumbs ul li {
        display: table-cell;
        font-size: 14px;
        display: inline-block;
        line-height: 12px; }
        .title-bar-section .title-bar-control .breadcrumbs ul li .icon-home {
          padding: 0 0 0 15px;
          position: relative;
          font-size: 14px !important; }
          .title-bar-section .title-bar-control .breadcrumbs ul li .icon-home:before {
            content: "\E88A";
            display: block;
            font-family: "Material Icons" !important;
            font-size: 15px;
            color: white;
            position: absolute;
            left: 0;
            top: 3px; }
        .title-bar-section .title-bar-control .breadcrumbs ul li a {
          color: white;
          display: block;
          padding: 0 15px;
          text-decoration: none; }
          @media only screen and (min-width: 481px) and (max-width: 991px) {
            .title-bar-section .title-bar-control .breadcrumbs ul li a {
              padding: 0 5px; } }
          .title-bar-section .title-bar-control .breadcrumbs ul li a:hover {
            color: #cccccc; }
          .title-bar-section .title-bar-control .breadcrumbs ul li a:active {
            color: #cccccc; }

.breadcrumbs ul li:hover a .icon-home:before {
  color: #cccccc !important; }

.breadcrumbs ul li:hover a {
  color: #cccccc; }

.crumb-active a {
  font-weight: 600; }

/*single page*/
@media only screen and (max-width: 480px) {
  .page-name {
    margin-left: 10px;
    margin-bottom: 0; } }

.small-thumb-img {
  width: auto;
  height: 55px;
  margin-top: 10px; }

/*Rapid order page and kit page*/
.prod-number {
  font-weight: 700;
  font-size: 13px;
  color: #777; }

.prod-discription {
  font-weight: 700;
  font-size: 13px; }

.product-row {
  clear: both;
  padding-top: 6px; }

.truncate-ellipsis {
  display: table;
  table-layout: fixed;
  width: 100%;
  white-space: nowrap; }

.truncate-ellipsis > * {
  display: table-cell;
  overflow: hidden;
  text-overflow: ellipsis; }

@media only screen and (max-width: 480px) {
  .label-shrink label {
    font-size: 11px; } }

.panel-heading-small-text {
  font-size: 14px;
  float: right; }

.sku, .serial {
  font-size: 12px;
  word-break: break-all !important; }

/*use .stack to stack trin divs when space is small*/
@media only screen and (max-width: 480px) {
  .stack {
    width: 100%;
    padding: 0 !important; } }

@media only screen and (min-width: 481px) and (max-width: 991px) {
  .stack {
    width: 100%;
    padding: 0 !important; } }

.small-text {
  font-size: 11px !important; }

/*cart complete page*/
.print-me {
  padding: 15px;
  background-color: #44b0d8;
  text-align: center; }
  .print-me .SCNPRPrintLink {
    color: #ffffff;
    padding: 0 0 0 27px;
    position: relative;
    text-decoration: none; }
    .print-me .SCNPRPrintLink:before {
      content: "\E8AD";
      display: block;
      font-family: "Material Icons" !important;
      font-size: 27px;
      color: #ffffff;
      position: absolute;
      left: 0;
      top: 3px; }
    .print-me .SCNPRPrintLink:before {
      left: -5px; }

span.award-star {
  padding: 0 0 0 20px;
  position: relative; }
  span.award-star:before {
    content: "\E838";
    display: block;
    font-family: "Material Icons" !important;
    font-size: 20px;
    color: #4e8bda;
    position: absolute;
    left: 0;
    top: 3px; }

table.responsive p {
  margin-bottom: 5px; }

.table-full {
  width: 100%; }

/*reverse text*/
.reverse.primary {
  color: white;
  background-color: #44a35c;
  padding: 5px; }

.reverse.denim {
  color: white;
  background-color: #4e8bda;
  padding: 5px; }

.reverse.cyan {
  color: white;
  background-color: #3fbb9b;
  padding: 5px; }

.primary-txt {
  color: #44a35c; }

.primary-bg {
  background-color: #44a35c; }

.denim-txt {
  color: #4e8bda; }

.denim-bg, .sub-total.denim-bg {
  background-color: #4e8bda; }

.cyan-txt {
  color: #3fbb9b; }

.cyan-bg {
  background-color: #3fbb9b; }

.green-txt {
  color: #8dbf58; }

.green-bg {
  background-color: #8dbf58; }

.yellow-bg {
  background-color: #f4ba4e; }

.yellow-tinted-bg {
  background-color: #fbe3b8; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.border-item {
  border-left: 12px solid #3fbb9b; }

.SCNFRCartContentsHeader {
  background-color: #434a54;
  color: white; }

.SCNFRCartContentsHeader th {
  padding-left: 4px;
  padding-right: 4px; }

.SCNFRCartContentsHeader.twenty-p th {
  width: 20%; }

.SCNFRCartContentsHeader.thirty-p th {
  width: 30%; }

.payment-due {
  color: #3fbb9b;
  font-weight: 600; }

/*Distributor locator*/
.DLSearchCriteriaHeader {
  font-weight: 600;
  color: #4e8bda;
  font-size: 18px; }

.DLResultListingTable {
  background-color: #ebeaea;
  width: 100%; }

.DLResultListingTable tr td {
  padding: 2px 10px 2px 10px !important; }

.DLResultsFieldLabel {
  width: 33%; }

.DLResultsFieldData {
  width: 50%; }
  .DLResultsFieldData a {
    word-break: break-all; }

.DLResultsFieldData input {
  font-size: 12px;
  padding: 2px; }

#DistributorLocator1_tblResults {
  width: 100%; }

.DLDescriptionText {
  margin-bottom: 20px; }

#RetailPriceDiv {
  margin-bottom: 30px; }

.title-bar-section h1 {
  color: white; }

.MainBackofficeLogo {
  width: 270px !important; }

/*special boxes*/
.special-boxes .banner-text {
  padding: 10px !important;
  position: relative; }

.special-boxes .material-icons {
  position: absolute;
  right: -13px;
  top: -5px;
  color: #fff;
  padding: 0px !important;
  z-index: 2; }

.special-boxes .box-control {
  background-position: center;
  background-size: cover;
  overflow: hidden;
  height: 190px;
  position: relative;
  display: block;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.14);
  -webkit-transition: box-shadow 0.2s ease-in-out;
  -moz-transition: box-shadow 0.2s ease-in-out;
  -ms-transition: box-shadow 0.2s ease-in-out;
  -o-transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out; }
  .special-boxes .box-control:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.24); }

.special-boxes [id*=BoxType_UserContent_].box-control {
  box-shadow: none !important;
  height: auto !important; }
  .special-boxes [id*=BoxType_UserContent_].box-control h3 {
    text-shadow: none;
    color: #666e78;
    font-size: 32px; }
  .special-boxes [id*=BoxType_UserContent_].box-control p {
    text-shadow: none;
    color: inherit;
    font-weight: inherit; }
  .special-boxes [id*=BoxType_UserContent_].box-control img {
    height: auto;
    text-align: center;
    margin: 0 auto; }
  @media only screen and (max-width: 480px) {
    .special-boxes [id*=BoxType_UserContent_].box-control [class*=trin-] {
      width: 100% !important; } }
  @media only screen and (min-width: 481px) and (max-width: 991px) {
    .special-boxes [id*=BoxType_UserContent_].box-control [class*=trin-] {
      width: 100% !important; } }

.special-boxes .box .shop-banner {
  display: block;
  height: 100%; }

@media only screen and (min-width: 993px) and (max-width: 1199px) {
  .special-boxes .box {
    width: 100% !important; } }

@media only screen and (min-width: 481px) and (max-width: 991px) {
  .special-boxes .box {
    width: 100% !important; } }

@media only screen and (max-width: 480px) {
  .special-boxes .box {
    width: 100% !important; } }

.box img {
  display: block; }

.shop-banner .shop-banner-content {
  position: relative;
  z-index: 1;
  height: 100%; }
  .shop-banner .shop-banner-content p {
    color: white;
    font-weight: 700;
    margin-bottom: 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); }
  .shop-banner .shop-banner-content h3 {
    margin: 0;
    padding-top: 6px;
    color: white;
    font-size: 22px;
    line-height: normal;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); }

.box.trin-33 .shop-banner .shop-banner-content h3 {
  font-size: 18px !important;
line-height:22px !important;
}

#SearchResultMessageContainer {
  float: left;
  font-weight: 600; }
  @media only screen and (max-width: 480px) {
    #SearchResultMessageContainer {
      text-align: center;
      padding: 20px; } }

@media only screen and (max-width: 480px) {
  .hide-bg-img-sm {
    background-image: none !important; } }

ul.tabs-menu {
  margin: 60px 0px 20px;
  padding: 0px !important;
  list-style: none;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.4);
  font-size: 18px; }

ul.tabs-menu li {
  background: none;
  color: #222;
  display: inline-block;
  padding: 10px 5px;
  cursor: pointer;
  position: relative; }

ul.tabs-menu li.current {
  background: #f5f5f5;
  background: white;
  color: #222;
  border-top: 2px solid #44a35c; }

.tab-content {
  display: none;
  background: #f5f5f5;
  background: white;
  padding: 5px; }

.tab-content.current {
  display: inherit; }

.tabs-arrow-down {
  display: none; }

ul.tabs-menu li.current .tabs-arrow-down {
  display: block;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #44a35c;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto; }

/*Share*/
.share-bg {
  background-color: #f3f5f6;
  padding: 5px 0 10px; }
  .share-bg .SCNSocialMediaTable {
    width: 50%;
    display: inline; }

/*Right Gutter*/
/*mobile drops some of the list of items off*/
@media only screen and (min-width: 481px) and (max-width: 991px) {
  #divRelatedProductsDetailContainer .trin-8:nth-child(even) {
    display: none; } }

@media only screen and (max-width: 480px) {
  #divRelatedProductsDetailContainer .trin-8:nth-child(even) {
    display: none; } }

.more-items {
  margin-top: 20px;
  border-radius: 0 15px 15px 0;
  overflow: hidden;
  zoom: 1;
  background-color: #f4f4f4; }
  .more-items .sku {
    font-size: 10px;
    display: block; }
  @media only screen and (max-width: 480px) {
    .more-items .small-text {
      font-size: 15px !important; } }
  .more-items .side-title {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 5px; }
    @media only screen and (max-width: 480px) {
      .more-items .side-title {
        font-size: 24px; } }
  .more-items p {
    font-size: 14px;
    text-align: center;
    padding: 0 10px; }
    .more-items p a {
      text-decoration: none;
      color: #434a54; }
  .more-items img {
    width: 100%;
    height: auto; }
  .more-items .product-img {
    transition: all 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    -webkit-transition: all 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    box-shadow: 0 0 12px transparent; }
    .more-items .product-img:hover {
      box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
      border-radius: 10%; }

.special-more {
  background-color: #edf3fb; }

/*Horizontal products on details page*/
.maybe-this {
  background: #ffffff;
  position: relative;
  color: #000000;
  padding: 0px;
  text-align: center;
  margin-top: 10px; }
  .maybe-this h6 {
    color: #000000;
    display:none}
  .maybe-this h3 {
    color: #000000;
text-align:center;}

.horizontal.more-items {
  float: left;
  width: 100%;
  border-radius: 0 0 15px 15px;
  padding-top: 40px;
  margin-top: -25px;
  display: flex;
  justify-content: center; }
  @media only screen and (max-width: 480px) {
    .horizontal.more-items .trin-8 {
      width: 100%; } }
  @media only screen and (min-width: 481px) and (max-width: 991px) {
    .horizontal.more-items .trin-8 {
      width: 100%; } }
  @media only screen and (max-width: 480px) {
    .horizontal.more-items .trin-8 a {
      line-height: 12px !important; } }
  @media only screen and (min-width: 481px) and (max-width: 991px) {
    .horizontal.more-items .trin-8 img {
      width: 60% !important;
      margin: 0 auto !important;
      display: block !important; } }
  @media only screen and (max-width: 480px) {
    .horizontal.more-items .trin-8 img {
      width: 60% !important;
      margin: 0 auto !important;
      display: block !important; } }

@media only screen and (min-width: 481px) and (max-width: 991px) {
  .product-details-section .gutter {
    width: 100% !important; } }

@media only screen and (max-width: 480px) {
  .product-details-section .gutter {
    width: 100% !important; } }

@media only screen and (max-width: 480px) {
  .product-details-section .gutter .more-items.special-more .product-img {
    width: 60% !important;
    margin: 0 auto !important;
    display: block !important; } }

@media only screen and (min-width: 481px) and (max-width: 991px) {
  .product-details-section .gutter .more-items.special-more .product-img {
    width: 60% !important;
    margin: 0 auto !important;
    display: block !important; } }

@media only screen and (max-width: 480px) {
  .product-details-section .gutter .more-items.special-more, .product-details-section .gutter .more-items.special-more .trin-1 {
    width: 100%; } }

@media only screen and (min-width: 481px) and (max-width: 991px) {
  .product-details-section .gutter .more-items.special-more, .product-details-section .gutter .more-items.special-more .trin-1 {
    width: 50%; } }

@media only screen and (max-width: 480px) {
  .product-details-section .gutter .more-items .trin-1 {
    width: 100%;
    float: left; } }

@media only screen and (min-width: 481px) and (max-width: 991px) {
  .product-details-section .gutter .more-items .trin-1 {
    width: 50%;
    float: left; } }

/*SNAP TO TOP page anchor menus*/
.snap-to-top {
  position: absolute;
  top: -1000px;
  background-color: white;
  width: 100%;
  z-index: 9;
  left: 0;
  text-align: center;
  border-bottom: 6px solid #44a35c;
  -webkit-box-shadow: -12px 0 32px #b7b7b7;
  box-shadow: -12px 0 32px #b7b7b7; }
  @media only screen and (min-width: 481px) and (max-width: 991px) {
    .snap-to-top {
      font-size: 12px;
      display:none !important;
      } }
  @media only screen and (max-width: 480px) {
    .snap-to-top {
      font-size: 12px; } }
  .snap-to-top h1 {
    float: left;
    line-height: 25px;
    font-size: 1.7em;}
    @media only screen and (max-width: 480px) {
      .snap-to-top h1 {
        margin-left: 10px;
        float: none;
        text-align: center;
		line-height:25px} }
  .snap-to-top .snap-to-top-menu {
    float: right;
    margin-right: 15px;
    margin-top: 10px; }

.more-info-menu {
  position: absolute;
  right: 30px;
  top: 10px; }

@media (max-width: 1400px) {
.more-info-menu {
    position: relative;
    right: auto;
	margin-bottom:25px;
}}

  @media only screen and (min-width: 481px) and (max-width: 991px) {
    .more-info-menu {
      position: relative;
      right: auto; } }
  @media only screen and (max-width: 480px) {
    .more-info-menu {
      position: relative;
      right: auto; } }

.more-info-menu-item {
    cursor: pointer;
    margin: 0 1px;
    text-decoration: none;
    padding: 4px 15px;
    color: #fff !important;
    background-color: #000;
    font-weight: normal !important;
}

@media (max-width: 600px) {
    .more-info-menu-item {
            display: block;
    text-align: center;
        border-bottom: 1px solid white;
}
    
.hide {
    display: none !important;
}
}



[data-page-anchor="spnAddlInfo_Disclaimer"] {
	display:none
}


#divAddlInfo_Disclaimer h2 {
	background-color:white !important;
}

#divAddlInfo_Disclaimer .shop-divider-hr {
	display:none;
}

[data-page-anchor="spnAddlInfo_EnjoyTheGoodGlobal"] {
	display:none
}

[data-page-anchor="spnAddlInfo_PowerPops2.0"] {
	display:none
}




#divAddlInfo_EnjoyTheGoodGlobal h2, #divAddlInfo_EnjoyTheGoodGlobal h6 {
}

#divAddlInfo_EnjoyTheGoodGlobal .shop-divider-hr {
	display:none;
}

.MagicScroll.mcs-rounded {
    border-top: 1px solid #cbcbcb;
    border-bottom: 0px solid #cbcbcb;
    border-right: 0px solid #cbcbcb;
    border-left: 0px solid #cbcbcb;
    border-radius: 0px;
}


#ctl00_ContentPlaceHolder1_pnlAddlContentContainer .shop-title-section h2 {
    background-color: #fff;
    color: #000;
    font-size: 2.3em;
    margin-bottom: 0px;
    line-height: 36px;
    padding: 9px 24px 10px 24px;
}

#ctl00_ContentPlaceHolder1_pnlAddlContentContainer .shop-title-section h6 {
    background-color: #fff;
    color: #000;
    line-height: 20px;
    margin-top: -1px;
    padding: 7px 18px 21px 18px;
	font-size: 1.3em;
    display:none;
}

.questions {
  position: relative; }

.question-prod {
  background-color: #a38a6b;
  color: white;
  padding: 8px;
  font-size: 21px; }

.item-num {
  background-color: #7b6b57;
  color: white;
  padding: 5px 0 5px 10px; }

.question-text {
  padding: 5px;
  font-size: 16px; }
  .question-text strong {
    font-weight: 600; }

.tank {
  position: relative; }
  @media only screen and (max-width: 480px) {
    .tank {
      height: auto; } }

.cart-product-img {
  position: relative; }

.chiclet-pe, .chiclet-pr, .chiclet-cv {
  font-size: 10px;
  text-transform: none !important;
  background: #434a54;
  color: #fff;
  padding: 0 4px;
  position: absolute;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 2px;
  cursor: default;
  width: 80px;
  border-radius: 5px;
  text-align: left;
  opacity: 0.8; }
  .chiclet-pe a, .chiclet-pr a, .chiclet-cv a {
    text-decoration: none;
    color: white !important;
    padding: 0;
    margin: 0; }
  .chiclet-pe span, .chiclet-pr span, .chiclet-cv span {
    text-align: right;
    float: right; }

.chiclet-pe {
  background: #3e6fae;
  right: 10px;
  bottom: 60px; }

.chiclet-pr {
  background: #967dda;
  right: 10px;
  bottom: 30px; }

.chiclet-cv {
  background: #e4ab3a;
  right: 10px;
  bottom: 0px; }

.cart-chiclets {
  float: right;
  margin-top: 20px; }
  .cart-chiclets .chiclet-pe {
    position: static;
    display: block;
    margin-bottom: 4px; }
    .cart-chiclets .chiclet-pe span {
      position: static; }
  .cart-chiclets .chiclet-pr {
    position: static;
    display: block;
    margin-bottom: 4px; }
    .cart-chiclets .chiclet-pr span {
      position: static; }
  .cart-chiclets .chiclet-cv {
    position: static;
    display: block;
    margin-bottom: 4px; }
    .cart-chiclets .chiclet-cv span {
      position: static; }

/*Addons and Variations box style*/
.extras .pullout {
  padding: 8px; }

.extras {
  position: relative;
  margin-top: 20px; }
  .extras .label {
    margin: 8px 0 5px 2px;
    display: block;
    line-height: normal !important; }
  .extras .riSingle {
    width: 100% !important; }
    .extras .riSingle input {
      border: 1px solid #ffffff !important;
      font-size: 16px !important;
      background: #fcfcfc !important; }
  .extras .SCNProductAddOnError {
    background-color: rgba(255, 0, 0, 0.7);
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
    margin-bottom: 15px;
    border-left: solid 10px #dd0f0f;
    color: #fff;
    text-align: left;
    font-size: 16px;
    font-family: inherit;
    display: block; }
  .extras h4 {
    font-size: 28px;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.8); }

.addon-section {
  position: relative; }

.addon-section-indent {
  margin-left: 30px;
  width: 93%;
  float: right; }

.variations-bg {
  background-color: #fbe3b8; }
  .variations-bg .frame.pullout {
    background-color: rgba(255, 255, 255, 0.35);
    color: #434a54; }

.addons-bg {
  background-color: #d5cbf0; }
  .addons-bg .frame.pullout {
    background-color: rgba(255, 255, 255, 0.35);
    color: #434a54; }

.addons-bg input[type="text"], .addons-bg input[type="password"] {
  width: 100% !important;
  height: 47px !important; }

.variations-bg input[type="text"], .variations-bg input[type="password"] {
  width: 100% !important;
  height: 47px !important; }

.SCNProductDetailItemsRemaining {
  padding: 10px;
  background-color: #a69074;
  color: white;
  font-size: 18px;
  border-left: 10px solid #d0b38e; }

.SCNProductDetailOutOfStock {
  padding: 10px;
  background-color: #a69074;
  color: white;
  font-size: 18px;
  border-left: 10px solid #d0b38e; }

/*AUTO SHIP WIDGET*/
.auto-ship-widget {
    /* -webkit-box-shadow: inset 3px 3px 30px -5px rgba(0, 0, 0, 0.43); */
    -moz-box-shadow: inset 3px 3px 30px -5px rgba(0, 0, 0, 0.43);
    /* box-shadow: inset 3px 3px 30px -5px rgba(0, 0, 0, 0.43); */
    margin-bottom: 30px;
    background-color: #ffffff;
    overflow: auto;
    zoom: 1;
    color: #6f6f77; }

.auto-ship-widget br {
	display:none;
}



  .auto-ship-widget .RadDropDownList {
    width: auto !important;
    height: 30px !important;
    display: inline-block !important; }
    .auto-ship-widget .RadDropDownList .rddlInner {
      height: 30px !important;
      margin-left: 10px; }
  .auto-ship-widget .title h5 {
    color: #8affff; }
  @media only screen and (min-width: 481px) and (max-width: 991px) {
    .auto-ship-widget .title {
      width: 100%;
      margin-bottom: 5px !important;
      text-align: center; } }
  @media only screen and (max-width: 480px) {
    .auto-ship-widget .title {
      width: 100%;
      margin-bottom: 5px !important;
      text-align: center; } }

.auto-ship-image {
  height: 59px;
  background-image: url("/MemberToolsDotNet/art/new-auto-ship-logo.png");
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain; }
  @media only screen and (min-width: 481px) and (max-width: 991px) {
    .auto-ship-image {
      margin-top: 5px;
      width: 100%;
      background-position: center; } }
  @media only screen and (max-width: 480px) {
    .auto-ship-image {
      margin-top: 5px;
      width: 100%;
      background-position: center; } }


  @media only screen and (max-width: 700px) {
#ctl00_ContentPlaceHolder1_pnlAddlContentContainer .shop-title-section h2 {
    line-height: 36px;
    padding: 10px 24px 0px 24px; }
      
#ctl00_ContentPlaceHolder1_pnlAddlContentContainer .shop-title-section h6 {
    padding: 7px 18px 9px 18px;
    font-size: 1.3em; } }

.AutoshipBlockContainingTable {
  width: 100%;
  border: none;
  border-collapse: collapse; }

.ASRemoveLink {
  font-size: 10px; }

.deliver-every-text {
  float: left;
  margin-left: 10px;
  line-height: 32px;
  clear: both; }

input.auto-widget-input {
  height: 30px;
  width: 40px;
  color: #434a54;
  float: left;
  margin-left: 10px;
  background: #fcfff4;
  border-radius: 4px; }

select.auto-widget-select {
  height: 30px !important;
  width: 125px !important;
  color: #434a54;
  float: left;
  margin-left: 10px;
  border-radius: 4px;
  padding: 0 10px 0 5px;
  font-size: 14px; }

.ASFreqControls {
  height: 20px;
  border: solid 1px;
  border-color: #CCCCCC;
  font-family: Calibri, Verdana;
  font-size: 8pt; }

.ASChangeFreqDiv {
  /* this must be display: none  */
  display: none;
  background-color: #aefaa8;
  padding: 5px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px; }

.ASChangeFreqText {
  font-size: 11px; }

.fancycheck input[type=checkbox] {
  float: left; }

/*POP IMG*/
.SCNCartPopImagesContainerCell {
  margin: 5px; }
  .SCNCartPopImagesContainerCell img {
    border: solid 2px #666e78 !important; }

.SCNCartPopImagesTableHeader {
  font-size: 8pt;
  border-bottom-style: none;
  border-bottom-width: 1px;
  border-bottom-color: #CCCCCC; }

.SCNCartPopImagesTable {
  margin: 5px;
  border: none;
  width: 100%;
  font-size: 8pt; }

.SCNCartPopImagesTableHeader {
  text-align: center; }

/*ribbons*/
.normal-ribbon {
  position: absolute;
  top: 15px;
  right: -10px;
  padding: 5px;
  background-color: #3fbb9b;
  color: white; }

.normal-ribbon:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  right: 0px;
  top: 100%;
  border-width: 5px 5px;
  border-style: solid;
  border-color: #666 transparent transparent #666; }

.normal-ribbon:before {
  content: ' ';
  position: absolute;
  width: 20px;
  height: 0;
  left: -20px;
  top: 0px;
  border-width: 16px 10px;
  border-style: solid;
  border-color: #3fbb9b #3fbb9b #3fbb9b transparent; }

.corner-ribbon {
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right; }
  .corner-ribbon span {
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 100px;
    display: block;
    background: #79A70A;
    background: linear-gradient(#9BC90D 0%, #79A70A 100%);
    box-shadow: 0 3px 7px -5px black;
    position: absolute;
    top: 19px;
    right: -21px; }

.corner-ribbon span::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A; }

.corner-ribbon span::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A; }

/*product swatches on Details page*/
#SwatchImagesDiv {
  margin-top: 30px; }

#SwatchTitleDiv {
  font-weight: bold; }

#SwatchWarningDiv {
  font-size: 13px;
  margin-bottom: 10px; }

.SCNSwatchCell {
  width: 25%; }

.SCNSwatchCell * {
  display: block;
  margin: 0 auto;
  margin-top: 10px; }

.SCNSwatchCell br {
  display: none; }

.SCNSwatchCell img {
  margin-bottom: 3px; }

/*REVIEWS BOX MAJOR EDITS JR 2025 - I HID THE REVIEWS AND MINIMIZED THE SIZE SO ONLY A BUTTON IS THERE*/
.reviews-box {
    padding: 0px;
    border: none;
    border-radius: 0px;
    margin-top: 21px;
}
  .reviews-box.trin-1 {
    padding-left: 0; }
.reviews-box h4 {
    background: #fff !important;
    padding: 26px 0px 14px 6px;
    margin-top: 0;
    border-radius: 0px;
    color: 000;
	display:none;
}
.testimonialsub {
	color: white;
    letter-spacing: 7px;
    font-size: .7em;
}
  .reviews-box p {
    padding: 10px; }
  .reviews-box .btn-link {
    padding: 5px;
    margin: 30px;
    font-size: 15px;
    letter-spacing: 1px;
}
  .reviews-box .SCNInnerReviewTable {
    background: rgba(204, 204, 204, 0.24);
    margin: 10px;
    margin-bottom: 30px;
    display: none;
    padding: 15px 20px 10px 20px; }
    .reviews-box .SCNInnerReviewTable hr {
      margin-top: 3px;
      margin-bottom: 10px; }
    .reviews-box .SCNInnerReviewTable .SCNReviewNameLocation strong {
      font: 500 25px/1.3 "Sintony", "Helvetica Neue, Helvetica, Arial", sans-serif !important;
      color: #44a35c;
      text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
      margin-right: 10px; }
    .reviews-box .SCNInnerReviewTable .SCNReviewTitle {
      font-weight: 400;
      font-size: 22px; }
  .reviews-box .SCNReviewPostDate {
    font-style: italic;
    color: #666e78;
    text-align: right;
    display: block; }
  .reviews-box .shop-divider-hr {
    border-top: 1px dotted rgba(147, 147, 147, 0.35); }
  .reviews-box .review-btn {
    padding: 10px;
    margin-bottom: 0px;
    text-align: center;
}
    .reviews-box .review-btn a {
      background-color: #000;
}

/* social media classes*/
.share-bg {
  background-color: #f3f5f6;
  padding: 10px 0 5px 0;
  overflow: auto; }

.socialmedia-cta {
  font-size: 18px;
  margin: 10px;
  display: block; }

.socialmedia-fb,
.socialmedia-tw,
.socialmedia-pin,
.socialmedia-share {
  float: left;
  margin-left: 10px; }

.kit-product-row input.FirestormStandardTextBox {
  width: 40px; }

.chiclet-pe, .chiclet-pr, .chiclet-cv, .chiclet-pv {
  font-size: 11px;
  text-transform: none !important;
  background: #434a54;
  color: #fff;
  padding: 0 6px;
  position: absolute;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 2px;
  cursor: default;
  width: 86px;
  border-radius: 5px;
  text-align: left;
  opacity: 0.8; }

.chiclet-pe a, .chiclet-pr a, .chiclet-cv a, .chiclet-pv a {
  text-decoration: none;
  color: white !important;
  padding: 0;
  margin: 0; }

.chiclet-pe span, .chiclet-pr span, .chiclet-cv span, .chiclet-pv span {
  text-align: right;
  float: right; }

.chiclet-pe {
  background: #3e6fae;
  right: 10px;
  bottom: 90px; }

.chiclet-pr {
  background: #967dda;
  right: 10px;
  bottom: 60px; }

.chiclet-cv {
  background: #bf8f2f;
  right: 10px;
  bottom: 30px; }

.chiclet-pv {
  background: #3fbb9b;
  right: 10px;
  bottom: 0px; }

.cart-chiclets {
  float: right;
  margin-top: 20px; }

.cart-chiclets .chiclet-pe {
  position: static;
  display: block;
  margin-bottom: 4px; }

.cart-chiclets .chiclet-pe span {
  position: static; }

.cart-chiclets .chiclet-pr {
  position: static;
  display: block;
  margin-bottom: 4px; }

.cart-chiclets .chiclet-pr span {
  position: static; }

.cart-chiclets .chiclet-cv {
  position: static;
  display: block;
  margin-bottom: 4px; }

.cart-chiclets .chiclet-cv span {
  position: static; }

.cart-chiclets .chiclet-pv {
  position: static;
  display: block;
  margin-bottom: 4px; }

.cart-chiclets .chiclet-pv span {
  position: static; }

a[data-zoom-id] img, .mz-thumb img {
    box-shadow: none !important;
    height: auto !important; }

.pop-img-box {
  margin-top: 40px;
  text-align: left !important; }
  @media only screen and (min-width: 481px) and (max-width: 991px) {
    .pop-img-box {
      text-align: center !important; } }

@media only screen and (min-width: 481px) and (max-width: 991px) {
  .details-img {
    text-align: center !important; } }

div.pop-img-box span.pop-img-cell {
  float: left !important;
  font-size: 10px;
  text-align: center; }

div.pop-img-box span.pop-img-title {
  width: 50px; }

span.pop-img-cell {
  width: 33%;
  height: 100px; }

@font-face {
  font-family: "TelerikWebUI";
  src: url("Common/TelerikWebUI.eot");
  src: url("Common/TelerikWebUI.eot") format("embedded-opentype"), url("Common/TelerikWebUI.woff") format("woff"), url("Common/TelerikWebUI.ttf") format("truetype"); }

.rddlIcon {
  width: 1em;
  height: 1em;
  background-image: none !important;
  font: 22px / 1 "TelerikWebUI";
  text-transform: none;
  display: inline-block;
  vertical-align: middle;
  color: #000; }

.rddlIcon:before, .rddlIcon:before {
  content: "\e002";
  color: #222;
  right: 5px;
  top: 15px;
  position: relative; }

/*Colors for the drop down arrows in these areas:*/
.variations-bg .rddlIcon:before {
  color: #c3953e; }

.addons-bg .rddlIcon:before {
  color: #3c3257; }

/*combined default Telerik Skin with the Telerik Base of  drp dwn list- items with ! overide default skin that comes AFTER THEM*/
.RadDropDownList {
  width: 100% !important;
  line-height: 44px !important;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  cursor: default;
  color: #333 !important; }

.RadDropDownList .rddlInner {
  padding: 4px 2em 4px 10px;
  border-width: 1px;
  border-style: solid;
  background-repeat: repeat-x;
  background-position: 0 0;
  display: block;
  position: relative;
  border-color: #fff !important;
  color: #434a54 !important;
  background-color: #e8e8e8 !important;
  background-image: linear-gradient(transparent, transparent) !important;
  border-radius: 3px  !important;
  background-color: #e6e6e6 !important;
  background-image: linear-gradient(white, #e6e6e6) !important; }

.RadDropDownList .rddlFakeInput {
  width: 100% !important;
  height: 44px !important;
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 16px !important; }

.RadDropDownList .rcbDisabled .rddlFakeInput {
  opacity: 1; }

.RadDropDownList .rddlEmptyMessage, .RadDropDownList .rddlDefaultMessage {
  font-style: italic;
  filter: alpha(opacity=80);
  opacity: .6 !important; }

.RadDropDownList .rddlSelect {
  padding: 4px;
  min-width: 1em;
  text-align: center;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: auto;
  box-sizing: content-box; }

.RadDropDownList .rddlSelect:before {
  content: ".";
  width: 0;
  vertical-align: middle;
  display: inline-block;
  overflow: hidden; }

.RadDropDownList .rrdlLabel {
  vertical-align: top;
  padding-right: 10px;
  line-height: 22px; }

.RadDropDownList .rddlDisabled {
  filter: alpha(opacity=50);
  opacity: .5; }

.RadDropDownList_rtl, .RadDropDownList[dir="rtl"] {
  text-align: right; }

.RadDropDownList_rtl .rddlInner, .RadDropDownList[dir="rtl"] .rddlInner {
  padding-left: 2em;
  padding-right: 10px; }

.RadDropDownList_rtl .rddlSelect, .RadDropDownList[dir="rtl"] .rddlSelect {
  left: 0;
  right: auto; }

.RadDropDownList_rtl .rrdlLabel, .RadDropDownList[dir="rtl"] .rrdlLabel {
  padding-left: 10px;
  padding-right: 0; }

.rddlSlide, .rddlDropDownSlide {
  float: left;
  display: none;
  position: absolute;
  overflow: hidden;
  z-index: 7000; }

.rddlPopup {
  border-width: 1px;
  border-style: solid;
  text-align: left;
  cursor: default;
  position: relative;
  line-height: 1.42857143;
  border-color: #bbb !important;
  color: #333 !important;
  background-color: #fff !important; }

.rddlPopup .rddlHeader, .rddlPopup .rddlFooter {
  padding: 4px 10px;
  border-width: 0;
  border-style: solid; }

.rddlPopup .rddlHeader {
  margin-bottom: 1px;
  border-bottom-width: 1px;
  border-color: #bbb  !important; }

.rddlPopup .rddlFooter {
  margin-top: 1px;
  border-top-width: 1px;
  border-color: #bbb  !important; }

.rddlPopup .rddlList {
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  box-sizing: border-box; }

.rddlPopup .rddlItem {
  margin: 0;
  padding: 4px 10px;
  min-height: 13px;
  font-size: 16px;
  color: inherit; }

.rddlPopup .rddlItem > label {
  margin: -4px -10px;
  padding: 4px 10px;
  display: block; }

.rddlPopup .rddlItemDisabled {
  filter: alpha(opacity=50);
  opacity: .5; }

.rddlPopup_rtl {
  text-align: right;
  direction: rtl; }

.RadDropDownList .rddlHovered {
  border-color: #fff !important;
  color: #000 !important;
  background-color: #fff !important;
  background-image: linear-gradient(#ffffff, #dbdbdb) !important; }

.RadDropDownList .rddlFocused {
  border-color: #fff !important;
  color: #434a54 !important;
  background-color: #bababa !important;
  background-image: linear-gradient(#dbdbdb, #ffffff) !important; }

.rddlPopup .rddlItemHovered, .rddlPopup .rddlItemLoading {
  color: #000 !important;
  background-color: orange !important; }

.rddlPopup .rddlItemSelected {
  color: #fff !important;
  background-color: darkorange !important; }

#RadAjaxLoadingPanel1ProductDetailDiv {
  z-index: 10 !important; }

/*SELECT BOXES and LANGUAGE SWITCHER*/
.sort-by {
  border-bottom: 1px solid #ddd;
  margin: 5px; }
  .sort-by select#cboProductListSortCombo {
    height: 20px;
    font-size: 12px;
    background-size: 8px;
    padding: 0 15px 0 4px;
    width: 250px !important;
    margin: 0 16px 5px 0; }
    @media only screen and (max-width: 480px) {
      .sort-by select#cboProductListSortCombo {
        margin: 0 10px 5px 0; } }

select {
  height: 50px;
  background-color: white;
  font-size: 16px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iZHduLWFycm93IiBkYXRhLW5hbWU9ImR3bi1hcnJvdyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNS4yIDQuNSI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5kd24tYXJyb3ctY29sb3IgewogICAgICAgIGZpbGw6ICMyYzJjMmM7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDx0aXRsZT5kd24tYXJyb3c8L3RpdGxlPgogIDxwYXRoIGNsYXNzPSJkd24tYXJyb3ctY29sb3IiIGQ9Ik0wLjQ2LDAuNTRoNS4yTDMuMDYsNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjQ2IC0wLjU0KSIvPgo8L3N2Zz4=);
  background-position: right 10px center, top 0 center;
  background-repeat: no-repeat, repeat-x;
  background-size: 10px 10px, 100%;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #222222 !important;
  padding: 10px 30px 10px 10px;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  margin-bottom: 10px; }

svg .dwn-arrow-color {
  fill: #fc1a1a !important; }

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

.language-wrap {
    background-color: transparent;
    text-align: center;
    position: absolute;
    top: -16px;
    right: 0px;
    z-index: 150;
}

  .language-wrap .frame {
    position: relative; }
  .language-wrap select {
    display:none;
	 margin-top: 0;
    background-color: #fff;
    font-size: 13px !important;
    height: 32px;
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20276.7%20153%22%20enable-background%3D%22new%200%200%20276.7%20153%22%3E%3Cstyle%3E.arrow%7Bfill%3A#ddd%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M276.7%200H0l138.2%20153z%22%20%2F%3E%3C%2Fsvg%3E) !important;
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 10px;
    border-radius: 0px;
    border: 1px solid transparent;
    color: #777 !important;
    padding: 0 25px 0 5px;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    margin-bottom: 10px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 700;
    width: 100px;
    margin-right: 15px; }
  .language-wrap select::-ms-expand {
    display: none; }


#st-el-10 .st-btn[data-network='blm'] {
    background-color: #000000;
    display: none !important;
}

/* end select boxes*/
@media only screen and (max-width: 480px) {
  .SCNIndividualProductBox .product-info {
    padding: 0; } }

@media only screen and (max-width: 480px) {
  .SCNIndividualProductBox hr {
    display: none; } }

@media only screen and (max-width: 480px) {
  .frame.fit p, .frame.fit h4 {
    padding: 0 10px; } }

.SCNProductDetailsDiv .frame h4 {
  padding: 0; }

li.mail {
  word-break: break-all; }

@media only screen and (min-width: 481px) and (max-width: 991px) {
  .product-details-section .details-img, .product-details-section .details-details, .product-details-section trin-6 {
    width: 100% !important; } }

@media only screen and (max-width: 480px) {
  .product-details-section .details-img, .product-details-section .details-details, .product-details-section trin-6 {
    width: 100% !important; } }

@media only screen and (max-width: 480px) {
  .begin-chk-section {
    height: 104px; } }

@media only screen and (max-width: 480px) {
  .begin-chk-section .SCNProductDetailStatusMessage {
    padding: 12px; } }

@media only screen and (max-width: 480px) {
  .begin-chk-section p {
    font-weight: 600;
    font-size: 12px;
    padding: 0;
    line-height: 13px; } }

@media only screen and (max-width: 480px) {
  .begin-chk-section .btn-link {
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap; } }

/*PRODUCT being added SPINNER*/
.spinner {
  position: absolute;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 35px 0 25px;
  border-radius: 100%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 150px;
  top: 40%; }
  @media only screen and (max-width: 480px) {
    .spinner {
      top: 30%; } }

.spinner > div {
  width: 28px;
  height: 28px;
  background-color: #44a35c;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.spinner2 {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0; }

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #44a35c;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out; }

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; }

@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0); }
  50% {
    -webkit-transform: scale(1); } }

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0); }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

/*MODAL*/
.modal-container {
  display: none;
  position: fixed;
  z-index: 2000;
  background: #f5f7fa;
  border-bottom: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-clip: padding-box; }

.modal-no-js .modal-container {
  display: block; }

.modal-sml {
  max-width: 430px;
  width: 430px; }

.modal-med {
  max-width: 960px;
  width: 80%; }

.modal-lrg {
  max-width: 1440px;
  width: 90%; }

.modal-container header,
.modal-container .modal-header {
  padding: 1.25em 1.5em;
  border-bottom: 1px solid #ddd;
  background-color: #666e78; }

.modal-container header h3,
.modal-container header h4,
.modal-container .modal-header h3,
.modal-container .modal-header h4 {
  margin: 0;
  color: white; }

.modal-container .modal-body {
  padding: 2em 1.5em; }

.modal-container footer,
.modal-container .modal-footer {
  padding: 1.5em;
  border-top: 1px solid #ddd;
  background: rgba(0, 0, 0, 0.04);
  text-align: right; }

.modal-overlay {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3) !important; }

a.close {
  line-height: 1;
  font-size: 1.5em;
  position: absolute;
  top: 15px;
  right: 20px;
  text-decoration: none;
  color: #e8e8e8; }
  a.close i {
    font-size: 35px; }
  a.close:hover {
    color: #44a35c;
    -webkit-transition: color 1s ease;
    -moz-transition: color 1s ease;
    transition: color 1s ease; }

.modal-container .btn {
  width: 100% !important;
  font-size: 14px;
  padding: 0.55em 1.5em;
  background-color: #fff;
  border: 1px solid #bbb;
  color: #333 !important;
  text-decoration: none;
  display: inline;
  text-align: center;
  border-radius: 4px;
  -webkit-transition: background-color 1s ease;
  -moz-transition: background-color 1s ease;
  transition: background-color 1s ease; }

.modal-container .btn:hover {
  background-color: #666e78;
  color: white; }

@media (max-width: 480px) {
  .modal-container {
    width: 98% !important; }
  .modal-container a.btn {
    display: block; } }

/*FIND A PARTY TOOL FORM:*/
.party-hostess-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  vertical-align: middle;
  margin: 3px 5px; }

.find-party {
  color: #44b0d8; }

.party-search-results input.shop-btn.shop-btn-mini {
  background-color: #8dbf58;
  vertical-align: middle;
  margin: 5px; }

.continue-as-guest.FirestormStandardButton {
  background-color: #434a54 !important; }

.search-party.FirestormStandardButton {
  background-color: #8dbf58 !important;
  width: 100%; }

.party-search-results table {
  line-height: 12px; }

.party-search-results table th {
  line-height: 26px; }

.party-search-results caption {
  margin: 10px 0; }

/*cart view page and it's mobile styles:*/
#cart-panel .panel-heading {
  padding: 0 0.8em; }

.cart-product-1 input.input-text.qty {
  margin-bottom: 0 !important;
  padding: 0;
  text-align: center;
  font-weight: 700;
  width: 58px;
  height: 38px;
  border: 1px dotted #505050;
  font-size: 14px;
  border-radius: 8px; }

/*cart totals area mobile*/
.cart-product-price .value {
  margin-top: 20px; }

.cart-product-row .trin-9 .value {
  word-break: break-all; }

.cart-product-row .trin-9 {
  padding-right: 0;
  padding-left: 0; }

#ctl00_ContentPlaceHolder1_lblPoints {
	display:none;
}

@media (max-width: 50em) {
  .cart-product-row h4 {
    margin: 0; }
  .cart-product-row .cart-info {
    width: 100%; }
  .cart-product-row .cart-product-1.trin-9 {
    width: 20%;
    position: absolute;
    top: 40px;
    padding: 5px 10px !important; }
  .cart-product-row .trin-9 {
    width: 20%;
    font-size: 12px;
    padding: 5px 1px !important; }
    .cart-product-row .trin-9 .value {
      word-break: break-all; }
  .cart-product-row .cart-info .cart-product-img {
    width: 50%;
    float: none;
    margin: 0 auto; }
  .cart-product-row .cart-info .cart-product-details {
    width: 100%;
    text-align: center; }
    .cart-product-row .cart-info .cart-product-details .AutoshipBlockContainingTable {
      text-align: center; }
      .cart-product-row .cart-info .cart-product-details .AutoshipBlockContainingTable .ASChangeFreqDiv {
        background-color: #3fbb9b; }
      .cart-product-row .cart-info .cart-product-details .AutoshipBlockContainingTable input {
        height: auto;
        width: auto; }
  .sub-total {
    /*cart totals footer- subtotals mobile:*/
    font-size: 12px !important; }
    .sub-total .sub-total-0 {
      display: none;
      /*removes the SUBTOTAL: text from cart footer on mobile*/ }
    .sub-total .trin-9 {
      width: 16.66667%;
      padding: 10px 2px !important; }
	 .second-header .second-1-cell {
    display: block; }
  .second-header .second-2-cell {
    display: none; }
	.cart-product-2 span {
		padding-left:25px;
	}
  .second-header .trin-6 {
    /*change to a trin-5 width lower font size*/
    width: 20%;
    font-size: 10px;
    line-height: 12px;
    padding: 5px 3px !important; } }

.cart-product-6 .value {
  font-weight: 600; }

.second-header {
  background-color: #666e78;
  color: white; }

.sub-total-6 .value {
  font-weight: 600; }

/*quantity box and REMOVE link style*/
.remove-link {
  display: block;
  text-align: center;
  margin-top: 20px;
  font-size: 11px;
  width: 58px;
  background-color: #000;
  color: #ffffff;
  float: right;
  border-radius: 4px;
  padding: 2px 5px; }
  @media only screen and (max-width: 480px) {
    .remove-link {
      margin-top: 0; } }
  .remove-link:hover {
    background-color: #5b5b5b;
    color: #ffffff; }

.refresh-link {
  display: block;
  text-align: center;
  margin-top: 5px;
  font-size: 11px;
  width: 58px;
  background-color: #000;
  color: #ffffff;
  border-radius: 4px;
  padding: 2px 5px; }
  .refresh-link:hover {
    background-color: #5b5b5b;
    color: #ffffff; }

a.ASAddButton {
    background-color: #000;
    color: #fff;
	margin-top:14px;
}

a.ASAddButton:hover {
    background-color: #5b5b5b;
    color: #fff;
}

/*css created combo box*/
.dropdown {
  position: relative;
  display: inline-block; }

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 260px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); }
  .dropdown-content a {
    display: block;
    padding: 12px;
    border-bottom: 1px solid #666;
    color: #434a54;
    text-decoration: none; }
    .dropdown-content a:hover {
      color: #363b43;
      background-color: #daedde !important; }
  .dropdown-content a:last-child {
    border-bottom: none; }

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

/*STYLES FOR COMPLETED ORDER PRINTED PAGE*/
.FirestormPage_ShoppingCartPrintableReceiptv4_aspx .print-logo {
  display: none; }

.FirestormPage_ShoppingCartPrintableReceiptv4_aspx .print-logo img {
  width: 180px !important; }

@media print {
  .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .print-heading {
    font-size: 18px !important;
    font-weight: 500 !important; }
  .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .main-content {
    min-height: 0px; }
  .FirestormPage_ShoppingCartPrintableReceiptv4_aspx * {
    color: #000 !important;
    font-size: 11px !important; }
  .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .spotlight {
    font-size: 30px !important; }
  .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .print-me,
  .FirestormPage_ShoppingCartPrintableReceiptv4_aspx #header,
  .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .replicated,
  .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .language-wrap,
  .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .helpful-links,
  .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .title-bar-section,
  .FirestormPage_ShoppingCartPrintableReceiptv4_aspx #CheckoutProgressBar,
  .FirestormPage_ShoppingCartPrintableReceiptv4_aspx footer,
  .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .SCNFRRecurringOrderDescriptionText {
    display: none !important; }
  .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .print-logo {
    display: block !important; }
  .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .panel,
  .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .panel-body,
  .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .pullout,
  .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .trin-1,
  .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .shop-push-small {
    margin: 0 !important;
    padding: 0 !important; }
  .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .border-item {
    border-left: 6px solid #4d4d4d !important; }
  .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .review-section-info {
    padding: 0 !important;
    line-height: 12px !important; } }

.visible-xs,
.visible-md,
.visible-lg {
  display: none; }

@media (max-width: 30em) {
  .hidden-xs {
    display: none; }
  .visible-xs {
    display: block; } }

@media (min-width: 30em) and (max-width: 50em) {
  .hidden-md {
    display: none; }
  .visible-md {
    display: block; } }

@media (min-width: 50em) and (max-width: 68.75em) {
  .hidden-lg {
    display: none; }
  .visible-lg {
    display: block; } }

.SCNProductListImage {
  width: 100% !important;
max-height: none !important;
min-height: 0px !important;
  border: none;
  margin: 0 auto;
  display: block; }

@media only screen and (max-width: 480px) {
  .SCNProductListImage {
    width: 295px !important;
    height: auto !important;
    margin: 0 auto;
    display: block;
    max-height: none !important;
    min-height: none !important; } }

/*Special JOIN button*/
.menu ul li > a[href*="MG=7"] {
  background-color: transparent;
    min-width: 90px;
}

.menu ul li > a[href*="MG=7"]:hover {
  background-color: #d6d6d6; }

.menu ul li > a[href*="MG=73"] {
  background-color: transparent; }

.menu ul li > a[href*="MG=73"]:hover {
  background-color: #d6d6d6; }


.menu ul li > a[href*="MG=42"] {
  background-color: #fff;
    font-weight:normal;
    min-width: 90px;
}

/*.menu ul li > a[href*="MG=42"]:hover {
  background-color: #fff; }*/


.menu ul li ul li a {
  background-color: transparent !important; }

.menu ul li > a {
  height: 47px; }

.mini-menu span.categories-list ul li a {
  margin-left: 0px !important; }

/*Referrer styles [austin]*/
#roundRobinCheckMark {
    color: green;
    margin-left: 20px;
    margin-right: 20px;
    opacity: 0;
}

#roundRobinCheckMark.activate {
    color: #green;
    margin-left: 20px;
    margin-right: 20px;
    opacity: 0;
    -webkit-animation-name: example;
    -webkit-animation-duration: 3s; 
    animation-name: example;
    animation-duration: 3s;
}

@-webkit-keyframes example {
    0% {opacity: 0;}
    50% {opacity: 1;}
    100% {opacity: 0;}
}

@keyframes example {
    0% {opacity: 0;}
    50% {opacity: 1;}
    100% {opacity: 0;}
}


.slick-arrow {
	display: none!important;
}

/*loading overlay [austin]*/
/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255,1);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

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



/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    0% {opacity: 0;}
    50% {opacity: 1;}
    100% {opacity: 0;}
}

/* Standard syntax */
@keyframes example {
    0% {opacity: 0;}
    50% {opacity: 1;}
    100% {opacity: 0;}
}

/* Austin: minified fancy box css */
@charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:50%;margin-left:-79px}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-toolbar{top:0;right:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>div{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after{background:transparent;font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after{color:#fff}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 30px 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;margin:0;padding:0;border:0;width:44px;height:44px;line-height:44px;text-align:center;background:transparent;color:#ddd;border-radius:0;cursor:pointer;vertical-align:top;outline:none}.fancybox-button[disabled]{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover:not([disabled]){color:#fff;background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button[disabled]:after,.fancybox-button[disabled]:before{opacity:.3}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-arrow{position:absolute;top:50%;margin:-50px 0 0;height:100px;width:54px;padding:0;border:0;outline:none;background:none;cursor:pointer;z-index:99995;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .25s}.fancybox-arrow:after{content:"";position:absolute;top:28px;width:44px;height:44px;background-color:rgba(30,30,30,.8);background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:50%;background-size:24px 24px}.fancybox-arrow--right{right:0}.fancybox-arrow--left{left:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fancybox-arrow--left:after,.fancybox-arrow--right:after{left:0}.fancybox-show-nav .fancybox-arrow{opacity:.6}.fancybox-show-nav .fancybox-arrow[disabled]{opacity:.3}.fancybox-slide>.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-width:800px){.fancybox-infobar{left:0;margin-left:0}.fancybox-button--left,.fancybox-button--right{display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:calc(50% - 7px);top:calc(50% - 6px);border:2px solid;background:none}.fancybox-button--pause:before,.fancybox-button--play:before{top:calc(50% - 6px);left:calc(50% - 4px);background:transparent}.fancybox-button--play:before{width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px}.fancybox-button--pause:before{width:7px;height:11px;border-style:solid;border-width:0 2px}.fancybox-button--thumbs,.fancybox-thumbs{display:none}@media (min-width:800px){.fancybox-button--thumbs{display:inline-block}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{width:3px;height:3px;top:calc(50% - 2px);left:calc(50% - 2px);box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;word-break:normal;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:220px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid transparent;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}}
/* END Austin: minified fancy box css */

/*DG fix add to cart button to bottom on product details pages TICKET#24271  */
#ctl00_ContentPlaceHolder1_ActionButtonFrame input{
    margin: 0;
}
#ctl00_ContentPlaceHolder1_ActionButtonFrame{
    background-color: rgba(214, 214, 214, 0.90);
    padding: 10px;
    text-align: center;
    position: fixed;
    bottom: 0;
    z-index: 99999;
    right: 0;
    width: 100%;
}
#ctl00_ContentPlaceHolder1_ActionButtonFrame .btnAddToCartFloatLeft{
    float: none;
    margin-right: 10px;
}
/*move button up on mobile to give way for social links*/
@media (max-width: 1040px) {
#ctl00_ContentPlaceHolder1_ActionButtonFrame{
    bottom: 46px;
}
}

.BackToTop_Floating a {
    color:white;
    text-decoration:none;
}

.modalClick {
    cursor: pointer;
}



/*# sourceMappingURL=fs-shop-base.css.map */