@charset "utf-8";
/* CSS Document */

.wellbeingoffers .griditems {display: none;}

/* Category 2025 Layout */

.categorylayout2025 .shop-filters .filter-section h5 {color: #2b4786;}
.categorylayout2025 .catalog-grid .tile .footer-wrapper-price span {display: none;}
.categorylayout2025 .header-full {display: none;}
.categorylayout2025 .bottomfooter2025 {background-color: navy !important; position: relative !important;}
.categorylayout2025 {background-color: #ffffff!important;}

.categorylayout2025 .griditems {border-style: none; box-shadow: none;}

.categorylayout2025 .catalog-grid .tile {border-right: none;}
.categorylayout2025 .tileparent {border-top: none;}

.categorylayout2025 .btn-primary {background: #2b4786; color: #ffffff;}
.categorylayout2025 .btn-primary:hover {background: #3a5fb4; color: #ffffff;}
.categorylayout2025 .btn-default {background: #2b4786; color: #ffffff;}
.categorylayout2025 .btn-default:hover {background: #3a5fb4; color: #ffffff;}

/*green*/
.categorylayout2025green .shop-filters .filter-section h5 {color: #1c726a;}
.categorylayout2025green .catalog-grid .tile .footer-wrapper-price span {display: none;}
.categorylayout2025green .header-full {display: none;}
.categorylayout2025green .bottomfooter2025 {background-color: navy !important; position: relative !important;}
.categorylayout2025green {background-color: #ffffff!important;}

.categorylayout2025green .griditems {border-style: none; box-shadow: none;}

.categorylayout2025green .catalog-grid .tile {border-right: none;}
.categorylayout2025green .tileparent {border-top: none;}

.categorylayout2025green .btn-primary {background: #1c726a; color: #ffffff;}
.categorylayout2025green .btn-primary:hover {background: #3a5fb4; color: #ffffff;}
.categorylayout2025green .btn-default {background: #1c726a; color: #ffffff;}
.categorylayout2025green .btn-default:hover {background: #3a5fb4; color: #ffffff;}

/*catgeory end*/

.wellbeingoffers .cat-tiles .griditems {display: none !important;}

.homepagelayout20252 .header-full {display: none;}
.homepagelayout20252 .bottomfooter2025 {background-color: #2b4786 !important; position: relative !important;}
.categorylayout2025green  .header-full {display: none;}
.categorylayout2025green  .bottomfooter2025 {background-color: #2b4786 !important; position: relative !important;}
.homepagelayoutgreen  .header-full {display: none;}
.homepagelayoutgreen  .bottomfooter2025 {background-color: #1c726a !important; position: relative !important;}
.homepagelayout20252 {background-color: white;}
.homepagelayout20252 .brands_container h3 {border-bottom: none !important;}

.searchiconblue {color: gold;}
.iconstopwhite {color: white; padding-left: 10px; padding-right: 10px;}
.iconstopgold {color: gold; padding-left: 10px; padding-right: 10px;}

.iconswhite {padding-left: 20px; padding-right: 20px; color: white; text-align: right;}
.header2025search {max-height: 50px;}

.homepage-tile-button {min-height: 40px; padding: 10px 20px 10px 20px !important; display: inline-block; font-size: 1em !important; background: navy;
    border-radius: 4px; cursor: pointer; border: none; color: #ffffff;}

.homepage-tile-button:hover {background-color: blue;}

.homepage-tile-subtitles {text-align: center;}
.homepage-tile-body {text-align: center;}

.logo-new-test {max-width: 400px; padding: 20px;}

.blue-top-test {background-color: #2b4786; color: white; padding-top: 20px;}
.green-top-test {background-color: #1c726a; color: white; padding-top: 20px;}

.search-new-test h4 {display: none;}


/*Remove Breadcrumsb from Content Pages*/

.ex-content-page .breadcrumb {display: none;}

/*Eco Aware Green Text Control*/

section.filter-section.filtername-eco_aware.filter-expanded {color: green;}
section.filter-section.filtername-eco_aware.filter-expanded h5 {color: green;}

/*2025 Utility Pieces*/
.container-top-bottom-padding-2025 {margin-top: 20px; margin-bottom: 20px;}

/*2025 Header Banners*/

.header-banner-2025 {max-width: 100%; width: 2500px; text-align: right; padding: 30px 40px; overflow: hidden; background-size: cover;}

.header-banner-title-2025 {background-color: #175368a3; color: white; padding: 20px; border-style: solid; border-width: 3px; max-width: 50%; text-align: center; margin: auto;}
.header-banner-title-2025 h1 {color: white; font-weight: 700;}
.header-banner-title-2025 h3 {color: white;}

.header-banner-padding-2025 {padding: 20px 0;}

@media (max-width: 1000px) {.header-banner-padding-2025 {padding: 0px;} }
@media (max-width: 1000px) {.header-banner-2025 {margin: 0px;} }
@media (max-width: 1000px) {.header-banner-title-2025 {max-width: 80%;} }

/*Mobile Header Menu 2025 */
.header-search i {
	color: white;
}

@media (max-width: 1000px) {a.logo {filter: contrast(0) brightness(400);} }

header .header-mobile .cd-dropdown-trigger-mobile i, header .header-mobile .header-right a {
    color: white;
}

@media (max-width: 1000px) {.minicart_count {color: white;} }


/* 2025 Test layouts */

.homepagelayout2025 .brands_container h3,
.pricematchpromise2025 .brands_container h3,
.rewards2025 .brands_container h3,
.sustainabilitynewdraft .brands_container h3,
.creditaccount2025 .brands_container h3,
.deliveryandreturns2025 .brands_container h3,
.contactus2025.catalog-single .brands_container h3,
.mailinglist2025 .catalog-single .brands_container h3,
.getquote2025 .catalog-single .brands_container h3
{
    border-bottom: none;
}

.homepagelayout2025 .catalog-single .tile img,
.pricematchpromise2025 .catalog-single .tile img,
.rewards2025 .catalog-single .tile img,
.sustainabilitynewdraft .catalog-single .tile img,
.creditaccount2025 .catalog-single .tile img,
.deliveryandreturns2025 .catalog-single .tile img,
.contactus2025.catalog-single .tile img,
.mailinglist2025 .catalog-single .tile img,
.getquote2025 .catalog-single .tile img {
    width: 80%;
}

.homepagelayout2025 .catalog-single.has-grid[data-widgetsize="3"] .tileparent.col-lg-3,
.pricematchpromise2025 .catalog-single.has-grid[data-widgetsize="3"] .tileparent.col-lg-3,
.rewards2025 .catalog-single.has-grid[data-widgetsize="3"] .tileparent.col-lg-3,
.sustainabilitynewdraft .catalog-single.has-grid[data-widgetsize="3"] .tileparent.col-lg-3,
.creditaccount2025 .catalog-single.has-grid[data-widgetsize="3"] .tileparent.col-lg-3,
.deliveryandreturns2025 .catalog-single.has-grid[data-widgetsize="3"] .tileparent.col-lg-3,
.contactus2025.catalog-single .catalog-single.has-grid[data-widgetsize="3"] .tileparent.col-lg-3,
.mailinglist2025 .catalog-single .catalog-single.has-grid[data-widgetsize="3"] .tileparent.col-lg-3,
.getquote2025 .catalog-single .catalog-single.has-grid[data-widgetsize="3"] .tileparent.col-lg-3
{
  width: 20%;}

.homepagelayout2025 .homepage-3-col,
.pricematchpromise2025 .homepage-3-col,
.rewards2025 .homepage-3-col,
.sustainabilitynewdraft .homepage-3-col,
.creditaccount2025 .homepage-3-col,
.deliveryandreturns2025 .homepage-3-col,
.contactus2025 .homepage-3-col,
.mailinglist2025 .homepage-3-col,
.getquote2025 .homepage-3-col
{width: 25%;
  display: inline-block;
    margin-left: 20px;
    margin-right: 20px;
border-style: none !important;}

.homepagelayout2025 .cd-dropdown-wrapper,
.pricematchpromise2025 .cd-dropdown-wrapper,
.rewards2025 .cd-dropdown-wrapper,
.sustainabilitynewdraft .cd-dropdown-wrapper,
.creditaccount2025 .cd-dropdown-wrapper,
.deliveryandreturns2025 .cd-dropdown-wrapper,
.contactus2025 .cd-dropdown-wrapper,
.mailinglist2025 .cd-dropdown-wrapper,
.getquote2025 .cd-dropdown-wrapper
{
    background-color: grey;
}

@media (max-width: 769px) {	
.homepagelayout2025 .cd-dropdown-wrapper,
.pricematchpromise2025 .cd-dropdown-wrapper,
.rewards2025 .cd-dropdown-wrapper,
.sustainabilitynewdraft .cd-dropdown-wrapper,
.creditaccount2025 .cd-dropdown-wrapper,
.deliveryandreturns2025 .cd-dropdown-wrapper,
.contactus2025 .cd-dropdown-wrapper,
.mailinglist2025 .cd-dropdown-wrapper,
.getquote2025 .cd-dropdown-wrapper
	{
    background-color: #2290b8;} }

.homepagelayout2025 .menu .additional_linkslist li.menuitem:not(.quicklistall):hover,
.pricematchpromise2025 .menu .additional_linkslist li.menuitem:not(.quicklistall):hover,
.rewards2025 .menu .additional_linkslist li.menuitem:not(.quicklistall):hover,
.sustainabilitynewdraft .menu .additional_linkslist li.menuitem:not(.quicklistall):hover,
.creditaccount2025 .menu .additional_linkslist li.menuitem:not(.quicklistall):hover,
.deliveryandreturns2025 .menu .additional_linkslist li.menuitem:not(.quicklistall):hover,
.contactus2025 .menu .additional_linkslist li.menuitem:not(.quicklistall):hover,
.mailinglist2025 .menu .additional_linkslist li.menuitem:not(.quicklistall):hover,
.getquote2025 .menu .additional_linkslist li.menuitem:not(.quicklistall):hover
{
  background-color: lightgray !important;}

.homepagelayout2025 .menuitem .pointer .padding-menu:hover,
.pricematchpromise2025 .menuitem .pointer .padding-menu:hover,
.rewards2025 .menuitem .pointer .padding-menu:hover,
.sustainabilitynewdraft .menuitem .pointer .padding-menu:hover,
.creditaccount2025 .menuitem .pointer .padding-menu:hover,
.deliveryandreturns2025 .menuitem .pointer .padding-menu:hover,
.contactus2025 .menuitem .pointer .padding-menu:hover,
.mailinglist2025 .menuitem .pointer .padding-menu:hover,
.getquote2025 .menuitem .pointer .padding-menu:hover
{
  background-color: lightgray !important;}
  

.homepagelayout2025 .cd-dropdown-trigger.dropdown-is-active, 
.pricematchpromise2025 .cd-dropdown-trigger.dropdown-is-active, 
.rewards2025 .cd-dropdown-trigger.dropdown-is-active, 
.sustainabilitynewdraft .cd-dropdown-trigger.dropdown-is-active, 
.creditaccount2025 .cd-dropdown-trigger.dropdown-is-active, 
.deliveryandreturns2025 .cd-dropdown-trigger.dropdown-is-active, 
.contactus2025 .cd-dropdown-trigger.dropdown-is-active, 
.mailinglist2025 .cd-dropdown-trigger.dropdown-is-active, 
.getquote2025 .cd-dropdown-trigger.dropdown-is-active
{
    background-color: grey;
}

.homepagelayout2025 .no-touch .cd-dropdown-trigger.dropdown-is-active:hover,
.pricematchpromise2025 .no-touch .cd-dropdown-trigger.dropdown-is-active:hover,
.rewards2025 .no-touch .cd-dropdown-trigger.dropdown-is-active:hover,
.sustainabilitynewdraft .no-touch .cd-dropdown-trigger.dropdown-is-active:hover,
.creditaccount2025 .no-touch .cd-dropdown-trigger.dropdown-is-active:hover,
.deliveryandreturns2025 .no-touch .cd-dropdown-trigger.dropdown-is-active:hover,
.contactus2025 .no-touch .cd-dropdown-trigger.dropdown-is-active:hover,
.mailinglist2025 .no-touch .cd-dropdown-trigger.dropdown-is-active:hover,
.getquote2025  .no-touch .cd-dropdown-trigger.dropdown-is-active:hover
{
  background-color: lightgray !important;}
  
.homepagelayout2025 .cd-dropdown-wrapper:hover,
.pricematchpromise2025 .cd-dropdown-wrapper:hover,
.rewards2025 .cd-dropdown-wrapper:hover,
.sustainabilitynewdraft .cd-dropdown-wrapper:hover,
.creditaccount2025 .cd-dropdown-wrapper:hover,
.deliveryandreturns2025 .cd-dropdown-wrapper:hover,
.contactus2025 .cd-dropdown-wrapper:hover,
.mailinglist2025 .cd-dropdown-wrapper:hover,
.getquote2025  .cd-dropdown-wrapper:hover
{
    background-color: lightgray !important;
}

.homepagelayout2025 .menuitem:nth-child(9):hover,
.pricematchpromise2025 .menuitem:nth-child(9):hover,
.rewards2025 .menuitem:nth-child(9):hover,
.sustainabilitynewdraft .menuitem:nth-child(9):hover,
.creditaccount2025 .menuitem:nth-child(9):hover,
.deliveryandreturns2025 .menuitem:nth-child(9):hover,
.contactus2025 .menuitem:nth-child(9):hover,
.mailinglist2025 .menuitem:nth-child(9):hover,
.getquote2025 .menuitem:nth-child(9):hover
{
    background-color: lightgray !important;
	} 

#new-logo-test {display: none;}

.homepagelayout2025 .menu .container li.menuitem a,
.pricematchpromise2025 .menu .container li.menuitem a,
.rewards2025 .menu .container li.menuitem a,
.sustainabilitynewdraft .menu .container li.menuitem a,
.creditaccount2025 .menu .container li.menuitem a,
.deliveryandreturns2025 .menu .container li.menuitem a,
.contactus2025 .menu .container li.menuitem a,
.mailinglist2025  .menu .container li.menuitem a,
.getquote2025 .menu .container li.menuitem a
{color: grey !important;}


.homepagelayout2025 .rebrand-menu,
.pricematchpromise2025 .rebrand-menu,
.rewards2025 .rebrand-menu,
.sustainabilitynewdraft .rebrand-menu,
.creditaccount2025 .rebrand-menu,
.deliveryandreturns2025 .rebrand-menu,
.contactus2025 .rebrand-menu,
.mailinglist2025 .rebrand-menu,
.getquote2025 .rebrand-menu
{color: #ffffff !important; color: grey !important;}


.homepagelayout2025 .rebrand-icon,
.pricematchpromise2025 .rebrand-icon,
.rewards2025 .rebrand-icon,
.sustainabilitynewdraft .rebrand-icon,
.creditaccount2025 .rebrand-icon,
.deliveryandreturns2025 .rebrand-icon,
.contactus2025 .rebrand-icon,
.mailinglist2025 .rebrand-icon,
.getquote2025 .rebrand-icon
{filter: brightness(0.5);}

.rounded-banner img {border-radius: 7px;}

.homepagelayout2025 .row-breadcrumb,
.pricematchpromise2025 .row-breadcrumb,
.rewards2025 .row-breadcrumb,
.sustainabilitynewdraft .row-breadcrumb,
.creditaccount2025 .row-breadcrumb,
.deliveryandreturns2025 .row-breadcrumb,
.contactus2025 .row-breadcrumb,
.mailinglist2025 .row-breadcrumb, 
.getquote2025 .row-breadcrumb
{display: none;}


.homepagelayout2025 #new-logo-test-2,
.pricematchpromise2025 #new-logo-test-2,
.rewards2025 #new-logo-test-2,
.sustainabilitynewdraft #new-logo-test-2,
.creditaccount2025 #new-logo-test-2,
.deliveryandreturns2025 #new-logo-test-2,
.contactus2025 #new-logo-test-2,
.mailinglist2025 #new-logo-test-2,
.getquote2025 #new-logo-test-2
{display: none;}

.homepagelayout2025 #new-logo-test,
.pricematchpromise2025 #new-logo-test,
.rewards2025 #new-logo-test,
.sustainabilitynewdraft #new-logo-test,
.creditaccount2025 #new-logo-test,
.deliveryandreturns2025 #new-logo-test,
.contactus2025 #new-logo-test,
.mailinglist2025 #new-logo-test,
.getquote2025 #new-logo-test
{display: contents;}


.homepagelayout2025 .ajax-search input,
.pricematchpromise2025 .ajax-search input,
.rewards2025 .ajax-search input,
.sustainabilitynewdraft .ajax-search input,
.creditaccount2025 .ajax-search input,
.deliveryandreturns2025 .ajax-search input,
.contactus2025 .ajax-search input,
.mailinglist2025 .ajax-search input,
.getquote2025 .ajax-search input
{border-radius: 10px;}

.homepagelayout2025 .menu,
.pricematchpromise2025 .menu,
.rewards2025 .menu,
.sustainabilitynewdraft .menu,
.creditaccount2025 .menu,
.deliveryandreturns2025 .menu,
.contactus2025 .menu,
.mailinglist2025 .menu,
.getquote2025 .menu
{
    border-radius: 10px;
    box-shadow: -1px 9px 8px 0px #80808036;
  padding: 10px;}


.homepagelayout2025 #headermenu_104371,
.pricematchpromise2025 #headermenu_104371,
.rewards2025 #headermenu_104371,
.sustainabilitynewdraft #headermenu_104371,
.creditaccount2025 #headermenu_104371,
.deliveryandreturns2025 #headermenu_104371,
.contactus2025 #headermenu_104371,
.mailinglist2025 #headermenu_104371
.getquote2025 
{z-index: 250;}


.homepagelayout2025 .toolbar .cart-btn>.btn span,
.pricematchpromise2025 .toolbar .cart-btn>.btn span,
.rewards2025 .toolbar .cart-btn>.btn span,
.sustainabilitynewdraft .toolbar .cart-btn>.btn span,
.creditaccount2025 .toolbar .cart-btn>.btn span,
.deliveryandreturns2025 .toolbar .cart-btn>.btn span,
.contactus2025 .toolbar .cart-btn>.btn span,
.mailinglist2025 .toolbar .cart-btn>.btn span,
.getquote2025 .toolbar .cart-btn>.btn span
{
    background-color: #2290b8;
    border-radius: 20px;
}


.homepagelayout2025 .toolbar .cart-btn>.btn,
.pricematchpromise2025 .toolbar .cart-btn>.btn,
.rewards2025 .toolbar .cart-btn>.btn,
.sustainabilitynewdraft .toolbar .cart-btn>.btn,
.creditaccount2025 .toolbar .cart-btn>.btn,
.deliveryandreturns2025 .toolbar .cart-btn>.btn,
.contactus2025 .toolbar .cart-btn>.btn,
.mailinglist2025 .toolbar .cart-btn>.btn,
.getquote2025 .toolbar .cart-btn>.btn
{
    background-color: white;
    color: black !important;
}

.homepagelayout2025 .cart-btn:hover>.btn,
.pricematchpromise2025 .cart-btn:hover>.btn,
.rewards2025 .cart-btn:hover>.btn,
.sustainabilitynewdraft .cart-btn:hover>.btn,
.creditaccount2025 .cart-btn:hover>.btn,
.deliveryandreturns2025 .cart-btn:hover>.btn,
.contactus2025 .cart-btn:hover>.btn,
.mailinglist2025 .cart-btn:hover>.btn,
.getquote2025 .cart-btn:hover>.btn
{
    background-color: white !important;
}

.moretreesbox {
   background: #ffffff !important;
    padding: 30px 30px 30px 30px;
    border-top: .5px solid #E0E0E0;
    border-bottom: .5px solid #E0E0E0;
    border-left: .5px solid #E0E0E0;
    border-right: .5px solid #E0E0E0;
  border-radius: 10px;
}

.infobox2025 {
    background: #ffffff !important;
    padding: 30px 30px 30px 30px;
    border-top: .5px solid #E0E0E0;
    border-bottom: .5px solid #E0E0E0;
    border-left: .5px solid #E0E0E0;
    border-right: .5px solid #E0E0E0;
  border-radius: 10px;
box-shadow: none;
position: relative;}

.desktop-half {width: 49%;}

@media only screen and (max-width: 768px) {
	.desktop-half {width: 100%;} }

.two-col-2025 {
  padding:20px;
  width:48%;
  display: inline-block;}

@media (max-width: 992px) {
  .two-col-2025 {
  padding:20px;
  width:100%;
    display: inline-block;} }
  
.top-menu-2025 li {display: inline-block;}
.top-menu-2025    { background-color: white;
    padding: 10px 30px 10px 30px;
    color: #545454;
    border-radius: 10px;
    box-shadow: 0px 0px 18px 0px #5a5a5a96;
    overflow: visible;
    margin-left: 10px;
    margin-right: 10px;
  margin-bottom: 20px;}
.center-menu {text-align: center;}

/* Wellbeing Sale 2025 Layout */

.merchandisingcontent_container {
    background: #ffffff !important;
    padding: 30px 30px 30px 30px;
    border-top: .5px solid #E0E0E0;
    border-bottom: .5px solid #E0E0E0;
    border-left: .5px solid #E0E0E0;
    border-right: .5px solid #E0E0E0;
  border-radius: 10px;
box-shadow: none;}

.griditems {
    background: #ffffff !important;
    padding: 30px 30px 30px 30px;
    border-top: .5px solid #E0E0E0;
    border-bottom: .5px solid #E0E0E0;
    border-left: .5px solid #E0E0E0;
    border-right: .5px solid #E0E0E0;
  border-radius: 10px;
box-shadow: none;}

.infobox2025 {
    background: #ffffff !important;
    padding: 30px 30px 30px 30px;
    border-top: .5px solid #E0E0E0;
    border-bottom: .5px solid #E0E0E0;
    border-left: .5px solid #E0E0E0;
    border-right: .5px solid #E0E0E0;
  border-radius: 10px;
box-shadow: none;}

.margintop2025 {margin-top: 20px;}
#htmlcontent_265530 {padding-left: 0px;}

.btn-primary {background: black; border-radius: 4px; color: #ffffff;}
.btn-primary:hover {background: grey; border-radius: 4px; color: #ffffff;}
.btn-default {background: black; border-radius: 4px; color: #ffffff;}
.btn-default:hover {background: grey; border-radius: 4px; color: #ffffff;}
.btn-blue {background: #2290b8; border-radius: 4px; color: #ffffff;}
.btn-blue:hover {background: #70b7d1; border-radius: 4px; color: #ffffff;}

.merchandising-carousel .owl-next, .wastebinoffers .merchandising-carousel .owl-prev {
  background-color: #ffffff;}

.shop-filters {background-color: #ffffff; border-top: .5px solid #E0E0E0; border-bottom: .5px solid #E0E0E0; border-left: .5px solid #E0E0E0; border-right: .5px solid #E0E0E0; border-radius: 10px;} 

a {color: black;}
.catalog-grid .tile .footer a {color: black;}

/* Paper Sale 2025 Layout */

.paperoffers .merchandisingcontent_container {
    background: #ffffff !important;
    padding: 30px 30px 30px 30px;
    border-top: .5px solid #E0E0E0;
    border-bottom: .5px solid #E0E0E0;
    border-left: .5px solid #E0E0E0;
    border-right: .5px solid #E0E0E0;
  border-radius: 10px;
box-shadow: none;}

.paperoffers .griditems {
    background: #ffffff !important;
    padding: 30px 30px 30px 30px;
    border-top: .5px solid #E0E0E0;
    border-bottom: .5px solid #E0E0E0;
    border-left: .5px solid #E0E0E0;
    border-right: .5px solid #E0E0E0;
  border-radius: 10px;
box-shadow: none;}

.paperoffers .infobox2025 {
    background: #ffffff !important;
    padding: 30px 30px 30px 30px;
    border-top: .5px solid #E0E0E0;
    border-bottom: .5px solid #E0E0E0;
    border-left: .5px solid #E0E0E0;
    border-right: .5px solid #E0E0E0;
  border-radius: 10px;
box-shadow: none;}

.margintop2025 {margin-top: 20px;}
#htmlcontent_265530 {padding-left: 0px;}

.paperoffers .btn-primary {background: black; color: #ffffff;}
.paperoffers .btn-primary:hover {background: grey; color: #ffffff;}
.paperoffers .btn-default {background: black; color: #ffffff;}
.paperoffers .btn-default:hover {background: grey; color: #ffffff;}

.paperoffers .merchandising-carousel .owl-next, .wastebinoffers .merchandising-carousel .owl-prev {
  background-color: #ffffff;}

.paperoffers .shop-filters {background-color: #ffffff; border-top: .5px solid #E0E0E0; border-bottom: .5px solid #E0E0E0; border-left: .5px solid #E0E0E0; border-right: .5px solid #E0E0E0; border-radius: 10px;} 

.paperoffers a {color: black;}
.paperoffers .catalog-grid .tile .footer a {color: black;}

/* Showroom 2025 Layout */

.visitourshowroom  .btn-primary {background: black; color: #ffffff;}
.visitourshowroom  .btn-primary:hover {background: grey; color: #ffffff;}
.visitourshowroom  .btn-default {background: black; color: #ffffff;}
.visitourshowroom  .btn-default:hover {background: grey; color: #ffffff;}

/* Waste Bins 2025 Layout */

.wastebinoffers .merchandisingcontent_container {
    background: #ffffff !important;
    padding: 30px 30px 30px 30px;
    border-top: .5px solid #E0E0E0;
    border-bottom: .5px solid #E0E0E0;
    border-left: .5px solid #E0E0E0;
    border-right: .5px solid #E0E0E0;
  border-radius: 10px;
box-shadow: none;}

.wastebinoffers .griditems {
    background: #ffffff !important;
    padding: 30px 30px 30px 30px;
    border-top: .5px solid #E0E0E0;
    border-bottom: .5px solid #E0E0E0;
    border-left: .5px solid #E0E0E0;
    border-right: .5px solid #E0E0E0;
  border-radius: 10px;
box-shadow: none;}

.wastebinoffers .infobox2025 {
    background: #ffffff !important;
    padding: 30px 30px 30px 30px;
    border-top: .5px solid #E0E0E0;
    border-bottom: .5px solid #E0E0E0;
    border-left: .5px solid #E0E0E0;
    border-right: .5px solid #E0E0E0;
  border-radius: 10px;
box-shadow: none;}

.margintop2025 {margin-top: 20px;}
#htmlcontent_265530 {padding-left: 0px;}

.wastebinoffers .btn-primary {background: black; color: #ffffff;}
.wastebinoffers .btn-primary:hover {background: grey; color: #ffffff;}
.wastebinoffers .btn-default {background: black; color: #ffffff;}
.wastebinoffers .btn-default:hover {background: grey; color: #ffffff;}

.wastebinoffers .merchandising-carousel .owl-next, .wastebinoffers .merchandising-carousel .owl-prev {
  background-color: #ffffff;}

.wastebinoffers .shop-filters {background-color: #ffffff; border-top: .5px solid #E0E0E0; border-bottom: .5px solid #E0E0E0; border-left: .5px solid #E0E0E0; border-right: .5px solid #E0E0E0; border-radius: 10px;} 

.wastebinoffers a {color: black;}
.wastebinoffers .catalog-grid .tile .footer a {color: black;}

.PDFtiles2025 {width: 10%;
  display: inline-block;
    margin-left: 20px;
    margin-right: 20px;
}

@media (max-width: 992px) {
.PDFtiles2025 {
    width: 30%;
  display: inline-block;
    padding-left: 10px;
  padding-right: 10px;
  } }

/* Furniture Sale 2025 Layout */

.springfurnituresale .merchandisingcontent_container {
    background: #ffffff !important;
    padding: 30px 30px 30px 30px;
    border-top: .5px solid #E0E0E0;
    border-bottom: .5px solid #E0E0E0;
    border-left: .5px solid #E0E0E0;
    border-right: .5px solid #E0E0E0;
  border-radius: 10px;
box-shadow: none;}

.springfurnituresale .griditems {
    background: #ffffff !important;
    padding: 30px 30px 30px 30px;
    border-top: .5px solid #E0E0E0;
    border-bottom: .5px solid #E0E0E0;
    border-left: .5px solid #E0E0E0;
    border-right: .5px solid #E0E0E0;
  border-radius: 10px;
box-shadow: none;}

.springfurnituresale .infobox2025 {
    background: #ffffff !important;
    padding: 30px 30px 30px 30px;
    border-top: .5px solid #E0E0E0;
    border-bottom: .5px solid #E0E0E0;
    border-left: .5px solid #E0E0E0;
    border-right: .5px solid #E0E0E0;
  border-radius: 10px;
box-shadow: none;}

.margintop2025 {margin-top: 20px;}
#htmlcontent_265530 {padding-left: 0px;}

.springfurnituresale .btn-primary {background: black; color: #ffffff;}
.springfurnituresale .btn-primary:hover {background: grey; color: #ffffff;}
.springfurnituresale .btn-default {background: black; color: #ffffff;}
.springfurnituresale .btn-default:hover {background: grey; color: #ffffff;}

.springfurnituresale .merchandising-carousel .owl-next, .wastebinoffers .merchandising-carousel .owl-prev {
  background-color: #ffffff;}

.springfurnituresale .shop-filters {background-color: #ffffff; border-top: .5px solid #E0E0E0; border-bottom: .5px solid #E0E0E0; border-left: .5px solid #E0E0E0; border-right: .5px solid #E0E0E0; border-radius: 10px;} 

.springfurnituresale a {color: black;}
.springfurnituresale .catalog-grid .tile .footer a {color: black;}



/* Product 2025 Layout */


.testproduct {background-color: #ffffff!important;}

.testproduct .mainproductpagedesktop {border-top-style: none; box-shadow: none;}

.testproduct .catalog-grid .tile {border-right: none;}
.testproduct .tileparent {border-top: none;}
.testproduct .btn-primary {background: black; color: #ffffff;}
.testproduct .btn-primary:hover {background: grey; color: #ffffff;}
.testproduct .btn-default {background: black; color: #ffffff;}
.testproduct .btn-default:hover {background: grey; color: #ffffff;}

.testproduct .catalog-single .buttons .qnt-count .incr-btn {background: black; color: #ffffff;}
.testproduct .catalog-single .buttons .qnt-count .incr-btn:hover {background: grey; color: #ffffff;}

.testproduct .form-control {border: 1px solid black;}

.testproduct #accordion .panel-border {border-style: none;}

.testproduct .label-focus {background: none;}
.testproduct .label {color: #545454;}

.testproduct .catalog-single .product-title {border-bottom: none;}
.testproduct .catalog-single .softgraybackground, .softgraybackground {
  background-color: #ffffff;}
  
  .testproduct a {color: black;}
}

/* Landing Page 2025 Layout */


.landingpagelayout2025 {background-color: #ffffff!important;}

.landingpagelayout2025 .catalog-grid .container {border-top-style: none; box-shadow: none;}



/* Homepage 2025 Layout - Menu change */

.homepagelayout2025 .zonetop,
.pricematchpromise2025 .zonetop,
.rewards2025 .zonetop,
.sustainabilitynewdraft .zonetop,
.creditaccount2025 .zonetop,
.deliveryandreturns2025 .zonetop,
.contactus2025 .zonetop,
.mailinglist2025 .zonetop,
.getquote2025 .zonetop
{z-index: 500;
    position: sticky;
    top: 0;
}


.homepagelayout2025 header,
.pricematchpromise2025 header,
.rewards2025 header,
.sustainabilitynewdraft header,
.creditaccount2025 header,
.deliveryandreturns2025 header,
.contactus2025 header,
.mailinglist2025 header,
.getquote2025 header
{background-color: white;}


.homepagelayout2025 input,
.pricematchpromise2025 input,
.rewards2025 input,
.sustainabilitynewdraft input,
.creditaccount2025 input,
.deliveryandreturns2025 input,
.contactus2025 input,
.mailinglist2025 input,
.getquote2025 input
{border-color: grey;}
  
.homepagelayout2025 .menu .catalog-block,
.pricematchpromise2025 .menu .catalog-block,
.rewards2025 .menu .catalog-block,
.sustainabilitynewdraft .menu .catalog-block,
.creditaccount2025 .menu .catalog-block,
.deliveryandreturns2025 .menu .catalog-block,
.contactus2025 .menu .catalog-block,
.mailinglist2025 .menu .catalog-block,
.getquote2025 .menu .catalog-block
{background: white;}

.homepagelayout2025 .image-tile-4-2025,
.pricematchpromise2025 .image-tile-4-2025,
.rewards2025 .image-tile-4-2025,
.sustainabilitynewdraft .image-tile-4-2025,
.creditaccount2025 .image-tile-4-2025,
.deliveryandreturns2025 .image-tile-4-2025,
.contactus2025 .image-tile-4-2025,
.mailinglist2025 .image-tile-4-2025,
.getquote2025 .image-tile-4-2025
{
  width: 22%; 
  display: inline-block;
min-height: 200px;
    background-size: cover;
    background-position: center;
text-align: center;
border-radius: 10px;
  position: relative;
  margin: 10px;}

@media (max-width: 992px) {
.homepagelayout2025 .image-tile-4-2025,
.pricematchpromise2025 .image-tile-4-2025,
.rewards2025 .image-tile-4-2025,
.sustainabilitynewdraft .image-tile-4-2025,
.creditaccount2025 .image-tile-4-2025,
.deliveryandreturns2025 .image-tile-4-2025,
.contactus2025 .image-tile-4-2025,
.mailinglist2025 .image-tile-4-2025,
.getquote2025 .image-tile-4-2025
	{
  width: 47%; 
    display: inline-block;} }

.homepagelayout2025 .image-tile-title, 
.pricematchpromise2025 .image-tile-title, 
.rewards2025 .image-tile-title, 
.sustainabilitynewdraft .image-tile-title, 
.creditaccount2025 .image-tile-title, 
.deliveryandreturns2025 .image-tile-title, 
.contactus2025 .image-tile-title, 
.mailinglist2025 .image-tile-title, 
.getquote2025 .image-tile-title
{
  color: #ffffff;
position: absolute;
    top: 70%;
    width: 100%;
    text-align: center;
font-weight: bolder;
    font-size: large;
    text-shadow: 0px 0px 6px #292c2e;}


.homepagelayout2025, 
.pricematchpromise2025, 
.rewards2025, 
.sustainabilitynewdraft, 
.creditaccount2025, 
.deliveryandreturns2025, 
.contactus2025, 
.mailinglist2025, 
.getquote2025 
{background-color: #ffffff!important;} 


.homepagelayout2025 .catalog-grid .container,
.pricematchpromise2025 .catalog-grid .container, 
.rewards2025 .catalog-grid .container, 
.sustainabilitynewdraft .catalog-grid .container, 
.creditaccount2025 .catalog-grid .container,
.deliveryandreturns2025 .catalog-grid .container,
.contactus2025 .catalog-grid .container,
.mailinglist2025 .catalog-grid .container,
.getquote2025 .catalog-grid .container
{border-top-style: none; box-shadow: none;}

.homepagelayout2025 .merchandising-content-static,
.pricematchpromise2025 .merchandising-content-static,
.rewards2025 .merchandising-content-static,
.sustainabilitynewdraft .merchandising-content-static,
.creditaccount2025 .merchandising-content-static,
.deliveryandreturns2025 .merchandising-content-static,
.contactus2025 .merchandising-content-static,
.mailinglist2025 .merchandising-content-static,
.getquote2025 .merchandising-content-static
{border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-radius: 10px;
  padding: 10px 10px 30px 10px;}


.homepagelayout2025 .merchandisingcontent_container,
.pricematchpromise2025 .merchandisingcontent_container,
.rewards2025 .merchandisingcontent_container,
.sustainabilitynewdraft .merchandisingcontent_container,
.creditaccount2025 .merchandisingcontent_container,
.deliveryandreturns2025 .merchandisingcontent_container,
.contactus2025 .merchandisingcontent_container,
.mailinglist2025 .merchandisingcontent_container,
.getquote2025 .merchandisingcontent_container
{border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-radius: 10px;
  padding: 10px 10px 30px 10px;}

/* End of Test Layout */


#htmlcontent_256762 {padding: 0px;}

.header {background-size: cover!important;}

.padding-menu {
  padding-left: 2vw!important;
padding-right: 2vw!important;}

.open-sans-title h3 {
  font-weight: 600;
    font-size: x-large !important;
  font-family: sans-serif !important;}
  
.white-background {
  background-color: white;}

.header-tools-list .shopping-tools-wrapper {
    display: block!important;
    line-height: 20px;
  color: #ffffff!important;
    position: relative;
}

.pull-upwards {
      position: relative;
    top: -30px;
    left: 8px;
  color: #ffffff!important;}

.home .brands_container h3 {
   
   border-bottom: none;}

.home .griditems {
  border-top-style: none;
box-shadow: none;}

@media (min-width: 1200px) {
   .home .catalog-single.has-grid[data-widgetsize="3"] .tileparent.col-lg-3 {
      width: 20%; } }

   .home .catalog-single .tile img {
      width: 80%; } 

.row-extra-padding {
  margin-right: 40px;
  margin-left: 40px;
}

section.quicklinks ul {
  padding: 0px; }

.new-menu-background {
  background-color: #2290b8;
text-align: center !important;
  padding-top: 10px;
  color: #ffffff !important;
}

.new-menu-style {
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
  color: #ffffff !important;
  font-size: 1em;
  margin: 0px;
}

.rewards-icon::before {
    content: ' ';
    background-image: url(https://eu.evocdn.io/dealer/1046/content/media/arrow-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 16px;
    width: 33px;
    position: relative;
    display: inline-block;
}

#singlebanner_235529 > div > div > a > img.responsive.deskimg {
  margin: 0!important;}

.homepage10columns .currentheaderstrip {
  
  display: none;}

.drop-shadow-padding {
  box-shadow: 2px 2px 3px #949494;
  margin-top: 20px !important;
  margin-bottom: 20px !important; }

.drop-shadow-extra-padding {
  box-shadow: 2px 2px 3px #949494;
  margin-top: 30px !important;
  margin-bottom: 30px !important;
margin-left: 10px !important;
margin-right: 10px !important;}

.white-drop-shadow {
  background-color: white;
  box-shadow: 2px 2px 3px #949494;
}
  

.home-small-tile-9-2024 {width: 24%;
  display: inline-block;
    padding-left: 10px;
  padding-right: 10px;
margin-bottom: 20px;}

@media (max-width: 992px) {
.home-small-tile-9-2024 {
    width: 49%;
  display: inline-block;
    padding-left: 10px;
  padding-right: 10px;
  } }


.bottom-shadow {
  box-shadow: gray 0px 3px 7px;}

.top-shadow {
  box-shadow: gray 0px -3px 7px;}

.lower-scrolling {
  box-shadow: gray 0px 20px 20px;}


.col-mobile-2 {width: 49%;
  display: inline-block;
    padding-left: 10px;
  padding-right: 10px;}

@media (max-width: 992px) {
.col-mobile-2 {
    width: 100%;
  display: inline-block;
    padding-left: 10px;
  padding-right: 10px;
  } }

.home-small-tile-10-2024 {width: 19%;
  display: inline-block;
    padding-left: 10px;
  padding-right: 10px;
margin-bottom: 20px;}

@media (max-width: 992px) {
.home-small-tile-10-2024 {
    width: 49%;
  display: inline-block;
    padding-left: 10px;
  padding-right: 10px;
  } }

.home-small-tile-2024 {width: 24%;
  display: inline-block;
    padding-left: 10px;
  padding-right: 10px;
margin-bottom: 20px;}

@media (max-width: 992px) {
.home-small-tile-2024 {
    width: 49%;
  display: inline-block;
    padding-left: 10px;
  padding-right: 10px;
  } }

.homepage-3-col {width: 25%;
  display: inline-block;
    margin-left: 20px;
    margin-right: 20px;
    border-bottom: solid;
    border-color: #2290b8;}

@media (max-width: 992px) {
.homepage-3-col {
    width: 100%;
  display: inline-block;
    padding-left: 10px;
  padding-right: 10px;
  } }

.small-tile-2024 {width: 20%;
  display: inline-block;
    padding-left: 10px;
  padding-right: 10px;}

@media (max-width: 992px) {
.small-tile-2024 {
    width: 20%;
  display: inline-block;
    padding-left: 10px;
  padding-right: 10px;
  } }

@media (max-width: 768px) {
.small-tile-2024 {
    width: 49%;
  display: inline-block;
    padding-left: 10px;
  padding-right: 10px;
  } }
  
  

.footer .container-fluid {
  padding-left: 0px;
  padding-right: 0px;
}

@media (max-width: 768px) {
  .mobile-footer-columns {
    display: table-row;} }

/* Homepage Column Control */


@media (max-width: 992px) {
.home .col-md-2 {
    width: 32%;
  display: inline-block;
    padding-left: 10px;
  padding-right: 10px;
  } }

@media (max-width: 768px) {
.home .col-md-2 {
    width: 49%;
  display: inline-block;
    padding-left: 10px;
  padding-right: 10px;
  } }

@media (max-width: 992px) {
.homerebranddraft1 .col-md-2 {
    width: 32%;
  display: inline-block;
    padding-left: 10px;
  padding-right: 10px;
  } }

@media (max-width: 768px) {
.homerebranddraft1 .col-md-2 {
    width: 49%;
  display: inline-block;
    padding-left: 10px;
  padding-right: 10px;
  } }

/*New Pages 2024 */

.sigelwhiteboards .merchandisingcontent_container {box-shadow: none;}


@media only screen and (min-width: 769px) {
	.small-mobile-image {width: 70%;}
}

@media only screen and (max-width: 768px) {
	.small-mobile-image {width: 30%;}
}

@media only screen and (min-width: 769px) {
	.column-2024-2 {text-align: center; vertical-align: text-top; width: 45%; display: inline-block; padding: 1%;}
}

@media only screen and (max-width: 768px) {
	.column-2024-2 {text-align: center; vertical-align: text-top; width: 98%; display: inline-block; border-top-style: solid; border-color: #eb8f23; padding: 1%;}
}


@media only screen and (min-width: 769px) {
	.column-2024-4 {text-align: center; vertical-align: text-top; width: 22%; display: inline-block; padding: 1%;}
}

@media only screen and (max-width: 768px) {
	.column-2024-4 {text-align: center; vertical-align: text-top; width: 98%; display: inline-block; border-top-style: solid; border-color: #eb8f23; padding: 1%;}
}

@media only screen and (min-width: 769px) {
	.column-2024-6 {vertical-align: text-top; width: 31%; display: inline-block; border-top-style: solid; margin: 1%;}
}

@media only screen and (max-width: 768px) {
	.column-2024-6 {vertical-align: text-top; width: 98%; display: inline-block; border-top-style: solid; margin: 1%;}
}

@media only screen and (min-width: 769px) {
	.column-2024-6-2 {vertical-align: text-top; width: 31%; display: inline-block; border-top-style: solid; border-color: #eb8f23; margin: 1%;}
}

@media only screen and (max-width: 768px) {
	.column-2024-6-2 {vertical-align: text-top; width: 48%; display: inline-block; border-top-style: solid; border-color: #eb8f23; margin: 1%;}
}

@media only screen and (min-width: 769px) {
	.column-2024-4-2 {vertical-align: text-top; width: 22%; display: inline-block; border-top-style: solid; border-color: #eb8f23; margin: 1%;}
}

@media only screen and (max-width: 768px) {
	.column-2024-4-2 {vertical-align: text-top; width: 48%; display: inline-block; border-top-style: solid; border-color: #eb8f23; margin: 1%;}
}

/*Becki Homepage Amends */

#htmlcontent_213435 {padding:0px;}



.btn-extra:hover {background-color: #37a669!important;}

.homepage-padding {padding-top: 2vw;}


.homepage-photo-tile div.row > div:nth-child(1),
.homepage-photo-tile div.row > div:nth-child(2)
{padding-top: 0.5vw; padding-bottom: 0.5vw;}

@media only screen and (min-width: 769px) {
	.homepage-photo-tile div.row > div:nth-child(1):hover,
.homepage-photo-tile div.row > div:nth-child(2):hover { transform: scale(0.9);
  transition-duration: 0.5s;
} 

.homepage-pricematch {padding-top: 2vw;}

.homepage-contact-form {padding-top: 2vw;}
	.homepage-one-stop-shop {padding-top: 2vw;}
}

@media (min-width: 1200px) {
	.homepage-widescreen-smaller > img.responsive.deskimg {
  max-height: 450px;  
}
}


@media only screen and (max-width: 768px) {
.homepage-pricematch {
	margin-top: 30px !important;
	}
	.homepage-photo-tile {
		padding-top: 2vw;
		padding-bottom: 2vw; }
.contact-homepage-icon {width: 70%;}
	.homepage-contact-form {padding-left: 15px; padding-right: 15px;}
		.homepage-one-stop-shop {padding-left: 4vw; padding-right: 4vw; padding-top: 2vw; padding-bottom: 2vw;}
	
}
/* Why Choose ONG - OF */

.ex-name-ofwhychooseofficeneeds div.page-content.onecolumn > section.catalog-grid > div > div > div.col-lg-12.col-md-12 > div:nth-child(4) {
  background: #00466B;
}

.ex-name-ofwhychooseofficeneeds div.page-content.onecolumn > section.catalog-grid > div > div > div.col-lg-12.col-md-12 > div:nth-child(5) {
  background: #4690b7;
}

@media (min-width: 1200px) {
#singlebanner_192748 > div > div > img.responsive.deskimg {
  max-height: 200px;
  margin-left: 0px;
}

#singlebanner_192748 {  
  padding-left: 0px;
}

#imageslider_188962 > div {
  margin-top: 0;
}

#contentblock_188907 {
  margin-top: -3vw;
}


@media only screen and (min-width: 769px) {
body > div.page-content.onecolumn > section.catalog-grid > div > div > div.col-lg-12.col-md-12 > div:nth-child(1) {
  display:flex;
}
}

  
  
@media only screen and (min-width: 769px) {
#contentblock_192728 {
  background: #4185a9;
}
}

.whystrip {
    background: #00466b;
    padding: 1rem;
}

.cservice {
  background: #4185a9;
  padding: 1rem;
}


}

@media only screen and (min-width: 769px) {
#contentblock_192728 > div > p:nth-child(5) {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1rem;
}
}

.rscheme {
  background: #00466b;
  padding: 1rem;
}

#contentblock_192728 {
  background: #4185a9;
}

#contentblock_192729 {
  background: #00466b;
}

#contentblock_192724, #singlebanner_192748 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

#contentblock_192727 {
  padding: 2rem;
}

#singlebanner_192749 {
  padding-left: 0px;
  padding-right: 0px;
}

@media only screen and (min-width: 1281px) {
.getmoneyoff {
	margin-top: -9.4rem!important;
	margin-bottom: -6rem!important;
}
  
body > div.page-content.onecolumn > section.zonetop > div:nth-child(6) > div > div > img.responsive.deskimg {
	max-width: 1450px;
}  
}

@media only screen and (min-width: 769px) and (max-width: 1280px) {
.getmoneyoff {
	margin-top: -8.7rem!important;
    transform: scale(0.65);
}
}


.spendblue {
  background: #00466B;
  padding-top: 8rem;
}

@media only screen and (max-width: 768px) {
.spendblue {
  background: #00466B;
  padding-top: 2rem;
}

.ex-name-ofwhychooseofficeneeds > div.page-content.onecolumn > section.catalog-grid > div > div > div.col-lg-12.col-md-12 > div:nth-child(4) {
  margin-top: 30px;  
}
  
#contentblock_192721 > div > table > tbody > tr:nth-child(1) > td:nth-child(1) > img,
#contentblock_192721 > div > table > tbody > tr:nth-child(2) > td:nth-child(1) > img,
#contentblock_192721 > div > table > tbody > tr:nth-child(3) > td:nth-child(1) > img {
  width: 70%;
}  
}




@charset "utf-8";
/* CSS Document */

/* 22-03-22 */

#htmlcontent_116157 {
  z-index: 249; }


@media only screen and (max-width: 768px) { #addItemToCart {
position: fixed;
    z-index: 10;
    bottom: 50px;
    margin: 5% 10%;
    left: 0;
    right: 0;
    max-width: 350px;
    height: 60px;
box-shadow: 0px 0px  10px 10px #ffffff;
} }

.product div.col-lg-2.col-md-2.col-sm-12.filter-container  {
    position: sticky;
    top: 20px;
}

.column-5 {width: 19%;}

@media only screen and (max-width: 768px) {
	.column-5 {width: 49%;} }



.menuitem:nth-child(9):hover {
    background-color: #e9b848 !important;
	} 

.category .singlebanner_wrapper {margin: 0px;}

.ex-category-workwear .singlebanner_wrapper {
  	margin-bottom: 15px;
    margin-top: 15px;
}

.inktonerfinder_wrapper {
    background-color: #cfe5ee;
}

.inktonerfinder_wrapper h5 {
    color: #2390b8;
font-size: 2em; text-align: center; font-weight: 500;
}

.reward-title strong  {color: #6E9CB5 !important;}

.rewards-tab {z-index: 500;}

/* This is needed for Google Feeds to work */
.price-label.has-price::after, .price > .has-price::after, .price.has-price::after {
   content: ' excl VAT';
   font-size: 14px;
}

/*  Reward Form Styling */

label[for=rewards_status] {
display: none;
}


/* Contract styling */

.contractitems .rrp:before {
	content: "RRP  ";
}

.contractitems span.price-label-inc-vat {
	font-size: .9em;
	font-weight: 400;
	background-color: transparent;
	margin: 20px 0px 0px 0px;
}

.contractitems span.has-price {
	font-size: 2em;
	color: #317cc5;
}

.contractitems span.has-vat-price {
	font-size: 1em;
}

.contractitems .page-content {
	margin-top: 20px;
	margin-bottom: 60px;
}



/*end of Contract styling */

.padding-30 {padding-right: 50px; padding-left: 50px; padding-top: 30px; padding-bottom: 30px;}
.column-3 {width: 32%;}
@media only screen and (max-width: 768px) { .column-3 {width: 50%;} }

.column-2 {width: 49%;}
@media only screen and (max-width: 768px) { .column-2 {width: 100%;} }
.supportingschools .catalog-grid .container {background: none !important; padding: 0px 0px 0px 0px !important; box-shadow: none !important;}
/* Quicklists styling */

.quicklists .rrp:before {
	content: "RRP  ";
}

.quicklists span.price-label-inc-vat {
	font-size: .9em;
	font-weight: 400;
	background-color: transparent;
	margin: 20px 0px 0px 0px;
}

.quicklists span.has-price {
	font-size: 2em;
	color: #317cc5;
}

.quicklists span.has-vat-price {
	font-size: 1em;
}

.quicklists .page-content {
	margin-top: 20px;
	margin-bottom: 60px;
}

/*end of Quicklists styling */

/*Smooth Scrolling*/

html{scroll-behavior:smooth}

/*End of Smooth Scrolling*/


/*General Mobile Styling*/

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

	.col-sm-12 {
	padding-left: 0px;
	padding-right: 0px;
	}

.info-section-4 { padding: 10px !important;}

}

/*End of GEneral Mobile Styling*/

/* HEader Styling */

header .header-full .widgetsearch.search {
    margin: -10px 0px 15px 0px;
}

#htmlcontent_116414, #htmlcontent_116413 {
	margin: 0px 0px -10px 0px
}

#htmlcontent_116157 {
    background-image: linear-gradient(to right, #ffffff, #ffffff);
box-shadow: 2px 2px 3px #949494;
}



@media only screen and (min-width: 769px){.cd-dropdown-wrapper {
    background-color: #e8a816;
	} }

@media only screen and (min-width: 769px){.cd-dropdown-wrapper:hover {
    background-color: #e9b848 !important;
	} }


/* End of HEader Styling */

/* Special Offer Banner Styling */

#slider-banner-116619-mobile {margin: 0px 10px 40px 10px !important;}

/* End of Special Offer Banner Styling */

.text-muted {
    color: #353535 !important;
}

.breadcrumb > li a {
    color: #353535 !important;
}

.breadcrumb > li {
    color: #999999;
}

.myaccount table {
    color: gray;
    background-color: #ffffff;
}

.panel-body {
    padding: 15px;
    background-color: #ffffff;
}

.tk-dolce {
	font-family: "dolce" !important;
}


.register-form .form-container {
	background-color: #ffffff !important;
}

@media only screen and (max-width: 768px) {
	.register-form {padding-top: 60px;} }

.stayinghealthyintheworkplace #merchandisingcontent_107992, .greatworkspacesgreatworkplaces #merchandisingcontent_107972, .greatworkspacesgreatworkplaces #merchandisingcontent_107987 {display: none !important;}

.cart-btn:hover>.btn {background-color: #f2a954 !important;}

@media only screen and (max-width: 768px) {
	.mobile-mailing-pad {min-height: 250px;} }

.modal-content {
	background: white;
    border-radius: 10px;
    border: .5px solid #E0E0E0;
}


.btn {font-size: 1em !important; padding-left: 20px !important; padding-right: 20px !important;}

.pink-button:hover {
	background-color: #e174cb !important;} 
		
.purple-button:hover {
	background-color: #9972b1 !important;}

.blue-button:hover {
	background-color: #4ba0c4 !important;}

.brown-button:hover {
	background-color: #b68e67 !important;}

.yellow-button:hover {
	background-color: #ffce5d !important;}

.red-button:hover {
	background-color: #cb5757 !important;}

.teal-button:hover {
	background-color: #488791 !important;}

.green-button:hover {
	background-color: #229146 !important;}




.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

border-that-2 {
 box-shadow: 0px 2px 3px #4d4d4d;
	background-color: #ffffff;
}

/* For Header Section */
.header-full .logo img {
    max-width: 80% !important;
    height: auto !important;
    max-height: none !important;
}

#headermenu_104371 {
z-index: 250;
}

#mobileVueNav {
padding-bottom: 100px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
z-index: 250;
}

.widgetlogo {
display: none;
}

.header-mobile {
position: fixed !important;
background-size: cover;
top: 0 !important;
z-index: 150;
background-color: #2290b8;
width: 100%;
height: 80px;
}

@media only screen and (max-width: 768px){
.zonetop {
  margin-top:80px    
}
}

#htmlcontent_104543 {
position: fixed;
top: 0px;
float: left;
}

#htmlcontent_105325 {
padding: 0px 0px 0px 0px !important;
}

a.buttontop {
    background: #4cb0d4;
    color: #ffffff;
    margin-right: 5px;
    padding: 5px 10px 5px 10px !important;
    text-align: center !important;
    text-decoration: none !important;
    border-radius: 3px 3px 0px 0px;
    box-shadow: 1px 0px 1px #bbbbbb;
}

.buttontop2 {background: #339f6c !important;}
.buttontop3 {background: #e9a038 !important;}

.button-b { background-color: #ebb31f !important;}

.cart-dropdown {
z-index: 9998 !important;
}

.ajax-results.open {
    z-index: 251;}

.has-image {
padding: 60px 0px 0px 20px !important
}


.pseudoheadermobile {
	background-color: #8ca6b4; 
	max-height: 30px; 
	text-align: center;
}

/* End of Header Section*/

a.buttonwelcome {
background-color: rgba(148,171,179,0.7);
    padding: 5px 5px !important;
    text-align: center !important;
    text-decoration: none !important;
color: #ffffff;
	border-radius: 2px 2px 2px 2px;
    display: block;
width: 150px;
margin: auto;
}

a.buttonw1 {border-color: #41b3dd !important; background-color: #8ca6b4 !important; border-width: 8px; border-left-style: solid;}
a.buttonw2 {border-color: #b17ec0 !important; background-color: #8ca6b4 !important; border-width: 8px; border-left-style: solid;}
a.buttonw3 {border-color: #e872b4 !important; background-color: #8ca6b4 !important; border-width: 8px; border-left-style: solid;}
a.buttonw4 {border-color: #bb3839 !important; background-color: #8ca6b4 !important; border-width: 8px; border-left-style: solid;}
a.buttonw5 {border-color: #e8a816 !important; background-color: #8ca6b4 !important; border-width: 8px; border-left-style: solid;}

a.buttonwelcomedesktop {
background-color: rgba(148,171,179,0.7);
    padding: 5px 5px !important;
    text-align: center !important;
    text-decoration: none !important;
color: #ffffff !important;
	border-radius: 2px 2px 2px 2px;
    display: block;
width: 90%;
max-width: 250px;
margin: auto;
}

a.margin-b5 {
	margin-bottom: 5px !important
}

/* For Body */

@media only screen and (max-width: 768px) {
	.mobile-hidden {display: none !important;} }

@media only screen and (min-width: 769px) {
	.desktop-hidden {display: none !important;} }

@media only screen and (max-width: 991px) {
	.mobile-hidden-tablet {display: none !important;} }

@media only screen and (min-width: 992px) {
	.desktop-hidden-tablet {display: none !important;} }

@media only screen and (min-width: 769px) {
	.desktop-hidden, #merchandisingcontent_107469 {display: none !important;} }
	

@media only screen and (min-width: 769px) {
#merchandisingcontent_106971 {display: none !important;} }
	

@media only screen and (max-width: 768px) {
.welcome-text {width: 100%;} }
	

@media only screen and (min-width: 769px) {
	.welcome-text {width: 50%;} }
	

@media only screen and (max-width: 768px) {
.padding-mobile {margin-bottom: 20px;} }


@media only screen and (max-width: 768px) {
.padding-mobile-cat {margin-bottom: 20px; width: 75% !important;} }
	


@media only screen and (max-width: 768px) {
	.masonry-center {text-align: center !important;}
}

@media only screen and (max-width: 1195px) {
	.masonry-box-2 {width: 49% !important;}
}

@media only screen and (max-width: 768px) {
	.masonry-box {width: 100% !important;}
}

/*body {
background: linear-gradient(to top left, #84bbcf, #a0d7eb, #ffffff);
}*/


section.container.password-reset-form {
	padding-bottom: 20%;
}

.w3-black, .w3-hover-black:hover {
    color: #fff!important;
    background-color: #000!important;
}

.w3-button:hover {
    color: #000!important;
    background-color: #ccc!important;
}

.w3-display-left {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%,-50%);
    -ms-transform: translate(-0%,-50%);
}

.w3-display-right {
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
}

.w3-btn, .w3-button {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}

.cat-border {
margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 10px !important;
    padding: 10px 10px 20px 10px;
    background-color: white;
    box-shadow: 1px 1px 4px #949494;
}

.border-me {
max-width: 474px;
margin: auto !important;
    padding: 10px 10px 20px 10px;
    background-color: white;
    box-shadow: 1px 1px 4px #949494;
}

.border-me2 {
max-width: 998px;
margin: auto! important;
    padding: 10px 10px 20px 10px;
    background-color: white;
    box-shadow: 1px 1px 4px #949494;
}

.border-me-small {
max-width: 474px;
margin: auto !important;
    padding: 6px 6px 24px 6px;
    background-color: white;
    box-shadow: 1px 1px 4px #949494;
}

.border-me-content {

max-width: 100%;
margin: auto! important;
    padding: 10px 10px 20px 10px;
    background-color: white;
    box-shadow: 1px 1px 4px #949494;
}

.border-brands {
max-width: 900px;
margin: auto !important;
    padding: 10px 10px 10px 10px;
    background-color: white;
}

.content-drop-shadow {
margin: auto !important;
background-color: #ffffff;
padding: 30px 30px 30px 30px;
box-shadow: 2px 2px 3px #949494;
}

.department-card {
	width: 100%; 
	display: inline-block; 
	background-color: #d6dee2; 

	border-left-style: solid; 
	border-width: 57px; 
	border-radius: 12px;
	box-shadow: 2px 2px 3px #949494;
	margin: 5px 0px;
}

@media only screen and (max-width: 1469px) {
.multi-scalar {min-height: 118px !important;}
}

@media only screen and (max-width: 1366px) {
.multi-scalar {min-height: 158px !important;}
}

@media only screen and (max-width: 1058px) {
.multi-scalar {min-height: 200px !important;}
}

.department-card-footer {
	background-color: rgba(62,62,62,0.10); 
	border-radius: 0px 0px 12px 12px; 
	padding: 5px 15px 5px 80px; 
	margin-left: -57px;
}


.col-button {
  	cursor: pointer;
	padding: 18px;
  	width: 100%;
  	border: none;
  	text-align: left;
  	outline: none;
  	font-size: 1.2rem;
  	border-radius: 15px;

  	font-weight: bold;
	box-shadow: 2px 2px 3px #949494;
}

.col-active, .col-button:hover {
  background-color: #CECECE;
}
	
.col-active {
	border-radius: 15px 15px 0 0 !important;
}

.col-button:after {
  	content: '\002B';
  	font-weight: bold;
  	float: right;
  	margin-left: 5px;
}

.col-active:after {
 	content: "\2212";
}

.col-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
  	background-color: #EFEFEF;
 	border-radius: 0 0 10px 10px;
	padding: 0 20px;
	box-shadow: 2px 2px 3px #949494;
}

.hp-theme {	
  	background-color: #1c8dc5 !important;
  	color: #ffffff !important;	
}
	
.hp-theme-2 {	
  	background-color: #3B9AC9;
  	color: #ffffff !important;	
}

.brother-theme {	
  	background-color: #004c90 !important;
  	color: #ffffff !important;	
}

.canon-theme {	
  	background-color: #ae171e !important;
  	color: #ffffff !important;	
}

.samsung-theme {	
  	background-color: #06177e !important;
  	color: #ffffff !important;	
}

.rexel-theme {	
  	background-color: #dedede !important;
  	color: #404040 !important;	
}

.nobo-theme {	
  	background-color: #e86200 !important;
  	color: #ffffff !important;	
}	
	
.kensington-theme {	
  	background-color: #212121 !important;
  	color: #ffffff !important;	
}	

.bi-office-theme {	
  	background-color: #f3ab00 !important;
  	color: #292524 !important;	
}

.leitz-theme {	
  	background-color: #00a160 !important;
  	color: #ffffff !important;	
}

.fellowes-theme {	
  	background-color: #101010 !important;
  	color: #ffffff !important;	
}

.eco-theme {	
  	background-image: url(https://eu.evocdn.io/dealer/1046/content/media/My_Banners/Content_Page_Banners/Category_LongBanners/Eco-Friendly-Categories---Category-DropDownBacking.jpg) !important;
    background-size: cover;
  	color: #ffffff !important;
}

/* End of Body */

/* For Bottom Section*/
.zonebottom {
padding-bottom: 60px;
}

.zonebottom a {
color: #ffffff !important;
}

.subtle-icon {
margin-top: 20px;
height: 60px;
}
/* End of Bottom Section */

 
/* For Footer */


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

font-size: .65rem;
}
}

@media (max-width: 768px) {
.feefowidget-colour-scheme-grey .feefowidget-sticky-widget-closed, .feefowidget-colour-scheme-white .feefowidget-sticky-widget-closed, .feefowidget-colour-scheme-yellow .feefowidget-sticky-widget-closed {
    left: 0;
position: fixed !important;
}
}

.bottom.rectangle #tawkchat-minified-wrapper {
    bottom: 0px !important;
}

span#short-message:after {
	content: " chat";
}

#tawkchat-status-message:before {
	content: " chat ";
}

/* End of Footer */


/* For Button Styling */
a.buttonspecial {
    border: none !important;
    color: white !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
width: 100%;
border-radius: 4px;
}

/* End of Button Styling */



/* For Cart Button */
.toolbar .cart-btn>.btn {
    background-color: #f2f2f2;
color: black !important;
}

.toolbar a span {
    color: black;
}

.toolbar .cart-btn>.btn b {
    color: black;
}

.cart-btn:hover>.btn {
    background-color: #f2f2f2 !important;
}

input.cmn-toggle-round-flat:checked+label,
input.cmn-toggle-round-flat:checked+label:after {
    background-color: #2290b8;


}

/* End of Cart Button */



.ex-loggedout #shoppingtools_116420:after {
    font-family: FontAwesome, 'Open Sans';
    content: "\f0d9           Login for loads of benefits!";
    color: #2290b8;
    font-size: .9em;
    float: left;
    position: relative;
    top: -10px;
    font-weight: 800;
    padding: 10px;
}

@media only screen and (max-width: 1195px) {.ex-loggedout
#shoppingtools_116420:after {
left: 30px;


} }


/* End of Cart Button */




/* For Column Styling */

.column-new-info1, .column-new-info2 {
    float: left;
    width: 16.5%;
    padding: 15px 10px 20px 10px;
text-align: center;
}


@media screen and (max-width: 768px) {
    .column-new-info1 {width: 40%;} }

@media screen and (max-width: 768px) {
    .column-new-info2 {width: 60%;} }



.column-new {
    float: left;
    width: 16.5%;
    padding: 15px 10px 20px 10px;
text-align: center;
}

.row-new {
padding-bottom: 0px;
}

.row-new:after {
    content: "";
    display: table;
    clear: both;
}

@media screen and (max-width: 768px) {
    .column-new {       
width: 50%;
    }
}
/* End of Column Styling */

/* For Column Styling - 2*/
.column-new2 {
    float: left;
    width: 20%;
    padding: 0px 15px 0px 15px;
text-align: center;
}

.column-new4 {
    float: left;
    width: 18%;
    padding: 0px 15px 0px 15px;
text-align: center;
}

.row-new2 {
padding-bottom: 5px;
}

.row-new2:after {
    content: "";
    display: table;
    clear: both;
}

@media screen and (max-width: 1220px) {
    .column-new2 {       
width: 20%;
    padding: 0px 15px 0px 15px;
    }
}


@media screen and (max-width: 768px) {
    .column-new2 {       
width: 33%;
 padding: 0px 5px 0px 5px;
    }
}

/* End of Column Styling -2 */

/* For Column Styling -3 */
.column-new3 {
    float: left;
    padding: 5px 5px 5px 5px;
    width: 20%;
}

@media screen and (max-width: 1220px) {
    .column-new3 {       
width: 20%;
    }
}

@media screen and (max-width: 768px) {
    .column-new3 {       
width: 0%;
    padding: 0px 0px 0px 0px;
    }
}
/* End of Column Styling -3*/

.headshot {width: 15%; padding: 30px 30px 30px 0px;}

@media screen and (max-width: 768px) {.headshot {width: 50%;  padding: 30px 30px 30px 0px;} }
	

.infocolumn {width: 50%}

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

/*Blog Post Styling*/
.blog-intro-block {
padding: 30px 2% 30px 2%;
width: 100%;
margin: auto;
text-align: center;
box-shadow: 0px 3px 3px #9b9b9b;
box-sizing: border-box;
border-radius: 0px 0px 15px 15px;
z-index: 100;
}

@media screen and (max-width: 768px){.blog-intro-block {width: 100%;} }


/* For Button Styling */
a.buttonblog {
    background-color: #2290b8;
    border: none !important;
    color: white !important;
    padding: 10px 10px !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
width: 200px;
border-radius: 4px;
box-shadow: 1px 1px 2px #3c3c3c;
}

.button2 {background-color: #30a278 !important;}
.button3 {background-color: #2290b8 !important;}
.button4 {background-color: #be3589 !important;}
.buttonred {background-color: #af0000 !important;}
.buttongreen {background-color: #179f61 !important;}
.buttonbrown {background-color: #7f5429 !important;}
.buttonpurple {background-color: #7e5887 !important;}
.buttonpink {background-color: #b32783 !important;}
.buttonteal {background-color: #326972 !important;}

.blog1 {
width: 60%;
display: table-cell;
float: left;
padding: 0px 2% 0px 2%;
box-sizing: border-box;}

@media screen and (max-width: 768px) {
.blog1 {width: 100%; padding: 2% 2% 2% 2%;}
}

.blog2 {
width: 40%;
display: table-cell;
float: left;
padding: 0px 2% 0px 2%;
box-sizing: border-box;
}

@media screen and (max-width: 768px) {
.blog2 {width: 100%; padding: 2% 2% 2% 2%;}
}

.blog-row-new {
padding-bottom: 0px;
width: 90%; 
padding: 30px 30px 0px 30px; 
margin: auto;
}

.blog-row-new:after {
    content: "";
    display: table;
    clear: both;
}

@media screen and (max-width: 768px) {
.blog-strip1 {
	width: 100% !important;
	border-radius: 5px 5px 0px 0px !important;} }
	
	

@media screen and (max-width: 768px) {
.blog-strip2 {
	width: 100% !important;
	border-radius: 0px 0px 5px 5px !important;} }
	
	

.pseudo-card {
	display: inline-block; 
	width: 100%; 
	margin: 0px 5px 25px 5px;
	padding: 10px; 
	border-radius: 25px;
}

.category-banner {
	border-top-style: solid;
	border-color: #e8a816;
	box-sizing: border-box;
	border-width: 4px;
	background-color: #ffffff;
	box-shadow: 2px 2px 3px #949494;
	border-radius: 8px;
	overflow: hidden;
}


.category-subheader-banner {
	box-sizing: border-box;
	box-shadow: 2px 2px 3px #949494;
	border-radius: 0 0 8px 8px;
	overflow: hidden;
	margin-top: -36px;
}

@media screen and (max-width: 991px) {
.sidebar-feature {
	display: none !important;}
}

.shadow-pic {
  box-shadow: 1px 1px 4px #949494;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.greyli {
color: #292c2e;
}

.blog-row2 {
padding: 0px 15px 0px 15px;
box-sizing: border-box;
}

.blog-row1 {
padding: 0px 0px 0px 0px;
}
	

/*End of Blog Styling*/

/*hidden*/
.hidden {
display: none;
}

/* For Homepage Column Styling - 2*/

.banner-shadow {
	border-color: #e8a816;
	box-sizing: border-box;
	border-width: 4px;
background-color: #ffffff;
box-shadow: 2px 2px 3px #949494;
}



.info-section {
	border-top-style: solid;
	border-color: #e8a816;
	border-width: 4px;
background-color: #ffffff;
padding: 30px 30px 30px 30px;
box-shadow: 2px 2px 3px #949494;
}

.info-section-2 {
	border-top-style: solid;
	border-color: #e8a816;
	box-sizing: border-box;
	border-width: 4px;
background-color: #ffffff;
box-shadow: 2px 2px 3px #949494;
}


.info-section-3 {
	border-color: #e8a816;
	box-sizing: border-box;
	border-width: 4px;
background-color: #ffffff;
box-shadow: 2px 2px 3px #949494;
padding: 10px 10px 30px 10px;
}

.info-section-4 {
background-image: linear-gradient(45deg, #e8a816, #ffffff);
box-shadow: 2px 2px 3px #949494;
padding: 30px;
}


.info-section-4 .responsive.deskimg::after
{
 box-shadow: inset 3px 3px 10px 0 #000000;
 content: '';
 display: block;
 height: 100%;
 position: absolute;
 top: 0;
 width: 100%;
}


#htmlcontent_104854 {
margin-top: 15px;
}

.blog-menu {
	border-top-style: solid;
	border-color: #e8a816;
	border-width: 4px;
background-color: #ffffff;
padding: 30px 0px 30px 0px;
box-shadow: 2px 2px 3px #949494;
}


/* General Settings */

.border-wide {
    padding: 10px 10px 30px 10px;
    background-color: white;
    box-shadow: 1px 1px 4px #949494;
}

.info-section-3 .ms-bullets.ms-dir-h {bottom: -30px !important;}

.ms-bullet {
background: #b4b4b4 !important;
}

.ms-bullet.ms-bullet-selected {
background: #2290b8 !important;
}

.register-form {
padding-bottom: 80px;
}

.pad-me {
padding: 20px 20px 20px 20px;
}

.drop-me {
box-shadow: 2px 2px 3px #949494;
}

.mainproductpagedesktop {
background-color: #ffffff;
padding: 30px 30px 30px 30px;
box-shadow: 2px 2px 3px #949494;
}

.mainproductpagemobile {
background-color: #ffffff;
padding: 30px 30px 30px 30px;
box-shadow: 2px 2px 3px #949494;
}

.catalog-grid .container, .blog-content {
padding: 30px 30px 30px 30px;
}

.catalog-grid .container {
	background-color: transparent;
	box-shadow: none;
}

.inset-background {
		border-top-style: solid;
	border-color: #e8a816;
	border-width: 4px;
background: #ffffff !important;
padding: 30px 30px 30px 30px;
box-shadow: 2px 2px 3px #949494;
}

.shopping-cart {
    margin: 12px 0 100px !important;
}

.customer {
    margin: 0 0 100px 0 !important;
}

#cdash_myrecentorders .fa-info-circle {
	font-size: 30px;
	color: crimson;
}

.text-info .fa-info-circle {
	font-size: 30px;
	color: crimson;
}

.text-info .fa-list {
	color: crimson;
}

#details, #userorders, #requester_settings, #approver_settings {
background: #ffffff !important;
padding: 30px 30px 30px 30px;
box-shadow: 2px 2px 3px #949494;
}

#gridvue {

background: #ffffff !important;
padding: 30px 30px 30px 30px;
box-shadow: 2px 2px 3px #949494;
}

.cart .items-list {
background: #ffffff !important;
padding: 30px 30px 30px 30px;
box-shadow: 2px 2px 3px #949494;
}

.btn-black {
background-color: #179f61 !important;
}

.round-btn {
background-color: #ffd87e !important;
}

.merchandisingcontent_container {
background: #ffffff !important;
padding: 30px 30px 30px 30px;
box-shadow: 2px 2px 3px #949494;
	border-top-style: solid;
	border-color: #e8a816;
	border-width: 4px;
}

.rewardItems_container, .griditems {
background: #ffffff !important;
padding: 30px 30px 30px 30px;
}

.rewards .reward-items-list .reward-item .product-card .product-price {background-color: #2290B1;}



.no-stock .list-attribute.product-stock {display: none !important;}

.product_results .page-content.twocolumnsleft .catalog-grid .container {background: none !important; padding: 0px 0px 0px 0px !important; box-shadow: none !important;}


.orange-trim {
	border-bottom: 4px solid #e8a716;
}


.shortybox {
	padding: 0 0 !important;
	margin-bottom: 0 !important;
}

@media screen and (min-width: 768px) {
.ribbon-15 
	{margin: 0 -15px !important;} }


@media screen and (max-width: 768px) {
.shunt-left-15 
	{margin: 0 !important;} }


@media screen and (max-width: 768px) {
.margin-height-reset 
	{margin: 0 !important;
	height: auto !important;} }



.tight-pre-box {
	display: block;
	position: relative;
	background-color: #ffffff;

	padding: 20px 30px 40px 30px;
	margin: 40px 0px -10px 0px;
	text-align: center;
	border-style: solid;
	border-color: #999999;
	border-width: 3px;
}


/* For Blog Menu */
.blogcolumn {
width: 25%;

padding: 0px 30px 30px 30px;
float: left;
}

@media screen and (max-width: 1600px) {
.blogcolumn {width: 33%;} }
	

@media screen and (max-width: 1200px) {
.blogcolumn {width: 50%;} }
	

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


/* End of Blog Menu */


/* For Contact Form Styling */
.contact-style {
padding: 5% 10% 10% 10% !important;
margin:auto;
}

.contact-style button.btn-block {
width: 40% !important;
margin:auto;
background-color: #eb8f23 !important;
border-radius: 3px;
}

.contact-style button.btn-block:hover {
background-color: #eda34b !important;}


.signup-style {
padding: 5% 10% 5% 10% !important;
margin:auto;
}

.signup-button {
background-color: #eb8f23 !important;
border-radius: 3px;
width: 150px;
padding: 10px 40px;
border: none;
color: #ffffff;
}

.signup-button:hover {
	background-color: #eda34b !important;}

.signup-box {
border-color: #2290b8;
border-style: solid;
border-width: thin;
}

.signupcolumn {
width: 50%;
padding: 0px 30px 0px 30px;
float: left;
}

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

/* For content page styling */

.department1 {float: left; width: 32%; margin: 0px -50px 0px 50px;}

@media screen and (max-width: 768px) {.department1 {width: 100%; margin: 0px 0px 0px 0px;} }
	

.department2 {width: 30%;margin: 0px -20px 0px -20px;}

@media screen and (max-width: 768px) {.department2 {width: 100%; margin: 0px 0px 0px 0px;} }
	
	

.department3 {width: 38%;margin: 0px 0px 0px -30px;}


@media screen and (max-width: 768px) {.department3 {width: 100%; margin: 0px 0px 0px 0px;} }
	

.special1 {float: left; width: 35%; margin: 0px 0px 0px 0px;}

@media screen and (max-width: 768px) {.special1 {width: 100%; margin: 0px 0px 0px 0px;} }
	

.special2 {width: 30%;margin: 0px 0px 0px 0px;}

@media screen and (max-width: 768px) {.special2 {width: 100%; margin: 0px 0px 0px 0px;} }
	
.icon-button-1 {
width: 20%; margin: 0px 0px 0px 0px;}

@media screen and (max-width: 768px) {
.icon-button-1 {
width: 50%; margin: 0px 0px 0px 0px; font-size: 80% !important;}
}

.icon-button-2 {
width: 20%; margin: 0px 0px 0px 0px;}

@media screen and (max-width: 768px) {
.icon-button-2 {
width: 100%; margin: 0px 0px 0px 0px; font-size: 80% !important;}
}

#container-overlap div.singlebanner_wrapper {
position: relative; top: -66px !important;
margin-bottom: -50px !important;
z-index: 130 !important;
}

.full-width-row {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

/* For Feefo Widget */

.feefowidget-colour-scheme-yellow .feefowidget-sticky-widget-closed {background-color: #ebb31f !important;}

.feefowidget-colour-scheme-yellow .feefowidget-sticky-widget-closed .feefowidget-based-on-container span {color: #ffffff !important;}

.feefowidget-colour-scheme-yellow .feefowidget-sticky-widget-closed .feefowidget-logo-container img {
    border-top: solid 2px #555555 !important; }

.feefowidget-rating-stars .feefowidget-star-colour-black {
    color: #555555 !important;
}

/* End of Feefo Widget */

/*for ribbon styling*/
.ribbon-side {display: none !important;}
.ribbon-tips {display: none !important;}
.ribbon-wrapper.g1687.b119 .ribbon {border-radius: 0px 5px 5px 0px; background: linear-gradient(#83bb45, #1aa322);}
.ribbon-wrapper.g81.b92 .ribbon {border-radius: 0px 5px 5px 0px; background: linear-gradient(#ec9c3e, #da7b0b);}
.ribbon-wrapper.g86.b97 .ribbon {border-radius: 0px 5px 5px 0px; background: linear-gradient(#8750a7, #693886);}
.ribbon-wrapper.g134.b122 .ribbon {border-radius: 0px 5px 5px 0px; background: linear-gradient(#e699e3, #d977d6);}
.ribbon-wrapper.g816.b370 .ribbon {border-radius: 0px 5px 5px 0px; background: linear-gradient(#59b0d0, #2290b8);}

.ribbon-wrapper.g1713.b867 .ribbon {border-radius: 0px 5px 5px 0px;
    background: none !important;
    font-size: 80%;
    font-weight: bold;
    position: relative;
    margin-top: 60%;
	left: 7px;
    color: #999999 !important;}

.product.ribbon-wrapper.g1713.b867.ribbon {bottom: -250px;}



/*here begins the slider test */

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
  animation-name: fade;
  animation-duration: 1.5s;
	animation-fill-mode: forwards;}


@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}


@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

.slidebg {
    background-image: url('https://eu.evocdn.io/dealer/1046/content/media/Content_Pages/furniture-background-test.jpg');
background-size: cover;
background-position: bottom;
}

.slidebtn {
background-color: transparent;
background-image: url('https://eu.evocdn.io/dealer/1046/content/media/Content_Pages/furniture-background-test.jpg');
background-size: cover;
}

/*here ends the slider test*/

.banner-no-pad {
margin: -15px 0px -15px 0px !important;
}

.merchandisingcontent_container {padding: 0px 0px 0px 0px !important;}
.no-padding {padding: 0px 0px 0px 0px !important;}

.vertical-nonsense {
  position: relative;
  padding-top: 30% !important;
  transform: translateY(-50%);
}

.columndept1 {
width: 65%;
}

.columndept2 {
width: 30%
}

@media screen and (max-width: 768px) {.columndept1 {width: 100%; margin: 0px 0px 0px 0px;} }
	

@media screen and (max-width: 768px) {.columndept2 {width: 100%; margin: 0px 0px 0px 0px;} }
	
 
.floating-button-1 {;
background-color: #ec9018;
	border: none;
	color: #ffffff;
	font-size: 80%;
}

.floating-button-1:hover {
background-color: #f4ab4c;
}

.floating-button-2 {
background-color: #339f6c;
	border: none;
	color: #ffffff;
	font-size: 80%;
}

.floating-button-2:hover {
background-color: #5dc091;
}

.side-menu {
min-height: 100%;
background-color: #ec9018;
width: 80px;
}





.myaccount #details .left-details .col-md-7 .vertical-align {display: none;}

@media screen and (max-width: 768px) {#loyaltylion .lion-loyalty-widget_position_left {
    bottom: 40px;
left: auto;
    right: -30px;
} }

span.price-label-inc-vat {
    font-size: 1rem;
    font-weight: 900;
    margin: 20px;
}

.catalog-single .product-title .product-name {
    font-size: 3em;
}



.extra-margin {
margin-left: 200px;}@charset "utf-8";
/* CSS Document */

.homedraft2 .zonetop {
background-color: #ffffff; }

@media screen and (max-width: 991px) {.background-mobile {
background-color: #d3dfe5;
} }

/*Comic Book Style Panels*/


.comic {
  display:flex;
  flex-wrap:wrap;
  padding:1vmin;
}

.panelx {
    background-color: #fff;
    display: inline-block;
    flex: 1 1;
    height: 190px;
    margin: 1vmin;
    overflow: hidden;
    position: relative;
    box-shadow: 3px 3px 5px rgba(125,125,125,0.8);
}

.panelx .btn a:hover {
	color: #ffffff;
}

.text {
  background-color: #2290b8;
  margin:0;
  padding:3px 10px;
color: #ffffff !important;
	box-shadow: 6px 6px 20px rgba(125,125,125,0.3);
text-align: center;
}

.top-left {
  position:absolute;
  top: 10px;
width: 100%;
}

.top-left-square {
  position:absolute;
  top: 10px;
}

.bottom-right {
  bottom:-2px;
  position:absolute;
  right:-6px;
  transform:skew(-15deg);
}

.speech {
  background-color:#fff;
  border:solid 2px #999999;
  border-radius:12px;
  display:inline-block;
  margin:.5em;
  padding:.5em 1em;
  position:relative;
}

.speech:before {
  border:solid 12px transparent;
  border-left:solid 12px #999999;
  border-top:solid 12px #999999;
  bottom:-24px;
  content:"";
  height:0;
  left:67px;
  position:absolute;
  transform:skew(45deg);
  width:0;
}

.speech:after {
  border:solid 10px transparent;
  border-left:solid 10px #fff;
  border-top:solid 10px #fff;
  bottom:-19px;
  content:"";
  height:0;
  left:67px;
  position:absolute;
  transform:skew(45deg);
  width:0;
}

.panelx:nth-child(1) {
  flex-basis: 250px;
}
.panelx:nth-child(2) {
  flex-basis: 250px;
}
.panelx:nth-child(3) {
  flex-basis: 250px;
}
.panelx:nth-child(4) {
  flex-basis: 250px;
}
.panelx:nth-child(5) {
  flex-basis: 250px;
}
.panelx:nth-child(6) {
  flex-basis: 250px;
}
.panelx:nth-child(7) {
  flex-basis: 250px;
}
.panelx:nth-child(8) {
  flex-basis: 250px;
}
.panelx:nth-child(9) {
  flex-basis: 250px;
}

/* background colours */

.panelx:nth-child(4n+1) {
  background-image:radial-gradient(circle, #47b7e0, #1e7493);
	background-size: cover;
}

.panelx:nth-child(4n+2) {
  background-image:radial-gradient(circle, #ef7d7d, #e53232);
}

.panelx:nth-child(4n+3) {
  background-image:radial-gradient(circle, #c28dd5, #784b82);
}

.panelx:nth-child(4n+4) {
  background-image:radial-gradient(circle, #5ac39c, #16865c);
}

.homedraft2 .row-breadcrumb {display: none;}

.boxpara {
text-align: center; padding-top: 40px; padding-left: 10px; padding-right: 10px; color: #ffffff; }

@media screen and (max-width: 768px) {.panelx {flex-basis: 768px !important;} }
@media screen and (max-width: 768px) {.boxpara {max-width: 750px !important;} }

.wide-home-strip {margin-left: -33%;    margin-right: -33%;}
@media screen and (max-width: 768px) {.wide-home-strip {margin-left: -15px !important;    margin-right: -15px !important;} }

.category-banner-card {
    border-top-style: solid;
    border-color: #e8a816;
    border-width: 4px;
    box-shadow: 2px 2px 3px #949494;
    border-radius: 8px;
    overflow: hidden;
}

@media screen and (max-width: 768px) {.category-banner-card {
	width: max-content; 
	margin: auto !important;
	max-width: 100%;} }
/* CSS Document */

/*Print Columns*/
.col-button-print {
  	cursor: pointer;
	padding: 10px;
  	width: 100%;
  	border: none;
  	text-align: left;
  	outline: none;
  	font-size: 1.2rem;
  	border-radius: 10px;
background-color: #b14b4b;
  	font-weight: bold;

	box-shadow: 2px 2px 3px #949494;
}

.col-active-print, .col-button-print:hover {
  background-color: #9e3d3d;
}
	
.col-active-print {
	border-radius: 15px 15px 0 0 !important;
}

.col-button-print:after {
  	content: '\002B';
  	font-weight: bold;
  	float: right;
  	margin-left: 5px;
}

.col-active-print:after {
 	content: "\2212";
}

.col-content-print {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
  	background-color: #EFEFEF;
 	border-radius: 0 0 10px 10px;
	padding: 0 20px;
	box-shadow: 2px 2px 3px #949494;
}

.table-print {width: 100%; margin-bottom: 20px;}
.table-print th { 
  height: 50px;
background-color: transparent !important;
}
.table-print td { 
 padding: 5px;
}
.row1 { 
background-color: #ffd0d06b !important;
}
.table-print tr { 
background-color: #ffffff;
}
.row2 { 
background-color: #b14b4b !important;
text-align: center;
color: #ffffff;
height: 40px;
}