body {    font-display: swap; font-family: Segoe UI, Arial, Helvetica, Sans-Serif; font-size:100%; color: #036;  margin: 0px; background-color: #F0F0F073; }
hr {    color: #009933;    padding: 0px;    margin: 10px 0px 10px 0px;}
#wrapper {    max-width: 1220px;    height: auto;    text-align: left;    background-color: #FFFFFF;    float: none;    margin-top: 0;    margin-right: auto;    margin-bottom: 0;    margin-left: auto;    overflow: auto; box-sizing: border-box; }
#header {    min-height: 110px;    padding: 0;    display: block;    background-image: url(https://www.crystalherbs.com/Images/header/header-test.jpg); width: 100%; background-size: 1220px 160px; margin: 0px;}
.header-nav {border-top: 2px #FFF solid; border-bottom: 2px #FFF solid;}
.imageheader {    float: left;    padding: 0px;    margin: 16px 25px 5px 30px;}
.imageheader2 { float: left; padding: 0px; margin: 12px 25px 5px 30px;}
#header-basket { float: right; display: block; margin: 12px 0 16px; text-align: right; padding: 0.3%;    clear: right;}
#header-basket2 { display: block;  margin: 12px 0 3px;  text-align: right;  padding: 0.3%;}
#header-basket a { padding: 25px 15px 15px 15px; margin-right: 10px; border-radius: 5px;}
#header-basket2 a { padding: 25px 15px 15px 15px; margin-right: 10px; border-radius: 5px;}
#header-basket a:hover {    background-color: #efcee2; }
#header-basket2 a:hover {    background-color: #efcee2; }
.onlineshop { background-color: #da3ab3; color: #fff!important; padding: 10px 20px!important; text-align: center; font-weight: 700; position: relative; top: -8px; font-size: 100%; border-radius: 5px; margin-right: 10px; text-decoration: none;}
.onlineshop:hover { background-color:#ab2e8d!important; } 
#header-ch {}
#header-ch a { text-decoration: none;}
.headerm {font-size: 1.30rem;    margin: 0px;    padding: 0.7rem 0 0 0;    line-height: 1.0rem; font-weight: 500; color: #23274a; text-shadow: -0.04rem -0.04rem 0 #fff, 0.04rem -0.04rem 0 #fff, -0.04rem 0.04rem 0 #fff, 0.04rem 0.04rem 0 #fff;}
.shop {font-size: 1.2rem;  font-weight: 500; padding-top: 7px; color: #23274a; text-shadow: -0.04rem -0.04rem 0 #fff, 0.04rem -0.04rem 0 #fff, -0.04rem 0.04rem 0 #fff, 0.04rem 0.04rem 0 #fff; }
.crystal-herbs { padding: 3.5rem 0 0 0; font-size: 1.8rem; color: #23274a; text-shadow: -0.04rem -0.04rem 0 #fff, 0.04rem -0.04rem 0 #fff, -0.04rem 0.04rem 0 #fff, 0.04rem 0.04rem 0 #fff; line-height: 1.6rem; }
.crystal-herbs2  { font-size: 1.9rem; color: #23274a; display: inline; }
.crystal-herbs2 em { font-size: 1.4rem; border: none; font-weight: normal;}
#Columnwrapper { height: auto;  }
#main { height: auto; padding: 1% 3.5% 2% 3.5%; box-sizing: border-box;}
#subwrap { width: 100%;}
#mainnav { display: none;  }
#footer {   width: 100%; float: left; background-color:#EEEEED; padding: 3% 2% 3%; box-sizing: border-box; margin-top: 5px;}
#explore {margin: 0 0 3.0rem 0; display: inline-block; width: 100%;}
/* Support for Main Structure */
#headernav {     width: 100%;    padding: 0px; background-color: #75918c;    margin-bottom: 12px; text-align: center; box-sizing: border-box;  }
#headernav-old {     width: 100%;    padding: 0px;    border-top: 0.05rem solid #da3ab3; border-bottom: 0.05rem solid #da3ab3; background-color: #669;    margin-bottom: 12px; text-align: center; box-sizing: border-box;  }
.header-nav .fas { border: none; font-size: 18px; margin: 0 5px 0 0;}
.navHead { padding: 0.8rem 0 0.5rem 0.3em; font-size: 103%; font-weight: bold; margin: 0.5rem 0 0.5rem 0; border-bottom: 2px solid #da3ab3; line-height: 1.2rem;}
.navHead2 {    color: #003366;    padding: 12px 0px 6px 5px;    font-size: 95%;    font-weight: bold;    margin: 15px 0px 8px 0px;    border-bottom: 2px solid #da3ab3;    }
.navHead3 {    color: #003366;    padding: 12px 0px 6px 5px;    font-size: 100%;    font-weight: bold;    margin: 15px 0px 8px 0px;    border-bottom: 2px solid #da3ab3;    width: 40%;}
.navHead4 {    color: #003366;    padding: 5px 0px 6px 5px;    font-size: 95%;    font-weight: bold;    margin: 2px 0px 8px 0px;    border-bottom: 2px solid #da3ab3;    }
.navHeadB {    color: #036;    padding: 10px 0 6px 0px;    font-size: 95%;    font-weight: 700;   border-bottom: 2px solid #da3ab3;}
.homel {background: #efefef; border-top: 1px solid #DA3AB3; border-bottom: 1px solid #DA3AB3; margin: 0 0 0.5rem 0;}
.homel p { margin: 0;}
.homel a {text-decoration: none; padding: 0.7rem 0 0.5rem 0.3em; display: block; color: #da3ab3!important; font-weight: 600;}
.homel a:hover { text-decoration: underline;  color: #FF6600;}
.homel a:visited { color: #da3ab3;}
.SecHead {padding: 12px 0px 6px 1px; margin: 15px 0px 8px 0px; border-bottom: 2px solid #da3ab3; }
.SecHead2 {padding: 12px 35px 6px 1px; margin: 15px 0px 8px 0px; border-bottom: 2px solid #da3ab3; display: inline-block;}
.SecHeadGL { padding: 12px 0px 6px 1px; margin: 15px 0px 8px 0px; border-bottom: 1px Solid #063;}
picture { position: relative; text-align: center; color: white;}
.picture-bl { position: absolute; bottom: 23px; left: 0px; font-size: 1.8rem; font-weight: bold; background-color: #79a33a; padding: 0.4% 2.5%; display: inline-block; box-sizing: border-box; opacity: 92%;}
.picture-bl a, .picture-bl2 a { border: 2px solid white; border-radius: 5px; color: #063 !important; padding: 4px 10px; margin: 9px 0px; display: block; background-color: whitesmoke; text-decoration: none; text-align: center;  font-size: 1.3rem;}
.picture-bl a:hover, .picture-bl2 a:hover { text-decoration: underline;  color: #FF6600;}
.picture-bl2 { position: absolute; bottom: 23px; left: 0px; font-size: 1.8rem; font-weight: bold; background-color: #50b0bf; padding: 0.4% 2.5%; display: inline-block; box-sizing: border-box; opacity: 92%;}
.quickguideSH { padding: 0 0 13px 10px; display: inline-block; width: 100%; background-color: whitesmoke; margin: 0.5rem 0;}
.quickguideSH h4 { border-bottom: 2px dotted #da3ab3; display: inline-block;}
.collapsible { background-color: #eee; color: #444; cursor: pointer; padding: 18px; border: 1px solid #66D303; text-align: left; outline: none; font-size: 0.99rem; font-weight: bold; margin: 10px 0 0 0;}
.homeshopping .collapsible { background-color: #BFEC97;}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.quickguide .active, .collapsible:hover {  background-color: #ccc;}
/* Style the collapsible content. Note: hidden by default */
.content {  padding: 0 18px;  display: none;  overflow: hidden;  background-color: #f1f1f1;}
.collapsible2 { background-color: ghostwhite; color: #444; cursor: pointer; padding: 15px 25px; border: 1px solid #66D303; text-align: left; outline: none; font-weight: bold; margin: 10px 10px 0 0px; float: left;}
.collapsible2 .fa, .fa.fa-search.fa-2x { font-size: 28px; padding: 0px 15px; line-height: 0px; top: 6px; position: relative; border: none;}
.shoppingH { position: relative; display: inline-block;}
.shoppingH p { position: absolute; bottom: 1.5px; left: 0px; font-size: 1.2rem; font-weight: bold; background-color: #79a33a; padding: 0.2rem 1.0rem; color: white;}
.HBF p { background-color: #79a33a;}
.HCH p { background-color: #c799ec;}
.HFE p { background-color: #eb6ebb;}
.HDH p { background-color: #897787;}
ul.breadcrumb { padding: 0.8rem 0.8rem !important; margin: -0.8rem 0 0.4rem -0.5rem !important; line-height: 1.6rem !important;}
/* Display list items side by side */
ul.breadcrumb li {    display: inline;    font-size: 13px; background-image: url(/images/breadcrumb_back.png); background-position: right center; background-repeat: no-repeat; padding: 0 17px 0 0!important; margin: 0 9px 0 0; }
/* Add a slash symbol (/) before/behind each list item */
/* Add a color to all links inside the list */
ul.breadcrumb li a {    color: #666; }
/* Add a color on mouse-over */
ul.breadcrumb li a:hover {    color: #FF6600;    text-decoration: underline;}
ul .end {background-image: none!important; font-weight: bold;}
/* Font & Tag Styling */
a:link {    color: #005689;}
a:visited {    color: #005689;}
a:hover {    text-decoration: none;    color: #FF6600;}
h1 { font-size: 2.0rem; font-weight: 600; margin: 0.3rem 0 0.2rem 0; padding: 0.3rem 0 0.2rem 0; }
h2 { font-size: 1.4rem; font-weight: 600; margin: 0.5rem 0 0.2rem 0; padding: 0.5rem 0 0.2rem 0; }
h3 { font-size: 1.3rem; font-weight: 600; margin: 0.48rem 0 0.2rem 0; padding: 0.48rem 0 0.2rem 0; }
h4 { font-size: 1.13rem; font-weight: 600; margin: 0.65rem 0 0.15rem 0; padding: 0.15rem 0 0.15rem 0; line-height: 1.6rem;}
h5 { font-size: 1.02rem; font-weight: 600; margin: 0.65rem 0 0rem 0; padding: 0.15rem 0 0rem 0; line-height: 0.25rem;}
p { font-size: 1.05rem; margin: 0.65rem 0 0.15rem 0; padding: 0.15rem 0 0.15rem 0; padding-left: 0.1rem; line-height: 1.85rem;}
.block {border-bottom: 2px dotted #da3ab3;}
.block2 { border-bottom: 2px dotted #da3ab3; margin: 1.0rem 0 1.0rem;}
.block3 { border-bottom: 2px dotted #da3ab3; margin: 1.0rem 0 1.0rem; display: inline-block;}
.shopHPH {margin: 0px 0px 10px; font-size: 1.7rem; background-color: #7a9f39; color: white; padding: 6px 10px 5px 10px;}
.h2conG { margin: 0.0em 0 0.2rem 0; padding: 0.0rem 0 0.2rem 0;color: #060;}
.h3conG { margin: 0.48rem 0 0rem 0; padding: 0.48rem 0 0rem 0;color: #060;}
.ft080 { font-size: 0.8rem;}
.ft090 { font-size: 0.9rem;}
.ft104 { font-size: 1.04rem;}
.ft105ci { text-align: center; font-style: italic; font-size: 1.05rem;}
.ft110 { font-size: 1.1rem; line-height: 1.5rem;}
.ft120 { font-size: 1.2rem;}
.ft130 { font-size: 1.3rem;}
.ft150 { font-size: 1.5rem;}
.ft150H { font-size: 1.5rem; border-bottom: 2px dotted #da3ab3; padding: 0 0 10px 0; margin: 3px 0 5px 0;}
.ftG { color: #060!important; }
.ftG110 { color: #060; font-size: 1.1rem; line-height: 1.5rem; }
.ftG130 { color: #060; font-size: 1.3rem; line-height: 1.5rem; }
.ftG130B { color: #060; font-size: 1.3rem; line-height: 1.5rem; font-weight: 501; }
.ftR { color: red; }
.ftU { border-bottom: 1px solid #036; display: inline-block;}
.ftGH { color: #060 !important; font-weight: bold; margin: 0.65rem 0 -0.4rem; line-height: 1.5rem;}
.ftGHI { color: #060 !important; font-weight: bold; font-style: italic; margin: 0.65rem 0 -0.4rem; line-height: 1.5rem;}
.ftC p::before { content: ''; display: inline-block; height: 0.5rem; width: 0.5rem; border-radius: 50%; background-color: #fff; margin-right: 0.5rem; border: 1px solid gray;}
.ftC2 p::before { content: ''; display: inline-block; height: 0.7rem; width: 0.7rem; border-radius: 50%; background-color: #daecbe; margin-right: 0.5rem; border: 1px solid gray;}
.textR { text-align: right;}
.TL2 {font-size: 1.2rem; font-weight: 600; margin: 0.5rem 0 0.2rem 0; padding: 0.5rem 0 0.2rem 0; line-height: 1.5rem;}
#main ul { list-style-type: circle; font-size: 1.05rem; padding: 0 0 0 1.1rem;}
#main li { padding: 0.4rem 0 0 0.2rem; line-height: 1.85rem;}
.ulspot { border-left: 25px solid ghostwhite; padding: 0 1.5rem!important; list-style: circle; font-size: 1.05rem;}
#news { margin: 4% 0 0 0; }
#news ul { line-height: 1.2rem; text-decoration: none; margin: 0 0 2.0rem 0;}
#news li {padding: 0.5rem 0 0.4rem 0.2rem; border-bottom: 1px solid #090;}
#news a { font-size: 0.90rem; text-decoration: none;}
#news a:hover { text-decoration: underline; }
.dotspan {float: none;}
.dot {height: 1.1rem; width: 1.1rem; border-radius: 50%; display: inline-block; border: 1px solid #bbb; margin: 2% 3% 1% 0;}
.dots { height: 0.5rem; width: 0.5rem; border-radius: 50%; display: inline-block; border: 1px solid #bbb; margin: 2% 3% 0 0;}
.list {    margin: 0px;    padding: 0px;    text-align: left;    color: #036;}
.list li {   padding: 3px 0px; }
.flash { border: 2px solid #66d303; padding: 0% 3%; background: #f8f8ff; margin: 4% 0;}
.flash p {line-height: 2.0rem;}
.newsflash { border-bottom: 1px solid #d7c1d0; padding: 0% 3%; background: #f5f1f2; margin: 0; display: inline-block; width: 95%; text-align: center;}
.newsflash p {line-height: 2.0rem; color: #0a3e34; font-size: 0.92rem;}
/* MAIN NAVIGATION */
ul#mainNav {    list-style: none;    max-width: 99%; border-bottom: 2px solid #FFFFFF;    font-weight: normal;    padding: 0px 5px 0px 0px;    margin: 0px 0px 12px 0px;}
#mainNav a {    text-decoration: none;    color: #0E457C;    font-size: 0.90rem;    display: block;    background-color: #FFFFFF;    padding: 13px 5px 13px 5px;    border-bottom: 1px solid #DA3AB3;	font-weight: 600;	font-family: Segoe UI,Arial,Helvetica,sans-serif; line-height: 17px; }
#mainNav a:hover { text-decoration: underline;  color: #FF6600;}
i { border: solid #DA3AB3; border-width: 0 2px 2px 0; display: inline-block; padding: 3px;}
#header-basket i { border: none;  padding: 0; top: 0; font-size: 30px;}
#header-basket2 i { border: none;  padding: 0; top: 0; font-size: 30px;}
.right {    transform: rotate(-45deg);    -webkit-transform: rotate(-45deg);}
ul#mainNavxtra { font-size: 0.85rem;  margin: 0px; list-style-type: circle; line-height: 1.6; padding: 0px 0px 0px 14px;}
#mainNavxtra a { padding-left: 2px;  display: block;    padding-top: 4px;    padding-bottom: 4px; font-weight:normal;}
#mainNavxtra a:hover {}
.navExtra { border-bottom: 2px solid #da3ab3; padding-bottom: 10px;}
/* SHOP NAVIGATION */
ul#shopNav {    list-style: none;    width: 150px;    border-bottom-width: 2px;    border-bottom-style: solid;    border-bottom-color: #FFFFFF;    font-family: Verdana, Arial;    font-size: 11px;    font-weight: normal;    padding: 0px;    margin-top: 0;    margin-right: 0;    margin-bottom: 0;    margin-left: 0;}
#shopNav a {    text-decoration: none;    color: #FFFFFF;    font-size: 1em;    display: block;    background-color: #9999cc;    background-image: url(/images/bullet2.gif);    background-repeat: no-repeat;    background-position: 5px center;    padding: 5px 0px 5px 14px;    margin: 2px 0px 2px 0px;    font-weight: bold;}
#shopNav a:hover {    background-color: #B6B6DC;    background-image: url(/images/bullet2.gif);    background-repeat: no-repeat;    background-position: 2px 50%;}
.essences a {    font-size: 11px;    color: #006633;    float: left;    width: 175px;    height: 52px;    margin-top: 18px;    padding-bottom: 10px;    font-weight: bold;    text-decoration: none;}
.essences a:hover {    color: #FF6600;}
.essences2 a {    font-size: 10px;    color: #006633;    float: left;    width: 175px;    height: 52px;    margin-top: 18px;    padding-bottom: 10px;    font-weight: bold;    text-decoration: none;}
.essences2 a:hover {    color: #FF6600;}
.navHeadRH {    color: #da3ab3;    padding-top: 1px;    padding-bottom: 1px;    font-size: 11px;    font-weight: bold;    margin-top: 4px;    border-bottom-width: thin;    border-bottom-style: solid;    border-bottom-color: #da3ab3;}
.shopHome {    float: right;    background-color: #CC33CC;    display: block;    padding-top: 2px;    padding-right: 10px;    padding-bottom: 2px;    padding-left: 10px;    font-weight: bold;    margin-top: -2px;    margin-right: 0px;    margin-bottom: 0px;    margin-left: 0px;    border-left-width: thin;    border-left-color: #FFFFFF;}
#main select { padding: 6px; cursor: pointer;}
#specials a {    color: #0000a0;    font-size: 12px;}
#specials p {    font-size: 11px;    line-height: normal;}
.section {    width: 100%;	margin-bottom: 30px;}
.bafep { float: right; padding: 2px 0px 2px 5px;}
.footer {    padding: 5px 10% 0 10%;  }
/* Images */
.imageTop { padding: 0px; margin: 0.3rem 0px 1.2rem 0px; }
.imageBody { margin: 1% 0 1% 0; }
.imageLeft { float: left; padding: 0px; margin: 0.5rem 1.2rem 0.5rem 0;}
.imageLeft25 { float: left; padding: 0px; margin: 0.5rem 1.2rem 0.5rem 0; max-width: 25% !important;}
.imageLeftBloc { float: left; width: calc(46% - 6px); padding: 0px; margin: 0.5rem 1.2rem 0.5rem 0;}
.imageRight { float: right; padding: 0px; margin: 0.5rem 0 0.5rem 1.5rem; }
.imageRight40 { float: right; padding: 0px; margin: 0.5rem 0 0.5rem 1.5rem; max-width: 40% !important;}
.imageRight50 { float: right; padding: 0px; margin: 0.5rem 0 0.5rem 1.5rem; max-width: 50% !important;}
.imageRightM { float: right; padding: 0px; margin: 0.5rem 0 0.5rem 1.5rem; }
.imageRightL { float: right; padding: 0px; margin: 0.5rem 0 0.5rem 1.5rem; }
.imageRightS { float: right; padding: 0px; margin: 0.5rem 0 0.5rem 1.5rem; }
.imageIG1 { border: 5px solid whitesmoke; margin: 2% 0; }
.profile .imageLeft { max-width: 30% !important;}
figcaption { font-size: 0.95rem; font-style: italic;}
#handmade {    padding: 8px 0 8px 5px;    text-align: left;    margin: 12px 0px 10px 0px;    border-bottom: medium solid #da3ab3;    border-top: medium solid #da3ab3;    background-position: left 6px;}
.handmade { border-top: thin solid #666699; border-bottom: thin solid #666699; margin: 4% 0 2% 0; background-color:#FFFFCC; padding: 2%; display: inline-block; box-sizing: border-box;}
.newsletter { width: 90%; margin: 0 auto 2% auto; padding: 1% 3%; box-sizing: border-box; border-top: 2px solid #B967B9; border-bottom: 2px solid #B967B9; background-color: #f2d9ef; }
/* The Newsletter Modal (background) */
.modal { display: none; /* Hidden by default */  position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */  padding: 1.5% 0 1.5% 0; /* 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 Newsletter Content */
.modal-content { background-color: #fefefe;  margin: auto;  padding: 20px;  border: 1px solid #888;  width: 45%; box-sizing: border-box; overflow: auto; }
/* The Close Button */
.close {  color: #aaaaaa;  float: right;  font-size: 28px;  font-weight: bold;}
.close:hover,.close:focus {  color: #000;  text-decoration: none;  cursor: pointer;}
#myBtn {padding: 1% 5%; border-radius: 5px; border: 1px solid #060; font-size: 1.1rem; margin: 1.0rem;}
#myBtn:hover, .Shoprange3 a:hover {    background-color: #009900;    color: #FFFFFF;}
.button { margin: 1.0rem 0.5rem; display: inline-block;}
.button a {padding: 0.5rem 1.2rem; border: 1px solid #da3ab3; border-radius: 10px; text-align: center; background-color: white; font-weight: bold;}
.button a:hover { background-color: #009900; color: #FFFFFF; }
.button2 { margin: 0.8rem 0; padding: 0.8rem 1.2rem;  border: 1px solid #da3ab3; border-radius: 10px; font-weight: bold; text-align: center; background-color: whitesmoke; display: inline-block;}
.button2 a:hover { background-color: #009900; color: #FFFFFF; }
.button3 { border: 2px solid #DADAD8; border-radius: 5px; padding: 2% 4%; font-weight: bold; text-align: center; margin: 2% 0 0 0; display: block;}
.button4 { border: 2px solid #daecbe; border-radius: 5px; padding: 1.5% 2%; font-weight: bold; text-align: center; margin: 2% 1% 1% 0; display: inline-block;}
.button4G {border: 1px solid #66D303; border-radius: 5px; padding: 2% 4%; font-weight: bold; text-align: center; margin: 2% 0 1% 0; display: inline-block; background-color: #BFEC97; font-size: 103%;}
.button4a { border: 2px solid #daecbe; border-radius: 5px; padding: 1.5% 2%; font-weight: 501; text-align: center; margin: 2% 1% 1% 0; display: inline-block;}
.button5 { border: 2px solid #DADAD8; border-radius: 5px; padding: 2% 4%; font-weight: bold; text-align: center; margin: 2% 0 0 0; display: block; background-color: lightgray;}
.button6 { border: 1px solid #66D303; border-radius: 5px; padding: 2% 4%; font-weight: bold; text-align: center; margin: 2% 0 1% 0; display: block; background-color: whitesmoke; font-size: 103%;}
.button6G { border: 1px solid #66D303; border-radius: 5px; padding: 2% 4%; font-weight: bold; text-align: center; margin: 2% 0 1% 0; display: block; background-color: #BFEC97; font-size: 103%;}
.button7 { border: 1px solid #66D303; border-radius: 10px; margin: 0.8rem 0.2rem; padding: 0.7rem 1.2rem;  font-weight: bold; text-align: center;background-color: whitesmoke; display: inline-block;}
.button8 { border: 1px dashed #66D303; border-radius: 10px; margin: 1.0rem 0rem; padding: 0.2rem 0.5rem; font-weight: bold; display: flex; align-items: center;}
.button8 img { padding: 0 12px 0 0; float: left;}
.subscribe2 { border: 1px solid #81C642; border-radius: 5px; padding: 1.5% 1%; font-weight: bold; text-align: center; margin: 2% 0 2% 0; display: block; background-color: #BFEC97;  font-size: 118%; color: #024602 !important;}
.subscribe3 { border: 1px solid #81C642; border-radius: 5px; padding: 3% 1%; font-weight: bold; text-align: center; margin: 4% 0; display: block; background-color: #BFEC97;  font-size: 118%; color: #024602 !important;}
.SHN .fa { border: none; font-size: 1.2rem!important;}
.SHN .far { border: none; font-size: 1.2rem!important;}
.SHN .fas { border: none; font-size: 1.2rem!important;}
/* Box Layouts */
.bloc100 { width: 100%; padding: 1% 0%; clear: both; box-sizing: border-box; }
.bloc100c { width: 100%; padding: 1% 0%; text-align: center; clear: both; box-sizing: border-box; }
.bloc20T { width: 20%; padding: 1% 1.2% 1% 1.4%; float: left; box-sizing: border-box; height: 8.2rem; border-bottom: 8px solid white; border-right: 8px solid white; background-color: whitesmoke;}
.bloc25  { width: 25%; padding: 1% 4.2% 1% 0; float: left; box-sizing: border-box; overflow-wrap: break-word; }
.bloc25r  { width: 25%; padding: 1% 0% 1% 4.2%; float: right; box-sizing: border-box; }
.bloc30r  { width: 30%; padding: 1% 0% 1% 4.2%; float: right; box-sizing: border-box; }
.bloc33  { width: 33%; padding: 1% 4.2% 1% 0; float: left; box-sizing: border-box; } /* Basic 33% Bloc*/
.bloc33l  { width: 33%; padding: 1% 4.2% 1% 0; float: left; box-sizing: border-box; } /* 33% Bloc - 100% Mobile*/
.bloc33r  { width: 33%; padding: 1% 0% 1% 4.2%; float: right; box-sizing: border-box; }
.bloc33c  { width: 33%; padding: 1% 2.2% 1% 2.2%; float: left; box-sizing: border-box; } /* Basic 33% Bloc - Centred*/
.bloc33cl  { width: 33%; padding: 1% 2.5% 1% 2.5%; float: left; border-left: 1px solid black; box-sizing: border-box; }
.blocOutl33 { border-bottom: 2px solid #dadad8; padding: 5px 5px; margin: 1% 1% 1.5% 0; float: left; width: 32%; box-sizing: border-box;}
#explore .bloc33c {  padding: 1% 3.2% 1% 4.0%; }
#archive .bloc33 { padding: 1% 1% 1% 0; display: inline-flex; float: none; width: calc(33% - 1px);}
.bloc40  { width: 40%; padding: 1% 4.2% 1% 0; float: left; box-sizing: border-box; }
.bloc40r  { width: 40%; padding: 1% 0% 1% 4.2%; float: right; box-sizing: border-box; }
.bloc50  { width: 50%; padding: 1% 4.2% 1% 0; float: left; box-sizing: border-box; }
.bloc50sh  { width: 50%; padding: 1% 0% 1% 0; float: left; box-sizing: border-box; } /* Main Home Page*/
.bloc50r  { width: 50%; padding: 1% 0% 1% 4.2%; float: right; box-sizing: border-box; }
.bloc55  { width: 55%; padding: 1% 4.2% 1% 0; float: left; box-sizing: border-box; }
.bloc45r  { width: 45%; padding: 1% 0% 1% 4.2%; float: right; box-sizing: border-box; }
.bloc60  { width: 60%; padding: 1% 4.2% 1% 0; float: left; box-sizing: border-box; }
.bloc70  { width: 70%; padding: 1% 4.2% 1% 0; float: left; box-sizing: border-box; }
.bloc60r  { width: 60%; padding: 1% 0% 1% 4.2%; float: right; box-sizing: border-box; }
.Latest-News { margin: 0 -20px 0 0;}
.Latest-News .bloc50  { width: calc(49% - 8px); float: none; box-sizing: border-box; display: inline-grid; padding: 1% 1% 1% 0; margin: 0 6px; }
.Latest-News .bloc50r  { padding: 1% 0 1% 1%; }
.Latest-News .bloc100 { width: 100%; padding: 1% 0%; clear: both; box-sizing: border-box; }
.Latest-News .bloc100 .blocBGC { padding: 0% 2% 1%; margin: 1% 0; border: 1px dashed;}
.Latest-News .bloc50 .blocBGC { border: 1px dashed;}
.Latest-News .bloc50 .button { margin: 1rem 0; display: inline-block;}
.Essentials { display: grid; grid-template-columns: 50% 50%; grid-gap: 20px;}
.Essentials .bloc50 { width: 100%; padding: 0; float: none; }
.Essentials .blocOutl { margin: 0px; border: 2px dotted #DADAD8; border-radius: 6px; padding: 1% 4% 4%;}
.Explore .bloc50 { padding: 0.5%; }
.Explore .bloc50r { padding: 0.5%; }
.Explore .bloc70 {  padding: 1% 0 1% 0;}
.Explore .bloc100  { padding: 0.5%; }
.Explore-H .bloc50 { padding: 0.5% 2.0% 0.5% 0; }
.Explore-H .bloc50r { padding: 0.5% 0 0.5% 2.0%; }
.Spotlight .bloc33  { padding: 1% 1.5% 1% 0; }
.Spotlight h4 {margin: 0.3rem 0 1.0rem 0; border-bottom: 2px solid #da3ab3; padding: 0 0 0.5rem 0;}
.bloc40-50r  { width: 40%; padding: 1% 0% 1% 4.2%; float: right; box-sizing: border-box; }
.bloc60  { width: 60%; padding: 1% 4.2% 1% 0; float: left; box-sizing: border-box; }
.bloc25r .imageRight, .bloc33r .imageRight { max-width:100%!important;}
.blocOutl {border: 2px solid #DADAD8; padding: 3% 4%; margin: 1%; } /* Outline for Bloc*/
.blocOutl2 {border: 2px solid #dadad8; padding: 1% 1%; margin: 2% 0%;} /* Outline for Bloc - Narrow Borders*/
.blocPOutl {border: 2px solid #DADAD8; padding: 2% 3%; margin: 3% 1% 3% 0%; border-radius: 5px; } /* Outline for <p> text*/
.blocOutls { border: 2px solid #dadad8; padding: 5px 5px; margin: 1% 1% 2% 0; box-shadow: 5px 6px #f5f5f5; float: left; width: 50%; box-sizing: border-box;} /* Outline for Home Page Shopping*/
.blocOutls2 { border-bottom: 2px solid #dadad8;  padding: 5px 5px; margin: 1% 1% 3.5% 0; float: left; width: 50%;  box-sizing: border-box;}
.blocOutls100 { border: 2px solid #dadad8; padding: 5px 5px; margin: 1% 1% 1% 0; box-shadow: 5px 6px #f5f5f5; float: left; width: 100%; box-sizing: border-box;} /* Outline for Home Page Shopping 100%*/
.blocOutlss { border: 2px solid #dadad8; padding: 5px 5px; margin: 1% 2% 1% 0; float: left; width: 23%; box-sizing: border-box; overflow-y: auto;
height: 190px;} /* Outline for Home Page Shopping - Small*/
.shopping .blocOutls a {  text-decoration: none;}
.blocOutlss50 { border: 2px solid #dadad8; padding: 5px 5px; margin: 1% 2% 1% 0; float: left; width: 48%; box-sizing: border-box; overflow-y: auto; height: 226px;}/* Outline for Home Page Shopping - Small 50%*/
.blocOutlss252 { padding: 5px 5px 2px; margin: 1.5% 2.0% 1.5% 0; float: left; width: 23%; box-sizing: border-box; overflow-y: auto; height: 207px; border-radius: 5px; border-bottom: 2px solid #dadad8;}
.blocOutlss25 { border: 2px solid #dadad8; padding: 5px 5px 2px; margin: 1.5% 2% 1.5% 0; float: left; width: 23%; box-sizing: border-box; overflow-y: auto; height: 207px; box-shadow: 5px 6px #f5f5f5; border-radius: 5px; }/* Outline for Home Page Shopping - Small 25%*/
.blocOutll33 { border: 2px dotted #dadad8; padding: 5px 5px; margin: 1% 1.7% 2% 0; border-radius: 10px; float: left; width: calc(33% - 10px); box-sizing: border-box;}
.blocOutlr33 { border: 2px dotted #dadad8; padding: 5px 5px; margin: 1% 0 2% 0%; border-radius: 10px; float: left; width: calc(33% - 10px); box-sizing: border-box;}
.shopping .blocOutlss252 a, .blocOutll33 a, .blocOutlr33 a { text-align: center; text-decoration: none;}
.shopping .blocOutlss252 p, .blocOutll33 p, .blocOutlr33 p { font-size: 1.0rem!important; }
.blocOutlsr2 { border-bottom: 2px solid #dadad8; padding: 5px 5px; margin: 1% 0% 0.8% 1%; float: right; width: 48%; box-sizing: border-box;}
.shopping .blocOutlsr2 a {text-decoration: none;}
.blocOutlsr { border: 2px solid #dadad8; padding: 5px 5px; margin: 1% 0% 1.5% 1%; box-shadow: 5px 6px #f5f5f5; float: right; width: 48%; box-sizing: border-box;} /* Outline for Home Page Shopping*/
.blocOutlsr100 { border: 2px solid #dadad8; padding: 5px 5px; margin: 1% 0% 0.5% 1%; box-shadow: 5px 6px #f5f5f5; float: right; width: 100%; box-sizing: border-box;} /* Outline for Home Page Shopping 100%*/
.blocOutls50 { border: 2px solid #dadad8; padding: 5px 5px; margin: 1% 2% 1% 0; box-shadow: 5px 6px #f5f5f5; float: left; width: 48%; box-sizing: border-box;} /* Outline for Home Page Shopping 50%*/
.dashed { border: 1px dashed; border-radius: 5px; padding: 4%;} /* Dashed Outline*/
.blocTesti30 { border-radius: 15px; background-color: #f1f1ff; border: 2px solid #66D303; margin: 1%; float: left; width: 26%; padding: 1% 1.5%; box-sizing: border-box; } /* Small Outline for Testimoinals*/
.blocTesti40 { border-radius: 15px; background-color: #f1f1ff; border: 2px solid #66D303; margin: 1%;; float: left; width: 41%; padding: 1% 1.5%; box-sizing: border-box; } /* Medium Outline for Testimoinals*/
.blocTesti100 { border-radius: 15px; background-color: #f1f1ff; border: 2px solid #66D303; margin: 1%;; float: left; width: 95%; padding: 1% 1.5%; box-sizing: border-box; } /* Medium Outline for Testimoinals*/
.blocBGC {background-color: whitesmoke; padding: 3% 4%; border-radius: 5px; } /* Background Colour for Bloc*/
.blocBGCD {background-color: whitesmoke; padding: 1.5% 1.5%; border-radius: 5px; border: 1px dashed; } /* Background Colour for Bloc with Dashed Border*/
.blocBGCDH { padding: 2px 20px 10px; border-radius: 5px; border: 1px dashed; margin: 25px 0;} /* Home Bloc with Dashed Border*/
.blocBLOG { padding: 15px 20px 10px; border-radius: 5px; border: 1px dashed; margin: 5px 0;}
.blocBGCDH32 { width: calc(35% - 5px); float: left; margin: 5px 0; padding: 2px 20px 10px; border-radius: 5px; border: 1px dashed; box-sizing: border-box;}
.blocBGCDH32r { width: calc(35% - 5px); float: right; margin: 5px 0; padding: 2px 20px 10px; border-radius: 5px; border: 1px dashed; box-sizing: border-box;}
.blocBGCDH60 { width: calc(65% - 5px); background-color: whitesmoke; margin: 5px 0 25px 0; float: right; padding: 2px 20px 10px; border-radius: 5px; border: 1px dashed; box-sizing: border-box;}
.blocBGH60 { width: calc(65% - 5px); margin: 5px 0 25px 0; float: left; padding: 2px 20px 10px; border-radius: 5px; border: 1px dashed; box-sizing: border-box;}
.blocBGH50 { width: calc(50% - 5px); margin: 5px 0 25px 0; float: left; padding: 2px 20px 10px; border-radius: 5px; border: 1px dashed; box-sizing: border-box;}
.blocBGH50r { width: calc(50% - 5px); margin: 5px 0 25px 0; float: right; padding: 2px 20px 10px; border-radius: 5px; border: 1px dashed; box-sizing: border-box;}
.blocBGH100 { width: 100%; margin: 5px 0 25px 0; float: left; padding: 2px 20px 10px; border-radius: 5px; border: 1px dashed; box-sizing: border-box;}
.blocPBGC {background-color: whitesmoke; padding: 2% 3%; margin: 3% 0%; border-radius: 5px; } /* Background Colour for <p> text*/
.blocPBGCN { background-color: whitesmoke; padding: 1% 2%; margin: 2% 0% 3%; border-radius: 5px; } /* Background Colour for <p> text Narrow*/
.blocPBGRCN { background-color: #fafff9; padding: 1% 2%; margin: 2% 0% 3%; border-radius: 5px; border: 1px dashed black;} /* Green Background Colour for <p> text Narrow*/
.testimonials .blocPBGC {  padding: 10px 25px; margin: 0.5% 0; border: 1px dashed #75918c;}
.testimonials .bloc50 { padding: 1% 1.2% 1% 0%;}
.testimonials .bloc50r { padding: 1% 0% 1% 1.2%;}
.testimonials p { font-size: 1.03rem; line-height: 1.8rem;}
.Latest-News .blocOutl { box-shadow: 5px 6px  whitesmoke; margin: 0px; }
.Latest-News .blocOutlx { box-shadow: 5px 6px  whitesmoke; margin: 0px; margin: 4% 0 0 0; border: 2px solid #daecbe; padding: 3% 4%; }
.Help .blocOutlx {  box-shadow: 5px 6px whitesmoke;  margin: 0;  border: 2px solid #daecbe;  padding: 3% 4%;}
.Explore .blocOutl { box-shadow: 5px 6px  whitesmoke; margin: 0px; }
.Spotlight .blocOutl { box-shadow: 5px 6px  whitesmoke; margin: 0px; }
.Explore .bloc100 .blocOutl { padding: 1.5% 2%; }
.Explore-H .blocOutl { box-shadow: 5px 6px  whitesmoke; margin: 2% 0%; }
.Latest-News .row {display: inline-block;}
.Explore .row {display: inline-block; width: 100%; }
.Explore-B .blocOutl { box-shadow: 5px 6px #f5f5f5; margin: 1.5rem 0; border: 2px solid #093; border-radius: 5px; padding: 1% 3%;}
.quote30 { width: 30%; float: right; padding: 0.5rem 0 0.5rem 1.0rem; margin: 0.5rem 0 1.0rem 2.5rem; border-bottom: 5px solid #B967B9; text-align: right; box-sizing: border-box;}
.quoteP { line-height: 1.9rem; font-size: 1.2rem; font-style: italic; margin: 20px 0 15px 0; border-top: 1px dashed; padding: 20px 0 0 0;} /* Inline P Quote for use in exising blocsc*/
.quote40 { width: 40%; float: right; padding: 0.5rem 0 0.5rem 1.0rem; margin: 0.5rem 0 1.0rem 2.5rem; border-bottom: 5px solid #B967B9; text-align: right; box-sizing: border-box;} /* Quote within an existing Bloc*/
.quote90 { width: 90%; float: right; padding: 0.5rem 0 0.5rem 1.0rem; margin: 0.5rem 0 1.0rem 2.5rem; border-bottom: 5px solid #B967B9; text-align: right; box-sizing: border-box;} /* Quote within an existing Bloc*/
.quote100L { float: left; padding: 0.5rem 0; margin: 1.5rem 0 1.0rem 0; border-bottom: 5px solid #B967B9; text-align: left; box-sizing: border-box;}
.quote100xl { float: left; padding: 0.5rem 0; margin: 0rem 0 1.0rem 0.2rem; border-bottom: 5px solid #B967B9; text-align: left; box-sizing: border-box;}
.quote100xl p { font-size: 1.25rem !important; font-style: italic; line-height: 1.8rem !important;}
.quote100H { float: left; padding: 0 0 0.5rem 0; margin: 0 0 1.0rem 0.2rem; border-bottom: 5px solid #B967B9; box-sizing: border-box;}
.quote100H p { font-size: 1.3rem; font-style: italic; line-height: 2.0rem; text-align: right;}
.quote80L { padding: 0.5rem 0; margin: 1.0rem 0 1.5rem 1.0rem; border-bottom: 5px solid #B967B9; box-sizing: border-box; width: 80%;}
.quoteBloc { border-bottom: 5px solid #B967B9; text-align: right;}
.quote30 p, .quote40 p, .quoteBloc p, .quote90 p, .quote100L p, .quote80L p  {    line-height: 1.85rem;    font-size: 1.25rem;    font-style: italic;}
.state30 { width: 30%; float: right; padding: 0.5rem 0 0.5rem 1.0rem; margin: 0.5rem 0 1.0rem 2.5rem; border-bottom: 5px solid #B967B9; text-align: right; box-sizing: border-box;}
.state40 { width: 40%; float: right; padding: 0.5rem 0 0.5rem 1.0rem; margin: 0.5rem 0 1.0rem 2.5rem; border-bottom: 5px solid #B967B9; text-align: right; box-sizing: border-box;}
.state30 p, .state40 p { line-height: 1.5rem; font-size: 1.1rem;}
.bloc20T h4::before { content: ''; display: inline-block; height: 0.5rem; width: 0.5rem; border-radius: 50%; background-color: #fff; margin-right: 0.3rem; border: 1px solid gray;}
.bloc20T h4 {border-bottom: 1px solid #66D303; padding: 3px 0 5px 0;font-size: 0.95rem;}
.bloc20T p { font-size: 0.80rem; }
.blog-shop-end { border: 4px double #B967B9; margin: 2.0rem 0 1.0rem 0; padding: 0.8rem 1.0rem 0.5rem 1.0rem;}
.blog-shop-end .imageLeft { margin: 5px 30px 5px 10px;}
.Testimonial p {  font-size: 1.03rem;}
.bt {    background-image: url(/images/bullet.gif);    padding-left: 13px;    background-repeat: no-repeat;    background-position: left 12px;    padding-top: 0px;    padding-bottom: 2px;    margin: 0px;    font-size: 95%;    line-height: 30px;}
.bt2 {    background-image: url(/images/bullet.gif);     background-repeat: no-repeat;    background-position: left 10px;    padding: 3px 0px 3px 13px;    margin: 0px;}
#selector select { padding: 4% 8%; cursor: pointer;	font-size: 0.9rem;}
.range::before{ content: ''; display: inline-block; height: 1.2rem; width: 1.2rem; border-radius: 50%; background-color: #fff; margin: 0.4rem 0.6rem -0.3rem 0; border: 1px solid gray;}
.range { border-top: thin solid #0000a0; border-bottom: thin solid #0000a0; margin: 4% 0 5% 0; display: inline-block; width: 100%; height: auto; padding: 1%; background-color: #EFEFEF; line-height: 1.8rem; box-sizing: border-box;}
.range a { padding: 0 1%;}
.range2::before{ content: ''; display: inline-block; height: 1.2rem; width: 1.2rem; border-radius: 50%; background-color: #fff; margin: 0.4rem 0.6rem -0.3rem 0; border: 1px solid gray;}
.range2 { border-top: thin solid #0000a0; border-bottom: thin solid #0000a0; margin: 2.2% 0 2% 0; display: inline-block; width: 100%; height: auto; padding: 1% 2.5%; background-color: #EFEFEF; line-height: 1.6rem; box-sizing: border-box;}
.Shoprange, .Shoprange2 {    border-top: 1px solid #66D303; border-bottom: 1px solid #66D303; height: auto; margin: 2% 0; padding: 0.3rem; display: inline-block;}
.focus { border-top: solid 1px wheat; border-bottom: solid 1px wheat; margin: 5px 0px; padding: 5px 0px;}
.Shoprange2 { width: 55%; }
.Shoprange3 { max-width: 100%; border-top: 1px solid #66D303;    border-bottom: 1px solid #66D303;  margin: 2% 0;    height: auto;   padding: 0.3rem; }
.Shoprange4 { max-width: 100%; border-top: 1px solid #66D303;    border-bottom: 1px solid #66D303;  margin: 2% 0;    height: auto;   padding: 0.3rem; }
.Shoprange a, .Shoprange2 a {font-size: 105%; font-weight:bold; height: 18px; padding: 4px 8px; border-radius: 3px;}
.Shoprange2 a {    font-size: 100%; }
.Shoprange3 a {font-size: 100%; font-weight:bold; height: 18px; padding: 4px 8px;}
.Shoprange4 a { padding: 4px 8px;}
.Shoprange a:hover, .Shoprange2 a:hover, .Shoprange3 a:hover {    background-color: #009900;    color: #FFFFFF;}
.line {    background-color: #006600;    height: 3px;    display: block;    margin: 7px 0px 5px 0px;    padding: 0px;}
.line2 {    background-color: #006600;    height: 3px;    display: block;    margin: 7px 0px 5px 0px;    padding: 0px;}
#main form {    margin: 0px;    padding-top: 5px;}
.esearch { border-top: 1px solid #66D303; border-bottom: 1px solid #66D303; padding: 4px 0 4px 11px; font-weight: 600; }
.esearch img {vertical-align: middle; padding: 2px 12px 2px 0px;}
.whatsnew { margin: 5px 0 10px 0; font-weight: bold; color: #006600;}
.LN { padding: 5px 0 7px 0; border-top: 1px solid #DADAD8; border-bottom: 1px solid #DADAD8; margin: 10px 0 0 0; display: block; font-weight: 600;}
.LN2 { padding: 5px 0 7px 0; border-top: 1px solid #DADAD8; border-bottom: 1px solid #DADAD8; margin: 10px 0 0 0; display: block;}
.image {    padding-top: 5px;    padding-bottom: 7px;}
.spot {    padding: 5px 0px 5px 16px;    font-size: 115%;    border-left: 12px solid #4EA103;    margin: 16px 0px 5px 0px;    float: none;    margin-top: 16px;    border-bottom: 1px solid #66D303;    width: 45%; line-height: 22px;}
.spot1 {    padding: 5px 0px 5px 16px;    padding-bottom: 5px;    font-size: 13px;    border-left: 12px solid #4EA103;    margin-bottom: 5px;    float: none;    margin-top: 16px;    border-bottom: 1px solid #66D303;    width: 80%;}
.shopWrap {    width: 575px;    float: left;    height: auto;}
.social {    border-top: 2px solid #B967B9;    border-bottom: 2px solid #B967B9;    height: 32px;    padding: 6px 0px 0px 0px;    clear: none;    float: left;    max-width: 220px;    margin: 18px 0px 10px 0px;}
.FB { background:url('/images/social/social_sprites.png') -4px -0px; width:27px;height:27px;}
.GO { background:url('/images/social/social_sprites.png') -35px -0px; width:27px;height:27px;}
.INST { background:url('/images/social/social_sprites.png') -66px -0px; width:27px;height:27px;}
.PI { background:url('/images/social/social_sprites.png') -97px -0px; width:27px;height:27px;}
.TW { background:url('/images/social/social_sprites.png') -128px -0px; width:27px;height:27px;}
.FB-m {background:url('/images/social/social_sprites_l.png') -1px -0px;width:50px;height:42px;}
.INST-m {background:url('/images/social/social_sprites_l.png') -55px -0px;width: 50px;height: 42px;}
.YOU-m {background:url('/images/social/social_sprites_l.png') -110px -0px;width: 49px;height: 42px;}
.TW-m {background: url('/images/social/social_sprites_l.png') -168px -0px;width: 50px;height: 42px;}
.PI-m {background: url('/images/social/social_sprites_l.png') -223px -0px;width: 50px;height: 42px;}
.VIM-m {background: url('/images/social/social_sprites_l.png') -275px -0px;width: 50px;height: 42px;}
.SM { margin: 2% 2% 1% 0;}
.spotH { padding-top: 5px;    padding-bottom: 5px;    font-size: 110%;    background-image: url(/images/greenBar.jpg);    background-repeat: repeat-y;    padding-left: 16px;    margin-bottom: 5px;    margin-top: 8px;    border-bottom-width: 1px;    border-bottom-style: solid;    border-bottom-color: #66D303;    width: 260px;}
.clear {    clear: both;}
.socialcol {    border-top: 2px solid #B967B9;    border-bottom: 2px solid #B967B9;    min-height: 25px;    padding-top: 6px;    clear: both;    width: 100%; float: left;   padding-bottom: 4px;    margin: 18px 0px 12px;}
a img {    border: none;}
.socialcol img { margin: 2px 4px; }
#elight {    max-width: 35%;    min-width: 22%;    float: right;    padding-top: 10px;    padding-right: 10px;    padding-bottom: 10px;    margin-top: 5px;    margin-bottom: 10px;    margin-left: 20px;    padding-left: 10px;    border-bottom-width: 5px;    border-bottom-color: #B967B9;    border-bottom-style: solid;}
#elight p {    font-size: 13pt;    text-align: left;    line-height: 25px;    font-style: italic;    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}
.elight {    max-width: 35%;    min-width: 22%;    float: right;    padding-top: 10px;    padding-right: 10px;    padding-bottom: 10px;    margin-top: 5px;    margin-bottom: 10px;    margin-left: 20px;    padding-left: 10px;    border-bottom-width: 5px;    border-bottom-color: #B967B9;    border-bottom-style: solid;}
.elight p {    font-size: 13pt;    text-align: left;    line-height: 25px;    font-style: italic;    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}
img {    max-width: 100% !important;  height: auto; display: inline-block; }
.join {    padding: 8px 15px 8px 15px;    font-size: 108%;    margin: 12px 0px 5px 0px;    border: 1px solid #66D303;  font-weight: bold;    color: #036;}
.join:hover {    background-color: #009900;    color: #FFFFFF;}
.field {    padding: 8px 10px 8px 10px;    font-size: 102%;    margin: 5px 0px;     border: 1px solid #036;    width: 50%;}
 /* Style the tab */
.tab {    overflow: hidden;    border: 1px solid #ccc;    background-color: #f1f1f1; height: 31px; }
/* Style the buttons that are used to open the tab content */
.tab button {    background-color: inherit; font-size: 12px;   float: left;    border: none;    outline: none;    cursor: pointer;    padding: 7px 16px; width: 50%; color: #004777;  transition: 0.3s;}
/* Change background color of buttons on hover */
.tab button:hover {    background-color: #ddd;}
/* Create an active/current tablink class */
.tab button.active {    background-color: #ccc; margin: 0px; height: 31px; }
/* Style the tab content */
.tabcontent {    display: none;    padding: 4px 5px;    border-top: 2px solid #666699;} 
.application input {line-height: 1.6rem; padding: 0.3rem; font-size: 1.0rem; font-family: Segoe UI, Arial, Helvetica, Sans-Serif; }
.application textarea { padding: 0.3rem; width: 90%; font-size: 1.0rem; font-family: Segoe UI, Arial, Helvetica, Sans-Serif; }
.submit input { padding:1% 4%; font-weight: bold; font-size: 105%; color: #036; }
.suggestions a {text-decoration: none;color: #063;border-bottom: 2px dotted #777;font-weight: 700;}
.suggestions em {color: #063;}
.collapsiblefaq {  background-color: whitesmoke;  color: #036;  cursor: pointer;  padding: 15px 18px;  width: 100%;  border-bottom: 1px solid gray !important;  text-align: left;  outline: none;  font-size: 92%;  margin: 4px 0;  font-weight: bold;}
.activefaq, .collapsiblefaq:hover { background-color: #d5d5d5;color: black;}
.collapsiblefaq:before {  content: '[+]';  color: #036;  font-weight: bold;  float: left;  margin: 0 10px 0 0;}
.activefaq:before {  content: '[-]';}
.contentfaq {  padding: 0 18px;  max-height: 0;  overflow: hidden;  transition: max-height 0.2s ease-out;  background-color: white;}
.faq button, .news button {  border: none;}
.Essentials .faq button { background-color: lavender; border-bottom: 2px dotted blue; padding: 10px 12px;}
.collapsiblenews { background-color: white; cursor: pointer; padding: 8px 1px 1px; width: 100%; text-align: left; outline: none; font-size: 92%; margin: 4px 0;}
.activenews, .collapsiblenews:hover { color: orangered;}
.collapsiblenews:before {  content: '[↓ Read More]';  color: #063; font-size: 1.02rem; font-weight: bold;  float: left;  margin: 0 10px 0 0;}
.activenews:before {  content: '[↑ Close]';}
.contentnews {  max-height: 0;  overflow: hidden;  transition: max-height 0.2s ease-out;  background-color: white;}
.collapsiblebach { background-color: white; cursor: pointer; padding: 8px 5px 10px 8px; width: 100%; text-align: left; outline: none; font-size: 95%; margin: 4px 0;}
.activebach, .collapsiblebach:hover { color: orangered;}
.collapsiblebach:before {  content: '[↓ Open Bach Remedy List]';  color: #036;  font-weight: bold;  float: left;  margin: 0 10px 0 0;}
.activebach:before {  content: '[↑ Close Bach Remedy List]';}
.contentbach {  max-height: 0;  overflow: hidden;  transition: max-height 0.2s ease-out;  background-color: white; padding: 5px 10px; }
.ordering li a { border: 2px solid #daecbe; border-radius: 5px; padding: 7px 12px !important; font-weight: bold; text-align: left; margin: 1% 1% 0% 0; display: block; line-height: 1.8rem;}
.profile { border-top: 2px solid #063; border-bottom: 2px solid #063; margin: 40px 0; padding: 10px 0; display: inline-block;}
.montage33 { box-sizing: border-box; display: inline-grid; padding: 2px 5px 0px 0px; width: 32%;}
.montage50 { box-sizing: border-box; display: inline-grid; padding: 2px 5px 0px 0px; width: 50%;}
.homeshopping .montage50 { width: 49%;}
.montage100 { box-sizing: border-box; padding: 2px 5px 0px 0px; width: 100%; }
/* 
========================================================================
Cookie Consent
========================================================================
*/
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;color: #fff;text-align: left;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999;background:#9C9B99; }.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:1em 2em;width:100%;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:0.5em 1.8em;background:#9C9B99;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;color:#fff; background:rgb(20, 167, 208);font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px; margin: 0px 0px 0px 25px; }.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:0em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0; }.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1;max-width: 18em;}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0;background: #9C9B99;}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0; }.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column;}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1; }.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset; }}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px;}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%;}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
/* 
========================================================================
MailChimp Sign Up Forms
========================================================================
*/
#mc_embed_signup { background: #fff; clear: left; }
#mc_embed_signup form { text-align: left;}
#mc_embed_signup input { border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup .mc-field-group { clear: left; position: relative; width: 96%; min-height: 50px;}
#mc_embed_signup .mc-field-group label { display: block; margin-bottom: 0.5rem;}
#mc_embed_signup .mc-field-group input { display: block; width: 100%; padding: 12px 0; margin-bottom: 3%; text-indent: 2%;}
#mc_embed_signup .button {clear:both; background-color: green !important; border: 0 none; border-radius:4px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:1.2rem; font-weight: bold; line-height: 32px; margin: 15px 5px 10px 0; padding:6px 18px; width: 80%; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap;}
#mc_embed_signup .button:hover {background-color:#777;}
.indicates-required {font-size: 0.80rem; text-align: right;}
#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding: 0.80rem 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none; margin: 0 1.2rem 0 0.60rem;}
.required-email { width: 90%;    height: 22px;    margin: 6px 0px;}
.required-mce_inline_error { width: 90%;    height: 18px;    margin: 6px 0px;}
#mce-success-response {color: green; font-weight: bold; font-size: 1.2rem; margin: 0 0 1.0rem 0;}