/* 
========================================================================
HORIZONTAL DROPDOWN MENU SYSTEM
========================================================================
*/
#menubar								{ margin: 1px 0 0 0; }
#menubar .top-bar                       { width: auto; background-color: rgb(153, 153, 204); padding: 0px 5px 3px 15px; margin: 0px 0px 6px; border-bottom: 2px solid #666699; }
#menubar .top-bar.expanded .title-area  { background: #ddd; }
#menubar .top-bar-section li a:not(.button)
                                        { height: 32px; line-height: 20px; font-family: Segoe UI,Arial,Helvetica,sans-serif; color: #fff; font-weight: bold; font-size: 80%; text-transform: uppercase; padding: 7px 15px 4px 15px; text-decoration: none; }
#menubar .top-bar-section li a:hover {   background-color: #666699; text-decoration: none; }
.top-bar-section ul li > a { background-color: #99c;}

/* Down arrow on each menu in main category nav bar - control position and colour */
#menubar .top-bar-section .has-dropdown > a:after
                                        { border-color: rgba(0, 0, 0, 0.5) transparent transparent transparent; top: 13.5px; padding: 0; }
#menubar .top-bar-section li            { border-right: dotted 1px #333; }
#menubar .top-bar-section li a:hover
                                        { text-decoration: none; }
/* Links within the dropdown menus */
#menubar .top-bar-section .dropdown li  { border-right: solid 1px #fff; }
#menubar .top-bar-section .dropdown ul  { border-bottom: solid 1px #fff; }
#menubar .top-bar-section .dropdown li a
                                        { background-color: #ddd; color: #333; width: auto; height: auto; font-weight: normal; padding: 2px 15px 4px 15px; font-size: 90%; text-transform: none; }
#menubar .top-bar-section .dropdown li a:hover
                                        { color: #000; background-color: #eee; text-decoration: none; }
#menubar .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after
                                        { top: 1px; }
#menubar .top-bar li.name span          { display: inline-block; padding: 0 0 0 10px; }
/* 
========================================================================
CATEGORY NAVIGATION MENU
The primary styles are created by foundation.css. Rather than change
styles there (which would be overwritten if we upgrade Foundation to
a newer version), just just grab the bits we need to change here.
========================================================================
*/
#categorymenu .top-bar { border-bottom: solid 0px #669; background-color: #fff; min-height: 51px; }
#categorymenu .top-bar-section li       { width: 98%; }
#categorymenu .top-bar-section li a:not(.button)
                                        { color: #036; background-color: #fff; font-family: Segoe UI,Arial,Helvetica,sans-serif; padding: 13px 5px 13px 5px; line-height: 1.2em; font-size: 0.9rem; border-bottom: 1px solid #DA3AB3; font-weight:600; text-decoration: none; } 
#categorymenu .top-bar-section li a:hover
                                        { text-decoration: underline; color: #FF6600; }
#categorymenu .top-bar-section li ul    { border-bottom: solid 1px #000; }
#categorymenu .top-bar-section li li    { border-right: solid 1px #000; }

#categorymenu .top-bar-section .has-dropdown > a:after
                                        { border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent; top: 13.5px; }
#categorymenu .top-bar-section .dropdown li a
                                        { background-color: #666; color: #fff; width: auto; height: auto; font-weight: normal; padding: 2px 15px 4px 15px; font-size: 90%; text-transform: none; }
#categorymenu .top-bar-section .dropdown li a:hover
                                        { color: #000; background-color: #aaa; }
#categorymenu .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after
                                        { top: 1px; }
ul#mainNavxtra {    font-size: 90%;    text-align: left;    margin: 0px;    list-style-type: circle;  line-height: 1.6;   padding: 0px 0px 10px 14px; border-bottom: 2px solid #da3ab3; }
#mainNavxtra a { padding-left: 2px;  display: block;    padding-top: 4px;    padding-bottom: 4px; font-weight:normal;}

/* Mobile version */
#categorymenu .top-bar.expanded li ul   { border: none; }
#categorymenu .top-bar.expanded li li a { background-color: #f90; }

/* Button to replace main nav menu in small devices */
#categorymenu .mobile-link              { font-weight: bold; padding: 2px 15px; color: #ddd; display: block; }
#categorymenu .mobile-link:hover        { color: #fff; background-color: #555; }
.login { position: relative; margin: -7px 0 0; float: left;}
.large-4 {    width: 100%;}
.large-4 {    width: 100%;}
.large-6 {    width: 72.5%;}

.top-bar .toggle-topbar.menu-icon a { color: #036; line-height: 33px; text-decoration: none;}
.top-bar .toggle-topbar.menu-icon a span::after {  content: "\f0c9"; font-family: "Font Awesome 5 Free"; margin: 0px 0 0 10px; font-size: 1.5em; display: inline-block; top: 2%; box-shadow: none; }
#minibasket #checkout_button { font-size: 120%; background-color: #30a74b; border: 1px solid wheat;}
#minibasket #checkout_button:hover { font-size: 120%; background-color: #66d303!important; border: 1px solid wheat;}
#cntMain_btnProceed { font-size: 135%;}
.review { color: green; font-size: 115%; border-bottom: 1px dashed green; padding: 0 0 10px 0;}
.review2 {  max-width: 35%;  min-width: 22%;  float: right;  padding: 10px;  margin: 5px 0 10px 20px;  text-align: left;  border: 1px dashed;  border-radius: 5px;}
.address div { line-height: 1.6rem; font-size: 1.03rem;}
#checkout .checkoutaddress { width: 48% !important; float: left; margin: 5px;}
#checkout .address { width: 95%; display: inline-block;}
#minibasket:hover #minibasket_main {  background-color: #777; margin: 27px 0 0 -170px; top: 5px;}
#minibasket #contents #orderinprogress, #minibasket #contents #basketisempty { padding: 1px 5px 12px 5px; font-weight: normal; color: white;font-size: 1rem;}
.basket table.baskettable tr td div.name strong a { text-decoration: none;}
.basket table.baskettable tr td div.name strong a:hover { text-decoration: underline;}
#cntMain_UC_BasketView_btnApplyCoupon, #cntMain_UC_BasketMain_btnApplyCoupon { background-color: whitesmoke; color: #036; font-size: 92%; text-transform: revert; padding:15px 15px; margin:10px 0 10px 0;  border:1px solid #66D303; line-height: 1.3rem;}
.shippingrow .quantity { display: none;}
.totals .labeltext { font-size: 1.3rem; font-weight: normal;}
.extax .labeltext { font-size: 1.0rem;}
.extax .value { font-size: 1.0rem; font-weight: normal; padding: 0 26px 0 0;}
.products_extended .item a.link2:visited {color: #fff;}
.accordionHeaderSelected h2::before { content: "[-]"; color: orange; font-size: 80%; width: 25px; display: inline-block; font-weight: bold;}
#contact .submitbuttons { text-align: left;}
#contact .Kartris-DetailsView-Value { width: 100%;}
#contact #cntMain_txtMessage { min-height: 125px;}
#pagecontent_pad3 div.imagecolumn {  margin: 0 0 0px 0;  width: 27%;}
#pagecontent_pad3 .large-6 {  width: 70%;}
.dashed {  border: 1px dashed;  border-radius: 5px;  padding: 4%;}
.line3 { border-bottom: 7px solid #ddd;}
#explore li {margin: 10px 0 0 0;}
.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%;}
.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;}
.subscribe { 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: #97D55F; font-size: 118%; color: #024602 !important;}
.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;}
.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;}
/* 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;}
button:hover, button:focus, .button:hover, .button:focus { color: #444;}
button:hover, button:focus, .button:hover, .button:focus { background-color: #eee;}
.related .carryonshopping h2 {  margin: 0; font-size: 90%; line-height: 1.2rem; font-weight: 600;}
.search .results {  border-top: solid 1px #fc5;  padding-top: 10px;  margin-top: 15px;  display: inline-block;  width: 100%;}
.search .inputform input { display: inline; margin: 15px 0px;}
.products_tabular .item h2 { font-size: 100%; line-height: 1.3rem;}
.helpemail { padding: 0% 3%; margin: 0; display: inline-block; width: 100%; text-align: center;}
.has-mega-menu { background-color: #57716c;}
#custompagetext { margin: 0px 0 15px 0;}
.sm-blue a:hover { color: white !important;}
.sm-blue ul a:hover { color: #155777 !important;}
#main-menu .mega-menu a:hover { text-decoration: underline; color: #FF6600 !important;}
#customer-balance {  float: right;  display: none;}
#cntMain_lblchkSameShipping { font-size: 1.0rem; border: 2px dashed #66D303; padding: 5px 10px; color: green; border-radius: 5px;}
.quote { font-style: italic; font-size: 1.2rem;}
#checkout input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; vertical-align: baseline; margin:1.0rem 1rem 0 0.5rem;}
#login .radio input[type="radio"] + label { display: inline-block; vertical-align: baseline; margin:0rem 0rem 0 1.5rem;}
/* 
========================================================================
ORBIT SLIDESHOW
========================================================================
*/
#front-slideshow                        { }
#front-slideshow li                     { padding: 0px; min-height: 225px; }
.orbit-container .orbit-prev > span {    border-right-style: solid;    border-color: transparent #999 transparent transparent;}
.orbit-container .orbit-next > span {    border-color: transparent transparent transparent #999;    border-left-style: solid;    left: 50%;    margin-left: -4px;}
.orbit-container .orbit-timer.paused > span {      right: -4px;      top: 0px;      width: 11px;      height: 14px;      border: inset 8px;      border-left-style: solid;      -webkit-transform: rotate(180deg);      -moz-transform: rotate(180deg);      -ms-transform: rotate(180deg);      -o-transform: rotate(180deg);      transform: rotate(180deg);      border-color: transparent #999 transparent transparent; }
.orbit-container .orbit-timer > span {      display: none;      position: absolute;      top: 0px;      right: 0;      width: 11px;      height: 14px;      border: solid 4px;      border-top: none;      border-bottom: none; }
.orbit-container .orbit-bullets {    margin: -8px auto 3px auto;    overflow: hidden;    position: relative;      float: none;    text-align: right;    display: block; }
.orbit-container .orbit-prev {left: -3px;}
.orbit-container .orbit-next { right: -10px;}
.orbit-container .orbit-prev, .orbit-container .orbit-next { top: 95%;}
.orbit-container .orbit-bullets { text-align: center;}
.orbit-container .orbit-slide-number {display: none;}

			/* 
========================================================================
GENERAL 
========================================================================
*/
table tr td                             { font-size: 100%; }
form .row .row.collapse .column, form .row .row.collapse .columns { padding: 0px 0px 5px 0px; }
.description { font-weight:normal;}
#pagecontent_pad2 .ajax__scroll_none {    overflow: visible;}
input[type="checkbox"] { margin:0 1.2rem 1rem 0.5rem;}
#checkout input[type="checkbox"] {    margin: 0.9rem 0.2rem 1rem 0.5rem;}
table tr:nth-of-type(2n) { background: none;}
.hovermenu .button {    text-transform: none; }
.desc { color: #006600;}
.section_promotions .promotion .box .pad strong {    color: #036;    font-size: 115%;}
.handmade {    border-top: thin solid #666699;    border-bottom: thin solid #666699;    margin: 25px 0px 20px 0px;  background-color: #FFFFCC;    padding: 5px;}
.section_promotions .promotion .box {    width: 100%;    margin: 30px 0 20px 0;    border-bottom: 1px solid #036;}
.options .large-4 {    width: 25%; padding: 3px 0px 3px 0px; }
.options .large-8 {    width: 60%; padding: 3px 0px 3px 0px; }
.options form .row .row.collapse .column, form .row .row.collapse .columns { padding: 2px 0px 2px 0px;}
.options table { margin-bottom: 1px;}
.clearing-thumbs li, [data-clearing] li { min-height: 60px; margin: 5px;}
.top-bar.expanded .title-area {    background: #036;}
.top-bar.expanded .toggle-topbar a { color: #003366;}
.top-bar .name {  margin: 0;    font-size: 16px;}
.clearing-assembled .clearing-container .visible-img { background: rgba(85, 85, 85, 0.8); overflow: hidden; height: 85%;}
.clearing-assembled .clearing-container .carousel > ul {    width: auto !important;}
.clearing-assembled .clearing-container .carousel { background: #ffff; margin: 0px; padding: 1rem 0 0 0; border-top: 5px solid cadetblue; border-bottom: 5px solid cadetblue;}
.clearing-blackout .clearing-close { font-size: 4rem; color: white;}
.clearing-blackout {  background: rgba(85, 85, 85, 0.4); z-index: 99999; }
.clearing-assembled .clearing-container .carousel > ul li {    list-style: none;    border: solid 1px #444;    display:block;    height: 80px;    width: 80px;    margin-right: 4px;    overflow: hidden;}
.visible-img img { border: solid 2rem white; border-radius: 5px;}
.prettydropdown > ul:focus {  background-color: #fff4cc;  color: #000;  border: solid 1px #f90;  box-shadow: none;}
.prettydropdown > ul {  border: solid 1px #bbb;  background-color: #f5f5f5;  box-shadow: inset 3px 3px 3px #ccc;  height: auto;  padding: 2px 0;  color: #333;  font-family: Segoe UI, Arial, Helvetica, Sans-Serif;  line-height: 17px;  font-size: 14px;  font-weight: normal;  margin-bottom: 10px; }
select {height: 32px; box-shadow: none; padding-top: 1px;background-color: white;}
.select2-selection {border-radius: 0 !important;}
#checkout select {height: 50px; box-shadow: none; padding: 1px 28px 1px 10px; margin: 5px 2px 15px; background-color: white; background-position: 100% center; width: 70%; border: 1px solid #66D303; z-index: 999999; border-radius: 10px; }
.select2-container--open {z-index: 999999;}
#extraproducttext {padding: 10px 15px;}
#extrainformation {padding: 10px 0px;}
.blocshopguide {width: calc(49% - 5px); float: right; margin: 5px 0 4px 20px; padding: 5px 10px 10px 20px; border-radius: 5px; border: 1px dashed; box-sizing: border-box;}
.blocshopinfo { width: calc(48% - -2px); padding: 1% 4.2% 1% 0; float: left;}
.blocshopguide li { font-size: 1.05rem; line-height: 1.95rem;}
select { background-position: 85% center;}
#shippingestimate select { background-position: 97% center;}
.search .large-3 { width: 60%;}
.slideshow-wrapper { display: unset!important;}
.slideshow-wrapper .orbit-container {background-color: transparent; padding: 8px 0px;}
.column, .columns {box-sizing: border-box;}
.addtobasket select:hover { background-color: whitesmoke;}
ul { list-style-type: circle; font-size: 1.05rem; line-height: 1.85rem;}
.benefits ul { margin-bottom: 0px;}
.benefits .spotD {  width: 100%;}
.totals .hide-for-small { border: none;}
.totals .image_cell.hide-for-small { border: none;}
.totals .extax { border: none; padding: 20px 0 10px 0 !important;}
#searchbox_basic { background-color: white; background-image: url('/images/ch/icons/searchicon.png'); background-position: 10px 10px; background-repeat: no-repeat; padding-left: 40px;}
#searchbox_advanced { background-color: white; background-image: url('/images/ch/icons/searchicon.png'); background-position: 10px 10px; background-repeat: no-repeat; padding-left: 40px;}
.page_category table tr td { border-bottom: solid 1px #ddd!important;}
.product #description .outlineR {  background-color: white; border-radius: 10px;}
#compactbasket_noofitems { display: inline-block; background-color: #da3ab3; color: #fff; font-size: 1.3em; font-weight: normal; padding: 3px 7px 3px 7px;  margin: -2px 0 0 -6px; border-radius: 9px;  z-index: 99999; border: 2px solid white; top: 0;}
#compactbasket_noofitems.basket-items-0 { display: none; }
#header-basket .icontext { display: none;}
#header-basket2 .icontext { display: none;}
.fa, .far, .fas { font-weight: 900; font-size: 30px; padding: 10px 15px;}
.fa-2x { font-size: 30px;}
.fas.fa-trash-alt { color: gray; font-size: 1.4rem; font-weight: 500;}
.fas.fa-shopping-basket { font-size: 42px; line-height: 1.3rem; color: deeppink; }
.fas.fa-user { font-size: 30px; }
.fas.fa-user-check { }
.fa.fa-envelope { color: gray; font-size: 45px; position: relative; top: 6px;}
.header-nav .fas { border: none; font-size: 18px!important; margin: 0 5px 0 0; padding: 3px; }
#header-basket i { padding: 0;}
#header-basket2 i { padding: 0;}
.basket td.quantity div { display: inline-block;}
.basket td.quantity input { width: 50px;}
#cntMain_UC_ProductView_UC_PopUpMedia_pnlMessage {  padding: 10px;}
#cntMain_UC_ProductView_UC_PopUpMedia_btnExtenderCancel { top: 12px; background-color: white; border: 1px solid black; width: 35px; border-radius: 6px;}
#poplink_30 { font-size: 91%;}
.mediaholder_horiz { width: 75%; margin: 0 0 20px 0;}
.attributes th {  display: none !important;}
.key4 {  width: 35%;  float: right;  padding: 1px 3px 3px 3px;  margin: 0 0 1% 4%; border-bottom: 1px solid #006600;}
.key4 .spotD {  width: 65%;}
.key5 { width: 42%; float: right; padding: 1px 3px 3px 10px; margin: 1px 0px 24px 31px; border-bottom: 1px solid #063;}
.SHH .products_shortened .item a h2     { font-size: 100%; line-height: 1.3rem; border-radius: 5px; padding: 8px 10px; background-color: whitesmoke; display: block;}
.key5 li { margin: 6px 0px; line-height: 1.6rem;}
.imageholder img {width: auto;}
.quickguideSH h3 { border-bottom: 3px double #da3ab3;}
.quickguideSH li { padding: 4px 0px;}
.quickguideSH .content {  background-color: whitesmoke; border: 1px solid #66D303; width: 100%;}
.quickguideSH .collapsible { font-size: 1.15rem; color: #060; float: left; margin: 10px 10px 0 0px; background-color: ghostwhite;}
.quickguideSH { padding: 0 0 13px 10px; display: inline-block; width: 100%; background-color: whitesmoke; }
.quickguideSH2 {   width: 65%; padding: 0 0 13px 10px; margin: 15px 0; display: inline-block; background-color: whitesmoke; }
.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; font-size: 1.0rem; float: left;}
.collapsible2 .fa-2x { font-size: 28px; padding: 0px 15px; line-height: 0px; top: 6px; position: relative;}
.HomeIntro h1 { margin: 0.3rem 0 0.5rem 0 !important; border-bottom: 2px dotted #da3ab3;}
.HomeIntro .fa { font-size: 30px; padding: 10px 10px 10px 0;}
.Home h2.blockheader { padding: 12px 0px 6px 1px !important; margin: 15px 0px 8px 0px !important; border-bottom: 2px dotted #da3ab3;}
.search .ajax__tab_outer { background-color: white; border: 2px solid darkseagreen;}
.search .ajax__tab_default .ajax__tab_active .ajax__tab_inner a { color: #060;}
.search h1 { margin: 20px 0 30px 0;}
.search .button { background-color: #017F01; padding: 15px 25px; font-size: 1.2rem;}
.results h2 { font-size: 1.6rem; margin: 15px 0px;}
#featuredproducts { margin: 0 0 0 0; display: inline-block;}
#featuredproducts .products_shortened .item { height: 300px; border-top: none; border-left: none; border-right: none; border-bottom: solid 3px #66D303; border-radius: 0px;}
/* Tooltip container */
.tooltips { position: relative; display: inline-block; border-bottom: 1px dotted black; /* If you want dots under the hoverable text */}
/* Tooltip text */
.tooltips .tooltiptext { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; /* Position the tooltip text - see examples below! */
  position: absolute; z-index: 1;}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltips:hover .tooltiptext { visibility: visible;}
.qlink a { text-decoration-style: dotted; color: #060; font-style: italic;}
.block{ padding: 12px 0px 8px 3px; margin: 5px 0px 15px 0px; border-bottom: 2px dotted #da3ab3;}
.handmade2 { background-color: #f4f9f5; padding: 1px 10px 10px; border: 1.5px dashed #da3ab3; border-radius: 5px;}
.handmade2 p { color: #060; font-style: italic; font-size: 1.1rem; line-height: 1.5rem;}
.basket thead { background-color: white;}
.shippingrow td .name strong { font-size: 1.35rem !important; margin: 30px 0 20px 0;}
/* 
========================================================================
BIG SCREENS
========================================================================
*/
@media only screen and (min-width: 930px) {
  #menubar .title-area li.name,
  #categorymenu .title-area li.name { display: none; }
  .row { max-width: 100%; }
  #container #centre_container { padding: 0 0px; }
  }
/* 
========================================================================
Main Navigation ( copy this section from main site Custom3.css )
========================================================================
*/
@media screen and (max-width: 990px) {
.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted { font-size: 0.9rem; padding: 6px 18px 7px;}
.sm-blue a span.sub-arrow {    top: auto;    margin-top: 0;    bottom: 0px;    left: 60%;    margin-left: -5px;   right: 5%;}
}
@media screen and (max-width: 900px) {
.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted { padding: 6px 15px 7px;}
.sm-blue a span.sub-arrow {    top: auto;    margin-top: 0;    bottom: 0px;    left: 60%;    margin-left: -5px;   right: 5%;}
}
@media screen and (max-width: 850px) {
.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted { padding: 6px 15px 7px; font-size: 0.85rem;}
#main-menu .mega-menu ul li {  margin: 0px 0px 8px 0px;}
}
@media screen and (max-width: 820px) {
.sm-blue a, .sm-blue a:hover { padding: 7px 11px 8px; font-size: 0.80rem; }
}
@media screen and (max-width: 700px) {
#headernav { text-align: right; }
.main-menu-heading { float: right;}
.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted { background-color: white; color: #0e457c!important; padding: 11px 15px 8px; }
.sm-blue a span.sub-arrow { bottom: 3px;}
}
/* 
========================================================================
SMALL SCREENS
========================================================================
*/
@media only screen and (max-width: 1000px) {
.products_shortened .item { width: calc(33% - 14px); }
.socialcol img {    margin: 4px 8px;}
.related .imageblock { height: 100px;}
   }
@media only screen and (max-width: 980px) {
  .boxrspot {    width: 52%;    float: right;    padding: 3px;    margin: 4px 0px 4px 10px;}
  .mainimage .imageholder.hand { height: 100% !important; text-align: left; padding: 0 0 0 0.5rem;}
}
@media screen and (max-width: 950px) {
   #loginstatus #username { display: none; }
    #header-basket2 { display: block; margin: 12px 0 10px; }
  }

@media only screen and (max-width: 930px) {
  .products_tabular .item,
  .subcategories_shortened .item,
  #homepage .products_tabular .item {display: block; float: left; width: 48%; margin: 0 0 5px 0; }
  .related .products_tabular .item { float: left; margin: 5px 10px 5px 0; }
  .Kartris-DetailsView-Value { width: 270px; }
  ul { max-width: 100%; }
  #pagecontent_pad { min-height: 200px; padding: 0px 0px 15px 0px; }
  #pagecontent_pad3 { min-height: 200px; padding: 0px 0px 15px 40px; }
  #rightCol {    position: relative;    padding-left: 0.3rem;    padding-right: 0.0rem;    float: left;    width: 18%;    margin: 2px 5px 0px 10px;}
  .hand { cursor: default; }
  .versions td.info { max-width: 200px; overflow: hidden; }
  .basket td.quantity input { width: 36px; height: 35px; text-align: center; padding: 2px; }
  #container { padding: 0; }
  select,
  input { width: 95%; }
  #footer_inside { margin: 0; }

  /* Menus */
  #menubar { }
  #menubar .top-bar .title-area { background: #99c; }
  #menubar .top-bar-section ul { background: #ddd; }
  #menubar .top-bar-section li { border-right: none; background-color: #ddd; }
  #menubar .top-bar-section li a:not(.button) { font-size: 78%; padding: 7px 10px; }
  #menubar .top-bar-section .title-area li.name a { padding: 0 5px; }

  #categorymenu .top-bar { min-height: 0px; }
  #categorymenu .top-bar-section li a:not(.button) { width: auto; height: auto; font-size: 80%; }
  #categorymenu .top-bar.expanded .title-area { background: whitesmoke; border-bottom: 2px solid #DA3AB3; }
  #categorymenu .top-bar .title-area li.name a { padding: 0 10px; color: #fff; }
.basket table.baskettable tr td { max-width: 200px;}
  }
  @media screen and (max-width: 900px) {

}
  @media screen and (max-width: 850px) {
	#main-menu .mega-menu ul li {  margin: 0px 0px 8px 0px;}
    .products_shortened .item { width: calc(48% - 5px); }
	.imageRightHS {    float: none;    padding: 0px;    margin: 5px 0px 5px 10px;}
	.related .imageblock { height: 85px;}
	.basket table.baskettable tr td div.details div.info { display: block;  padding: 0 0 2px 0;  font-size: 90%;}
}
@media screen and (max-width: 820px) {
	.related .imageblock {  height: 85px;}
}
    @media screen and (max-width: 800px) {
#menubar .top-bar-section li a:not(.button) { font-size: 78%; padding: 7px 7px; }
.top-bar .toggle-topbar.menu-icon {  background: whitesmoke; border-bottom: 2px solid #DA3AB3;}
.top-bar.expanded .toggle-topbar.menu-icon { border-bottom: none;}
#front-slideshow {    height: 185px !important;}
#footerNav {    text-decoration: none;    background-color: #ccccff;    padding: 4px 30px 4px 30px;}
#footerNav a { font-size: 14px;    padding: 0px 1px 2px 1px;    line-height: 30px;}
	}
  @media screen and (max-width: 780px) {
.bloc40 { width: 100%; padding: 1.5% 0 1.5% 0; float: none; box-sizing: border-box;}
.bloc40r { width: 100%; padding: 1.5% 0 1.5% 0; float: none; box-sizing: border-box;}
.bloc50 { width: 100%; padding: 1.5% 0 1.5% 0; float: none; box-sizing: border-box; display: inline-block;}
.bloc50r { width: 100%; padding: 1.5% 0 1.5% 0; float: none; box-sizing: border-box; display: inline-block;}
.bloc60, .bloc60r { width: 100%; padding: 1.5% 0 1.5% 0; float: none; box-sizing: border-box;}
.bloc70 { width: 100%; padding: 1.5% 0 1.5% 0; float: none; box-sizing: border-box;}
.videoso { width: 60%; padding: 1.5% 0 1.5% 0; float: none; box-sizing: border-box;}
.boxls {    width: 100%;   float: none;    padding: 3px;    margin: 4px 0px 4px 0px;}
.boxll {    width: 100%;   float: none;    padding: 3px;    margin: 4px 0px 4px 0px;}
.boxlxl {    width: 100%;  float: none;    padding: 3px;    margin: 4px 0px 4px 0px;}
.boxrm {    width: 100%;   float: none;    padding: 3px;    margin: 4px 0px 4px 0px;}
.boxlm {    width: 100%;   float: none;    padding: 3px;    margin: 4px 8px 4px 0px;}
.boxrs {    width: 100%;   float: none;    padding: 3px;    margin: 4px 0px 4px 0px;}
.boxrl {    width: 100%;   padding: 3px;   margin: 4px 8px 4px 0px;}
.blocshopguide { width: 100%; float: none; margin: 0;}
.blocshopinfo { width: 100%; float: none; margin: 0;}
#menubar .top-bar-section li a:not(.button) { font-size: 72%; padding: 7px 7px; }
.quoteBk2 {    max-width: 95%;    padding: 10px;    margin-top: 5px;    margin-bottom: 10px;    margin-left: 20px;    border-bottom: 5px solid #B967B9;    text-align: right; }
.product div.imagecolumn                { margin: 0 0 0px 0; padding: 10px 20px 0 0; width: 50%;}
.options form .row .row.collapse .column, form .row .row.collapse .columns { padding: 2px 0px 2px 0px; width: 90%;}
.address .options form .row .row.collapse .column, form .row .row.collapse .columns { width: 100%; }
.imageHome2 {    max-width: 46% !important;    height: auto;    margin: 0 8px 0 0;}
.boxlspot {    width: 100%;    float: left;    padding: 3px;    margin: 4px 8px 4px 0px;}
.versions table.checkbox {    width: 100%;}
.bloc33cl {  width: 100%;  padding: 1% 2.5% 0% 2.5%; float: left; border-left: 1px solid black; box-sizing: border-box; margin-top: 15px;}
.related .carryonshopping .products_tabular .item { width: 17%;}
.related .imageblock { height: 112px;}
.related .products_tabular .item .box { height: 175px;}
.mainimage { width: 55%; float: left; padding: 0 1.0rem 0 0;}
#pagecontent_pad3 div.imagecolumn {  margin: 0 0 0px 0;  width: 100%;}
#pagecontent_pad3 .large-6 {  width: 100%;}
#cntMain_UC_ProductView_UC_ImageView_pnlImageViewer .spacer { clear: none;}
.media_gallery { display: none;}
.breadcrumbtrail span span a {  color: #666;  padding: 2px 17px 2px 0;}
#contact .Kartris-DetailsView-Value { width: 70%;}
.crystal-herbs2 { font-size: 1.75rem;}
.crystal-herbs2 em {font-size: 1.3rem;}
  }

@media screen and (max-width: 700px) {
  #header-subnav {    float: right;    display: block;    margin: 2px 25px 102px 25px;    text-align: left;    padding-top: 2px;}
.crystal-herbs { padding: 4.3rem 0 0 0; }
#pagecontent_pad { min-height: 200px; width: 80%; }
.navExtra2 { visibility: hidden; height:0px;}
#checkout .checkoutaddress { width: 100% !important; float: left; margin:5px;}
.basket table.baskettable tr td { max-width: 140px;}
.header-nav { padding: 5px 0px;}
.affiliatestats { display: flex; flex-direction: column-reverse;  width: 100%;}
#affiliates div#rawsales {  float: none; width: 90%;}
#affiliates div.halfwidth { float: none; width: 90%;}
.related .imageblock { height: 100px;}
.carryonshopping .products_tabular .item { width: 100%;}
#compactbasket_noofitems.basket-items-0 { display: none; visibility: revert;}
.imageheader {  margin: 16px 13px 5px 18px;}
.sm li { margin: 1px 0px 0px;}
.quickguideSH2 { width: 100%;}
#checkout .submitbuttons { text-align: center;}
.crystal-herbs2 {font-size: 1.5rem; line-height: 1.3rem; display: block; padding: 5px 0 0 0; font-weight: 501;}
.imageheader2 { width: 25vw; }
}  
/* 
========================================================================
Mobile - Landscape
========================================================================
*/
  @media only screen and (max-width: 680px) {
  #pagecontent_pad { min-height: 200px;  }
  #pagecontent_pad2 { min-height: 200px; }
 #menubar .top-bar-section li a:not(.button) { font-size: 70%; padding: 7px 6px; }
.outlineR {    padding: 5px 10px;    border: 2px solid #DDDCDD;    margin: 10px 0px 10px 0px;}
  .quoteProd {  width: 95%;   float: none;}
.bloc33, .bloc33SH { width: 100%; padding: 1.5% 0 1.5% 0; float: none; box-sizing: border-box;}
.bloc33r, .bloc33SHr { width: 100%; padding: 1.5% 0 1.5% 0; float: none; box-sizing: border-box;}
.bloc33cl { width: 100%; padding: 1% 2.5% 0% 2.5%; float: left; border-left: 1px solid black; box-sizing: border-box; margin-top: 15px;}
.bloc20T  { width: 33%; }
.bloc40r { width: 100%; padding: 1.5% 0 1.5% 0; float: none; box-sizing: border-box;}
.bloc50 { width: 100%; padding: 1.5% 0 1.5% 0; float: none; box-sizing: border-box; display: inline-block;}
.bloc50r { width: 100%; padding: 1.5% 0 1.5% 0; float: none; box-sizing: border-box; display: inline-block;}
.bloc60 { width: 100%; padding: 1.5% 0 1.5% 0; float: none; box-sizing: border-box;}
.SingleSpotlight .bloc50 {  width: 40%;  padding: 1.5% 5% 1.5% 0;  float: left;}
.addtobasket .hide-for-small { display: revert !important;}
#checkout input[type="checkbox"] + label, input[type="radio"] + label { width: 75%;}
  }
  @media only screen and (max-width: 650px) {
  .navExtra { display: none;}
  .address .columns {    padding: 2px 0px 2px 0px; margin: 0px 0px!important; }
  }
@media only screen and (max-width: 640px) {
#categorymenu .top-bar { background-color: #fff; min-height: 51px; box-sizing: border-box;  }
  #pagecontent_pad { min-height: 200px; padding: 12px 15px 15px 15px; width: 100%; box-sizing: border-box;}
  #pagecontent_pad2 { min-height: 200px; padding: 12px 15px 15px 20px; width: 100%; }
   #pagecontent_pad3 { min-height: 200px; padding: 12px 15px 15px 15px; width: 100%; box-sizing: border-box;}
  #headernav { margin-bottom: 1px;}
#categorymenu .top-bar .title-area li.name a {visibility: hidden;}
.headerm { font-size: 1.1rem;}
.navh { visibility:hidden; height:0px;}
#categorymenu .top-bar-section li a:not(.button) { max-width: 100%; padding-left: 12px; }
.basket .item {    display: none;}
.basket td.total { font-size: 100%;}
#front-slideshow li {    padding: 10px 0px;}
.basket table tr.totals .total {    font-size: 160%;    padding: 20px 20px;}
.online { visibility: hidden; font-size: 0px;}
.imageheader { width: 32vw; }
.fa-2x { font-size: 25px;}
.fas.fa-user, .fas.fa-user-check { font-size: 25px;}
.fas.fa-shopping-basket { font-size: 40px; color: deeppink;}
#compactbasket_noofitems { font-size: 14px; padding: 3px 6px 3px 6px;}
}
@media screen and (max-width: 630px) {
.blocTesti30, .blocTesti40 {  width: 90%;}
	}

@media screen and (max-width: 600px) {
#header-ch { text-align: right; padding: 0 20px 0 0;}
.crystal-herbs { font-size: 1.5rem; font-weight: bold;}
#explore .bloc33c { padding: 2% 3.2% 3% 5.0%; width: 100%;}
.Home .blocOutls, .Home .blocOutlsr { margin: 1% 1% 3% 0;  width: 100%; float: none;}
.Home .blocOutls3 { margin: 1% 1% 3% 0; width: 100%; float: none;}
.imageheader2 { width: 25vw; margin: 12px 15px 5px 15px; }
}

@media only screen and (max-width: 570px) {
  .crystal-herbs2 { line-height: 1.2rem; padding: 0px 0 0 0; }
.crystal-herbs2 em { display: block; padding: 7px 0 0 0; font-size: 1.2rem; }
}

@media only screen and (max-width: 560px) {
  #header-subnav {    float: right;    display: block;    margin: 2px 25px 102px 25px;    text-align: left;    padding-top: 2px;}
.sets1 { visibility: hidden; width: 10px;}
.imageLeft2 {    float: none;    padding: 0px;    margin: 5px 10px 10px 0px;}
.imageRight2 {    float: none;    padding: 0px;    margin: 5px 0px 10px 10px;}
 #front-slideshow { height: 160px !important; }
}
@media only screen and (max-width: 535px) {
  #section_searchbox { padding: 0px }
    #header-subnav {    float: right;    display: block;    margin: 2px 25px 102px 25px;    text-align: left;    padding-top: 2px;}
  .boxrspot {    width: 100%;    float: right;    padding: 3px;    margin: 4px 0px 4px 10px;}
  .imageRights {   visibility: hidden; width: 0px; }
	.shippingrow .details {  min-width: 250px;}
	#loginstatus strong {  display: none;}
	.Home .bloc33c  { width: 100%; padding: 1%; margin: 0 0 10px 0; }
	.Spotlight .bloc33c  { width: 100%; padding: 1%; background-color: whitesmoke; margin: 0 0 20px 0; }
	.Home .bloc33c  { width: 100%; padding: 1%; background-color: whitesmoke; margin: 0 0 20px 0; }
	#loginstatus:hover #account_menu {  margin: 28px 0 0 -85px;}
	.SingleSpotlight .bloc50 {  width: 49%;  padding: 1.5% 5% 1.5% 0;  float: left;}
	.shop { font-size: 110%;}
	.cusacc {  display: none !important; }
	.collapsible2 { padding: 15px;}
	}
  @media screen and (max-width: 500px) {
.basket table.baskettable tr td {    max-width: 50px;}
.products_shortened .item  { width: 100%; margin: 7px 0 7px 0; }
.attributes table.filled td { min-width: 105px;}
.key4 { width: 100%; float: none; margin: 0; padding: 0; border-bottom: none;}
#checkout select {  width: 95%;}
.basket .remove { min-width: 50px;}
	}
/* 
========================================================================
Mobile - Portrait
========================================================================
*/
  @media only screen and (max-width: 485px) {
#homepage h1 {  padding: 5px 0 10px 0; clear: both; line-height: 2.1rem;}
.imageheader {  margin: 4px 5px 1px 8px; width: 31vw;}
.headerm { padding: 0px; line-height: 1.2rem; margin: 0px; }
.products_tabular .item, .subcategories_shortened .item, #homepage .products_tabular .item { display: block; float: none; width: 100%; margin: 0 0 5px 0; }
#login .imageRight { display: none;}
.videoso { width: 85%; padding: 1.5% 0 1.5% 0; float: none; box-sizing: border-box;}
.breadcrumbtrail { margin: 0px 0 5px 0px;    font-size: 90%;}
.boxrxs {  width: 40%;}
.shop { padding: 0px; line-height: 1.4rem; margin: 0 0 2% 0;}
.key {  width: 100%; float: right;}
.key5 { width: 100%; float: right;}
.spotD {  width: 100%;}
.keyI { width: 100%; float: right;  padding: 1px 3px 3px;  margin: 1px 0px 20px 20px;}
.homel2 { min-height: 45px; padding: .6rem 0.2rem .4rem !important; width: 23%;}
.Spotlight .bloc33c { width: 100%; padding: 1%;}
.related .carryonshopping .products_tabular .item { width: 22%;}
#customer #orderhistory a.link2 { font-size: 80%; padding: 7px 6px;}
.imageRight {    max-width: 45%!important;}
.imageRightM {    max-width: 35%!important;}
.hExplore { margin: 8% 0 4% 0;}
.extax {  display: none;}
.inctax { min-width: 70px;}
.shippingrow .inctax { vertical-align: top !important;}
.quote40 { width: 100%;}
#customer-balance { float: none; margin: 10px 0 15px 0;}
.search .item .details { width: 66%;}
.search .item .imageblock { width: 30%;}
#contact .Kartris-DetailsView-Value { width: 95%;}
#custompagetext {  margin: 0px;}
.shippingrow .inctax { padding-top: 44px !important;}
.versions .addtobasket .dropdown { margin:2px 12px 10px 12px;}
.addtobasket .button {float: left;}
.imageheader2 { margin: 13px 5px 1px 8px; width: 31vw; }
#header-basket2 { margin: 17px -25px 10px; }
}
@media only screen and (max-width: 400px) {
 .category .main .imageviewer_holder {   float: right;    margin: 0 0px 0px 30px;    overflow: visible; width: 100px;}
 .related .carryonshopping .products_tabular .item {    width: 25%;}
 .related .imageblock {  height: 90px;}
 #header-basket a { padding: 18px 12px 15px 10px;}
 .header-nav .fas { width: 50px;}
 .SHH .products_shortened .item .box { height: 310px;}
 #header-basket2 a { padding: 18px 12px 15px 10px; }
	}
@media only screen and (max-width: 370px) {
.imageheader { margin: 9px 5px 1px 8px;}
  #front-slideshow { height: 142px !important; }
.imageheader2 { margin: 0px 2px 1px 5px; width: 30vw; }
}
@media only screen and (max-width: 350px) {
.imageheader2 { margin: 13px 5px 1px 8px; width: 29vw;}
.headerm { font-size: 0.95rem;}
.imageheader2 { display: none; }
}