/* 
========================================================================
MAIN LAYOUT
========================================================================
*/
html                                    { height:100%; overflow-y:scroll; overflow-x: hidden; overflow:-moz-scrollbars-vertical; }
body									{ font-family: Segoe UI, Arial, Helvetica, Sans-Serif; font-size:100%; color: #036;  margin: 0px; background-color: #F0F0F073; line-height: unset; }
#pagebody {display: inline; margin: 0px; }
#container                              { 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; }
#centre_container                       { display: block; }
#pagecontent_pad                        { min-height: 100px; padding: 0px 20px 15px 12px; width: 81%; box-sizing: border-box; }
#pagecontent_pad2 {    min-height: 100px;    padding: 1% 3.5% 2% 3.5%;    box-sizing: border-box;}
#pagecontent_pad3                        { min-height: 100px; padding: 0px 20px 15px 60px; width: 95%; box-sizing: border-box; }
#headernav {  width: 100%; padding: 0px; background-color: #75918c; margin-bottom: 12px; text-align: center; box-sizing: border-box;}
.header-nav { border-top: 2px #FFF solid; border-bottom: 2px #FFF solid;}
#rightCol {    position: relative;    padding-left: 0.3rem;    padding-right: 0.0rem;    float: left;    width: 19%;    margin: 2px 10px 20px 0px;}
@media only screen and (min-width: 64.063em) {
.subNav {    position: relative; width: 100%; height: 45px; padding: 8px 5px 12px 5px; margin-top: 3px; }
.basket {   position: relative; float: right; }
#checkoutbasket .basket {   position: relative; float: left; width: 100%; }
.login {  position: relative; float: left; margin: 4px 0px 0px 10px; }
.topNav {    position: relative; width: 100%;   }
.mainNav {    position: relative; padding-left: 0.375rem; padding-right: 1.375rem; float: left; width: 175px; margin-top: 10px;  }
}
a:visited { color: #005689;}
/* 
========================================================================
SECTIONS
========================================================================
*/
#header { min-height: 110px; padding: 0; display: block; background-image: url(/Images/CH/header/header.jpg); width: 100%; background-size: 1220px 160px; margin: 0px; }
#header-basket { float: right; display: block; margin: 2px 0px 6px; text-align: right; padding: 0.3%; clear: right; max-height: 45px; }
#header-basket a { padding: 10px 15px 15px 15px; margin-right: 10px; border-radius: 5px; display: inline-block;}
#header-basket a:hover {    background-color: #efcee2; }
#header-basket-s { float: right; display: block; margin: 0% 3% 0 0; text-align: right; padding: 0.3%;}
#header-basket2 { display: block;  margin: 12px 0 3px;  text-align: right;  padding: 0.3%; height: 50px;}
#header-basket2 a { padding: 25px 15px 15px 15px; margin-right: 10px; border-radius: 5px;}
#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; font-size: 100%; border-radius: 5px; margin-right: 10px; text-decoration: none!important;}
.h-b2 { float: right; display: block; margin: 10px 0 0 0;}
.onlineshop:hover { background-color:#ab2e8d!important; }
#header-ch {}
div#header-ch a { text-decoration: none;}
.imageheader {    float: left;    padding: 0px;    margin: 16px 25px 5px 30px;}
.imageheader2 { float: left; padding: 0px; margin: 12px 25px 5px 30px;}
.crystal-herbs { padding: 3.5rem 0 0 0; font-size: 1.8rem; line-height: 1.6rem; 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-herbs2 { font-size: 1.9rem; color: #23274a; display: inline;}
.crystal-herbs2 em { font-size: 1.4rem; border: none; font-weight: normal;}
.headerm {font-size: 1.3rem; 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.3rem; font-weight: 500; line-height: 1rem; padding: 0.7rem 0 0 0; margin: 0px; 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; }
#explore { margin: 0 0 2.0rem 0; display: inline-block; border-top: 7px solid #ddd; padding: 1.5rem 0 0 0; width: 100%; box-sizing: border-box;}
#header .logo                           { margin: 20px 0 0 0; }
	@media only screen and (min-width: 40.063em) {
		.subNav {    position: relative; width: 100%; height: 45px; padding: 8px 5px 12px 5px; margin-top: 3px; }
  .basket {     position: relative; }
  #checkoutbasket .basket {   position: relative; float: left; width: 100%; }
  .login {     position: relative; float: left; margin: 4px 0px 0px 10px; }
  .mainNav {    position: relative;     padding-left: 0.375rem;     padding-right: 1.375rem;     float: left; 	width: 16%; box-sizing: border-box;}
  .rightCol {  position: relative; padding-left: 0.3rem; padding-right: 0.0rem; float: left; width: 19%; margin: 2px 5px 0px 10px; box-sizing: border-box}}
/*
========================================================================
OFF CANVAS MENU
========================================================================
*/
a.off-canvas-open                       { width: 20px; color: #333; background: #fff; text-transform: uppercase; font-size: 13px; font-weight: bold; position: relative; display: block; padding: 0 0 0 0; height: 45px; margin: 5px; line-height: 35px; }
a.off-canvas-open::before               { content: ""; position: absolute; left: 2px; display: block; width: 16px; top: 0px; height: 0; box-shadow: 0 10px 0 2px #888, 0 16px 0 2px #888, 0 22px 0 2px #888; }
a.off-canvas-close                      { color: #000; font-size: 25px; font-weight: bold; display: block; padding: 1px 3px; position: absolute; top: 2px; right: 20px; }
a.left-off-canvas-toggle                { float: left; display: inline-block; margin: 5px 0 0 0; }
.off-canvas-wrap                        { min-height: 100%; }
.left-off-canvas-menu                   { padding: 0; background: none repeat scroll 0% 0% transparent; }
.left-off-canvas-menu .content          { border-right: solid 1px #777; margin-right: 10px; padding: 30px 10px 10px 10px; background: #eee; height: 100%; box-shadow: 1px 1px 10px #333; }
.left-off-canvas-menu ul li             { list-style-type:none; }
.left-off-canvas-menu ul li a           { text-align: left; color: #000; font-size: 90%; width: 100%; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; line-height: 1.1em; padding: 3px 5px 3px 5px; margin: 0 0 1px 0; display: block; }
.left-off-canvas-menu ul li a:hover     { background-color: #000; color: #fff; }
a.toggleswitch                          { display: inline-block; margin-top: 15px; }
.move-left .exit-off-canvas             { box-shadow: none; }
/*  
========================================================================
LOGIN STATUS
========================================================================
*/
#loginstatus                            { float: left; display: inline-block; text-transform: uppercase; font-size: 13px; font-weight: 600; color: #036; padding: 7px 0 3px 10px; }
#loginstatus strong                     { font-weight: bold; font-size: 14px; text-transform: none; }
#loginstatus .loginbutton               {  }
#loginstatus .loginbutton.loggedin      { }
#loginstatus #username					{ padding: 9px 9px; float: left; display: none; margin: 6px 0 0 0; background-color: whitesmoke; border: 1px solid #da3ab3; border-radius: 5px; }
#loginstatus #statuslabel               { display: none; }
#loginstatus:hover #account_menu        { width: 230px; margin: 28px 0 0 -10px; }
/* 
========================================================================
SEARCH BOX
========================================================================
*/
#section_searchbox                      { padding: 20px 0 0px 0; float: right; }
#section_searchbox input.button         { background-color: #ffbfe7; color: #970097; font-weight: bold; width: 100%; margin: 0 5px 0 0; height: 30px; border-radius: 3px; }
#section_searchbox input[type="text"]   { box-shadow: none; height: 30px; background-color: #fff; border: none; border-style: none; margin-bottom: 8px; }
#section_searchbox input[type="text"]:focus
                                        { background-color: #fd7; }
.shopSearch {  padding: 2px 8px 1px 25px;  float: left;}										
/* 
========================================================================
OTHER CONTROLS language, currency, etc.
========================================================================
*/
#regionalsettings                       {  margin: 17px 19px 0px 20px;  float: right;}
#helpsettings                       {  margin: 17px 19px 0px 20px;  float: right;}
#currencymenu                           { margin: 1px 0 0 0; float: right; text-align: right; display: block; border: none; max-width: 90px; }
#currencymenu select					{ border: none; background-color: #fff; font-size: 90%; box-shadow: none; padding: 4px; }
#languagemenu                           { float: right; text-align: right; display: block; max-width: 110px; border: none; margin: 0 10px 0 0; }
#recentlyviewed                         { border-top: solid 3px #ddd; padding: 10px 0 20px 0; }

/* 
========================================================================
TEMPLATE HOVERMENU
========================================================================
*/
.hovermenu                      { display: none; font-size: 13px; }
.hovermenu ul                   { margin: 0; padding: 0; }
.hovermenu ul li                { list-style: none; float: none; clear: both; margin: 0 0 0 0; padding: 2px 0 0 0; }
.hovermenu_holder:hover .hovermenu
                                { min-height: 50px; box-shadow: 1px 1px 10px #333; width: 230px; background-color: #eee; border: solid 1px #777; display: block; z-index: 99999; text-align: left; height: auto; position: absolute; padding: 10px 8px 8px 8px; margin: 35px 0 0 -9px; top: 1px; }     
.hovermenu ul li a {  font-size: 80%;  border-top: solid 1px #fff;  color: #fff;  padding: 5px 5px 5px 5px !important; margin: 0 0 1px 0 !important; display: block !important; text-decoration: none;    border-radius: 0px !important;}
.hovermenu ul li a:hover        { background-color: #000!important; color: #fff!important; }
.hovermenu .button              { text-align: left; border-color: transparent; background-color: transparent; color: #000; font-size: 90%; width: 100%; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; }
.hovermenu .button:hover        { background-color: gray; color: #fff; }
#account_menu .hovermenu .button:hover  { background-color: gray;}

/* 
========================================================================
BASKET SUMMARY
========================================================================
*/
#minibasketholder {   display: inline-block; padding: 0px; position: relative;}
#minibasket                             { width: auto; max-width: 200px; padding: 0; }
#minibasket #minibasket_header          { background-color: transparent;  }
#compactbasket_title                    { display: none; }
#compactbasket_totalprice               { display: none; }
#compactbasket_noofitems span.bracket   { display: none; }
#minibasket h4                          { margin: 0; padding: 0; font-size: 12px; }
#minibasket h4 strong                   { color: #999; font-weight: bold; }
.compactminibasket a,
#minibasket h4 a                        { color: #005689; font-weight: bold;}
#compactbasket_noofitems {  }
#compactbasket_noofitems.basket-items-0 {  }
#minibasket:hover #minibasket_main      { background-color: #777; margin: 27px 0 0 -170px; }
#minibasket:hover                       {  }
#minibasket:hover h4 strong             { color: #005689; }
#minibasket:hover h4 a                  { color: #005689; }
#minibasket .button {    background-color: #999;    color: #fff;    font-size: 85%;    width: 100%;    text-decoration: none; padding: 5px 15px;}
#minibasket .button:hover               { background-color: #ddd; color: #fff !important; }
#minibasket #checkout_button {    font-size: 110%;}
#minibasket #contents                   { width: 100%; }
#minibasket #contents #orderinprogress,
#minibasket #contents #basketisempty    { padding: 1px 5px 12px 5px; font-weight: normal; color: #000; }
#minibasket #contents ul #totals        { margin-top: 10px; border-top: solid 1px #fff; padding: 4px 5px 6px 10px; font-weight: normal; text-transform: uppercase; color: #fff; font-size: 80%; text-align: right; }
#minibasket #contents ul #totals span.price
                                        { color: #000; font-weight: normal; font-size: 170%; }
#minibasket #contents ul #totals span.total
                                        { color: #6E4; font-weight: bold; font-size: 180%; }
#minibasket #contents ul #totals #minibasket_whereapplicable
                                        { margin: 10px 0 0 0; font-size: 85%; letter-spacing: 1px; }
#minibasket #contents ul #totals strong { font-weight: bold }

/* 
========================================================================
FOOTER
========================================================================
*/
#footer { width: 100%; float: left; background-color: #EEEEED; padding: 3% 2% 3%; box-sizing: border-box;  margin-top: 5px;}
#footerNav {    text-decoration: none;    background-color: #ccccff;    padding: 4px 0px 4px 0px;}
#footerNav p {margin: 2px 30px;}
#footerNav a {    color: #0000A0;    text-decoration: none;    font-size: 12px;    padding: 0px 5px 2px 5px;}
#footerNav a:hover {    color: #FF6600;    text-decoration: underline;}
#footerNav2 {    text-decoration: none;    background-color: #666699;    padding: 7px 0px 6px 0px; margin: 2px 0px 10px 0px;}
#footerNav2  p {    color: #fff;    text-decoration: none;    font-size: 13px;    padding: 0px 30px 2px 30px; margin: 2px 0px;}
#footerNav2 a {    color: #fff;    font-size: 14px;    padding: 0px 8px 2px 8px;    line-height: 21px;}
#footerNav2 a:hover {    color: #FF6600;    text-decoration: underline;}
#footer_inside                          {    background-color: #ffC;    height: 100%;    max-width: 1020px;    margin: 0px auto;    color: #555;    padding: 1px 20px 0px;    border-top-color: #99c;    border-top-style: solid;    border-top-width: 7px;}
.footer {    padding-left: 10%;    padding-top: 5px;}
#footer a                               { text-decoration:underline; }
#footer #copyright                      { font-size: 90%; margin: 12px 0 5px 0; text-align: center; }
#footer h2                              { color: #fff }
#footer ul                              { margin: 0; text-transform: uppercase; font-size: 90%; padding: 0; list-style-type: none; }
#footer ul li                           { padding: 0; }
#footer ul li a                         { padding: 2px; display: block; }
#footer ul li a:hover                   { background-color: #aaa; color: #ddd; }
.bafep {    float: right;    margin-right: 35px;}
.small {    font-size: 10px;}
/* 
========================================================================
Navigation
========================================================================
*/
#header-subnav { float: right;    display: block;    margin: 4px 25px 111px 25px;    text-align: left;    padding-top: 2px;}
#header-subnav a {    font-weight: bold;    padding: 0px 5px 0px 5px;    color: #036;    text-decoration: underline;    text-transform: uppercase;    font-size: 85%;}
#header-subnav a:hover { text-decoration: none; color: #FF6600; }
#handmade {    background-image: url(/images/ch/cm_shop_home.jpg);    background-repeat: no-repeat;    width: auto;    height: auto;    text-align: left;    margin: 12px 0px 10px 0px;    padding: 14px 0px 0px 44px;    border-bottom: medium solid #da3ab3;    border-top: medium solid #da3ab3;    background-position: left 3px;}
.navExtra { margin: 15px 0px 15px 0px; float:left;}
.KartrisMenu-Leaf .KartrisMenu-Selected { background-color: #666699;}
.greenHeading {   font-size: 14px;    font-weight: bold;    color: #006600;    margin: 2px 2px 2px 0px;   padding: 2px 2px 2px 0px;    text-decoration: none;}
.homel {background: #EFEFEF; border-bottom: 1px solid #DA3AB3; margin: 0.3rem 0 0.5rem 0;}
.homel p { margin: 0;}
.homel a {text-decoration: none; padding: 0.8rem 0 0.4rem 0.3em; font-size: 0.95rem; display: block; color: #da3ab3!important; font-weight: 600;}
.homel a:hover { text-decoration: underline;  color: #FF6600;}
.homel a:visited { color: #da3ab3;}