.black                    { color: #323232 !important; }
.white                    { color: #FFFFFF !important; }
.green                    { color: #59A315 !important; }
.pink                     { color: #CC4B9A !important; }
.red                      { color: #CC0000 !important; }
.blue                     { color: #1F3773 !important; }
.brightBlue               { color: #0000FF !important; }
.grey, .gray              { color: #777777 !important; }
.greenGradient            { background: #59A315 !important; background: -moz-linear-gradient(top, #59A315 0%, #81BA38 100%) !important; background: -webkit-linear-gradient(top, #59A315 0%,#81BA38 100%) !important; background: linear-gradient(to bottom, #59A315 0%,#81BA38 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59A315', endColorstr='#81BA38',GradientType=0 ) !important; color: #FFFFFF !important; }
.pinkGradient             { background: #CC4B9A !important; background: -moz-linear-gradient(top, #D871C2 0%, #CC4B9A 100%) !important; background: -webkit-linear-gradient(top, #D871C2 0%,#CC4B9A 100%) !important; background: linear-gradient(to bottom, #D871C2 0%,#CC4B9A 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D871C2', endColorstr='#CC4B9A',GradientType=0 ) !important; color: #FFFFFF !important; }
.blueGradient             { background: #1F3773 !important; background: -moz-linear-gradient(top, #546794 0%, #1F3773 100%) !important; background: -webkit-linear-gradient(top, #546794 0%,#1F3773 100%) !important; background: linear-gradient(to bottom, #546794 0%,#1F3773 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#546794', endColorstr='#1F3773',GradientType=0 ) !important; color: #FFFFFF !important; }
.greyGradient,
.grayGradient             { background: #777777 !important; background: -moz-linear-gradient(top, #777777 0%, #444444 100%) !important; background: -webkit-linear-gradient(top, #777777 0%,#444444 100%) !important; background: linear-gradient(to bottom, #777777 0%,#444444 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#444444',GradientType=0 ) !important; color: #FFFFFF !important; }
.whiteBackground          { background-color: #FFFFFF !important; color: #000000 !important; }
.blackBackground          { background-color: #000000 !important; color: #FFFFFF !important; }
.pinkBackground           { background-color: #CC4B9A !important; color: #FFFFFF !important; }
.greenBackground          { background-color: #81BA38 !important; color: #FFFFFF !important; }
.blueBackground           { background-color: #1F3773 !important; color: #FFFFFF !important; }
.redBackground            { background-color: #921D3D !important; color: #FFFFFF !important; border-color: #921D3D; }
.greyBackground,
.grayBackground           { background-color: #CCCCCC !important; color: #000000 !important; }
.pinkBorder               { border: 1px solid #CC4B9A !important; background-color: #FFF0F0; }
.greenBorder              { border: 1px solid #81BA38 !important; background-color: #F0FFF0; }
.blueBorder               { border: 1px solid #1F3773 !important; background-color: #F6F8FA; }
.greyBorder               { border: 1px solid #CCCCCC !important; background-color: #F6F8FA; }
.whiteBorder              { border: 1px solid #FFFFFF !important; background-color: #FFFFFF; }

.greenHover:hover         { color: #59A315 !important; }


.blackBorder              { border: 1px solid #000000 !important; }
.no-padding               { padding: 0 !important; }
.no-margin                { margin: 0 !important;}
.underlined               { border-bottom: 1px solid #999999; padding-bottom: 5px; margin-bottom: 15px; }

.greenBorderHover:hover   { border-color: #59A315 !important; }

.blackToGreen             { color: #000000; }
.blackToGreen:hover       { color: #59A315; }
.blackToGreenBorder       { border: 1px solid #CD4F9E; }
.blackToGreenBorder:hover { border: 1px solid #59A315; }

.fsize11                  { font-size: 11px !important; }
.fsize12                  { font-size: 12px !important; }
.fsize13                  { font-size: 13px !important; }
.fsize14                  { font-size: 14px !important; }

.floatLeft                { float: left !important; }
.floatRight               { float: right !important; }
.textLeft                 { text-align: left !important; }
.textCenter               { text-align: center !important; }
.textRight                { text-align: right !important; }

.table                    { display: table; padding: 5px 10px; }
.table-row                { display: table-row; }
.table-cell               { display: table-cell; padding: 3px; line-height: 24px;  }
.table-icon               { font-size: 16px; width: 24px; text-align: center; }

.padding5                 { padding: 5px !important; }
.padding10                { padding: 10px !important; }
.padding15                { padding: 15px !important; }

.mb-5                     { margin-bottom: 5px; }
.mb-10                    { margin-bottom: 10px; }
.mb-20                    { margin-bottom: 20px; }
.mb-30                    { margin-bottom: 30px; }
.mt-5                     { margin-top: 5px; }
.mt-10                    { margin-top: 10px; }
.mt-20                    { margin-top: 20px; }
.mt-30                    { margin-top: 30px; }

.privacyTable             { font-size: 13px; }
.privacyTable td          { padding: 6px; }
.acceptPrivacy            { font-size: 12px; margin-top:8px; }
.acceptPrivacy a          { font-size: 12px; }
.footerHeader6            { margin-top: 0px; margin-bottom: 20px; padding-bottom: 8px; border-bottom: 1px dashed #59a315; }
.large-social-button      { color: #FFFFFF; display: inline-block; font-size: 20px; height: 30px; line-height: 27px; text-align: center; width: 30px; margin-right: 4px; }
.facebook-button          { background-color: #3864A3; border: 1px solid #3864A3; color: #FFFFFF !important; }
.facebook-button:hover    { background-color: #FFFFFF; color: #3864A3 !important; }
.twitter-button           { background-color: #659FCB; border: 1px solid #659FCB; color: #FFFFFF !important; }
.twitter-button:hover     { background-color: #FFFFFF; color: #659FCB !important; }
.google-plus-button       { background-color: #DD5044; border: 1px solid #DD5044; color: #FFFFFF !important; padding-left: 1px; }
.google-plus-button:hover { background-color: #FFFFFF; color: #dd5044 !important; }
.linkedin-button          { background-color: #0077B5; border: 1px solid #0077B5; color: #FFFFFF !important; }
.linkedin-button:hover    { background-color: #FFFFFF; color: #0077B5 !important; }
.reddit-button            { background-color: #407AA9; border: 1px solid #407AA9; color: #FFFFFF !important; }
.reddit-button:hover      { background-color: #FFFFFF; color: #407AA9 !important; }
.instagram-button         { background-color: #000000; border: 1px solid #000000; color: #FFFFFF !important; }
.instagram-button:hover   { background-color: #FFFFFF; color: #000000 !important; }
.copyrightText            { font-weight: 300; font-size: 12px !important; }
.copyrightText a, .copyrightText a:hover, .copyrightText a:active, .copyrightText a:visited { font-size: 12px !important; }
.homepageFeature img      { border: 1px solid #D15CAC; }
footer.footer ul li       { margin-bottom: 0px; }
.paymentOptions           { padding: 2px; }
.paymentOptions p         { font-size: 13px; }

.row.smallerGutters, 
.grid-row.smallerGutters  { margin: -5px; }
.row.smallerGutters [class*='col-'],
.grid-row.smallerGutters [class*='col-'] { padding: 5px; }
.clearfix-sm { clear: both; }
.faux-link { cursor: pointer; }


.menu-social ul { margin-top: 15px; width: 80px; float: left; }
.menu-social ul li { width: auto; float: left; margin-right: 8px; }
.menu-social ul li a { color: #FFFFFF; }
.desktopMenuOnly  { display: none !important; }
.mobileMenuOnly, 
.mobileMenuOnly > a { display: block !important; }

.pattern { background-image: url(/main_images/bg-default-pattern.png); }
.accountHeading { padding: 12px; }
.accountHeading > h4 { font-size: 16px; font-weight: 300; line-height: 20px; }
.accountHeading > h4 > a { font-size: 12px; font-weight: 400; line-height: 12px; text-decoration: underline; }
.accountHeading > h4 > a:hover { color: #59A315; text-decoration: underline; }

.login-bg .login-title > h6 { font-size: 12px; font-style: normal; font-weight: 300; line-height: 12px; }
button.close      { padding: 6px 10px 0 0 !important; }

del { background-color: transparent; margin: 0; padding: 0; }
ins { text-decoration: none; }
h1 { line-height: 1.3; }
h1.welcomeHeader { font-size: 20px; }
h1.welcomeHeader span { display: block; }

.header.light { border: none; }
.header.light .search .search-btn, .header.light .search-cart i.icon { color: #FFFFFF; }
.header.light .mega-menu .menu-links > li.active > a { color: #C1C1C1; }
.header.light .search .search-btn:hover, .header.light .search-cart i.icon:hover, .header.light .mega-menu .menu-links > li > a:hover { color: #D1D1D1; }
.login-bg .login-title { border-radius: 0; }
.form-content { padding: 12px; }
.form-content .close { margin: 7px 7px 0 0; }
.form-content p { font-size: 14px; padding-bottom: 20px; }
.form-content input, .form-content textarea, .form-content select, .bootstrap-select .btn.dropdown-toggle { border-radius: 6px; padding-left: 20px; }
.bootstrap-select .btn.dropdown-toggle { background-color: #F6F7F8; border: 0px solid transparent; padding: 7px 10px 7px 20px; height: auto; color: #323232; box-shadow: none; }
.page-title { padding-top: 20px !important; background-size: cover; display: block; padding-bottom: 50px; position: relative; background-color: #323232; margin-bottom: 20px; }
.page-title .page-title-name, .page-title ul.page-breadcrumb { width: auto; background-color: rgba(255, 255, 255, 0.7); padding-top: 0; padding: 4px 14px 4px 6px; display: inline-block; float: none !important; }
.page-title .page-title-name { float: left; margin-top: 20px; }
.page-title ul.page-breadcrumb { float: right; margin-top: 30px; font-weight: 500; }
.page-title .page-title-name h1 { padding: 0; margin: 0; }
.mega-menu .menu-mobile-collapse-trigger { margin-top: 17px; }
.header.light .mega-menu .menu-mobile-collapse-trigger::before, .header.light .mega-menu .menu-mobile-collapse-trigger::after, .header.light .mega-menu .menu-mobile-collapse-trigger span { background-color: #FFFFFF; }
.mega-menu .menu-links { margin: 46px 0 0; color: #323232;}
.header.light .mega-menu .menu-links > li > a { color: #323232; }
.bootstrap-select > button.btn.dropdown-toggle { border: 1px solid #CCCCCC; color: #323232;}
label.error { display: none !important; }
input.error, textarea.error, button.dropdown-toggle.error { border: 1px solid #CC0000 !important; color: #CC0000 !important; }
input.error::placeholder, textarea.error::placeholder, button.dropdown-toggle.error::placeholder { color: #CC0000 !important; }
input[type=checkbox].error { border: none; -webkit-box-shadow: 0px 0px 0px 1px rgba(204,0,0,1); -moz-box-shadow: 0px 0px 0px 1px rgba(204,0,0,1); box-shadow: 0px 0px 0px 1px rgba(204,0,0,1); }
.form-control { padding: 6px 12px; }
.form-control option { font-size: 12px; margin: 4px; }
.filterLabel { display: inline-block; font-size: 12px; margin-right: 5px; font-weight: normal; }
.filterOption { display: inline-block; width: 100%; }
optgroup { font-weight: 500; margin-left: 5px; }
.no-bullet-points, .no-bullet-points li { margin: 0; padding: 0; list-style: none; }

.mega-menu .drop-down .less-spacing ul li a { padding: 0; }
#menu .menu-list-items { height: 44px !important; }
#header.default { position: relative; background-color: #323232; }
.menu-links [class*='grid-col-'] h3:hover { color: #59A315; }
.menu-links li:hover { background-color: #FFFFFF !important; background-image: none !important; }
.menu-links li:hover a { color: #666666 !important; }
.menu-links [class*='grid-col-'] ul > li > a > i.fa-angle-right { padding-right: 3px; width: auto; }
.menu-links [class*='grid-col-'] ul > li > a > img { margin-right: 10px; width: 48px; border: 1px solid #CCCCCC; }
.menu-links [class*='grid-col-'] ul > li > a > img.brand { margin-right: 0; width: auto; }
.featured-owl-carousel .heading { font-size: 16px; color: #FFFFFF; padding: 8px; text-align: center; color: #FFFFFF; border-radius: 7px 7px 0 0; }
.featured-owl-carousel .owl-carousel-container { padding: 10px; }
.featured-owl-carousel .item > a { width: calc(100% - 2px); display: block; box-sizing: border-box; }
.featured-owl-carousel .item > a > .featured-text { background-color: #323232; text-align: center; padding: 4px 8px; }
.featured-owl-carousel .item > a > .featured-text > h4 { font-size: 12px; color: #F1F1F1; line-height: 1.3; max-height: 30px; height: 30px; overflow: hidden;margin-bottom: 0; font-weight: 300; }
.featured-owl-carousel .item > a:hover > .featured-text > h4 { color: #F1F1F1; }
.featured-owl-carousel .item > a > .over-image-text { position: absolute; bottom: 0; left: 0; width: 100%; padding: 4px; background-color: rgba(255, 255, 255, 0.9); text-align: center; font-size: 20px; font-weight: 600; line-height: 1.15; }
.featured-owl-carousel .item > a:hover > .over-image-text { color: #F1F1F1; }
.featured-owl-carousel .item > a > .over-image-text > .price-per-pack { font-size: 12px; font-weight: 400; }
.featured-owl-carousel .item > a:hover > .over-image-text > .price-per-pack { color: #F1F1F1; }

.product .product-title a { font-size: 14px; font-weight: 400; padding: 0 5px; }
.product .product-price { font-size: 20px; font-weight: 700; line-height: 1.3; margin-bottom: 10px; }
.product .product-price ins { font-size: inherit !important; }
.product .product-price del { display: block; font-weight: 300; }
.product .product-price span { font-size: 16px; }
.product .product-price ins span { font-size: 16px; }
.product .product-price del span { font-size: 14px; color: #000000; font-weight: 400; }
.product .product-price .pricePerIUnit { font-size: 14px; font-weight: 400; }
.productsMenu h3 { margin-bottom: 0px !important; }
.productsMenu img { border-top: 2px solid #DE70BF; margin-bottom: 0px; }

.paging { padding: 0; margin: 0; text-align: center; }
.paging li { margin: 0 0 4px 0; padding: 0; list-style: none; display: inline-block; font-size: 14px; line-height: 14px; text-align: center; min-width: 32px; }
.paging li.active { padding: 8px 0; }
.paging li a { margin: 0; padding: 8px 0; display: block;  }

.top-banner { margin-bottom: 30px; position: relative; margin-top: 44px; }
#wrapper { background-color: #FFFFFF; width: 100%; overflow: hidden; position: absolute; top: 0; left: 0; }
#carousel a { display: block; float: left; }
#carouselPaging { height: 26px; text-align: center; z-index: 10; position: absolute; bottom: 0; left: calc(50% - 48px); }
#carouselPaging > a { display: inline-block; height: 20px; width: 26px; color: #777777 !important; }
#carouselPaging > a.selected { color: #323232 !important; }
#carouselPaging > a > i.fa {  font-size: 20px; display: block; height: 20px; width: 26px;  }
.top-banner, .top-banner > #wrapper { height: 262px; }
.top-banner > #wrapper #carousel a,
.top-banner > #wrapper #carousel img { width: 767px; height: 262px; }
#prev, #next { display: none; background-color: rgba(255, 255, 255, 0.8); display: block !important; width: 50%; top: 0; z-index: 11; position: absolute; }
#prev:hover, #next:hover { background-color: rgba(255, 255, 255, 0.5); }

.priceList {margin:15px 0 5px 18px;}

.placeholderField { position: relative; padding-bottom: 20px; margin-bottom: 24px; }
.placeholderLabel { display: none; position: absolute; top: 24px; left: 11px; font-size: 10px; font-weight: 400; color: #656565; z-index: 99; }
.placeholderDataEntry { position: absolute; display: block; box-sizing: border-box; width: 100%; }
.placeholderDataEntry:valid { position: relative; top: 34px; margin-top: -20px; }
.placeholderLabel.valid { display: block; background-color: #F6F7F8; border: 1px solid #CCCCCC; border-radius: 3px; padding: 1px 4px; -webkit-animation: fadein 1s;  -moz-animation: fadein 1s; -ms-animation: fadein 1s; -o-animation: fadein 1s; animation: fadein 1s; }
.placeholderLabel.forBillingCountryLabel { top: 4px; left: 25px; }
.header-logo-full, .header-logo-small { display: none; }
.header-logo-smallest { display: block; }

.menu .menu-social { display: none; }
.mega-menu .menu-logo { padding: 6px 0; }
.search-cart i.icon { line-height: 50px; }
.menu .cart-price > span { display: inline-block; margin-right: 15px; }
.menu .cart-total > h6 { float: left; margin-top: 7px; margin-left: 10px; }
.menu .cart-total > a { float: right; margin-right: 10px; }

#addToCartForm .quantityContainer { float: left; }

ul#productPager li { padding: 0; margin: 0; list-style: none; width: calc(33.3333% - 4px); float: left; border: 1px solid #CCCCCC; margin: 3px 2px; }
ul#productPager li:first-child { margin: 3px 4px 3px 0; }
ul#productPager li:nth-child(3n) { margin: 3px 0 3px 4px; }
ul#productPager li:nth-child(3n+1) { margin: 3px 4px 3px 0; }
.bx-wrapper .bx-pager { display: none !important; }
.bx-wrapper { margin-bottom: 0 !important; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important;  }

.quantityContainer { width: 150px; margin: 0 10px 0 0; }
.resultsEmptySearch { padding: 0 7px; border-color: #E0E0E0; border-right: none !important; height: 41px; }
.input-group-addon { border: 1px solid #E0E0E0 !important; cursor: pointer; padding: 12px 20px 12px 20px; }
.resultsEmptySearch + .input-group-addon { border-radius: 0 7px 7px 0 !important; }
.resultsEmptySearch + .input-group-addon:hover { -webkit-animation: colourBlendToGrey 0.5s forwards;  -moz-animation: colourBlendToGrey 0.5s forwards; -ms-animation: colourBlendToGrey 0.5s forwards; -o-animation: colourBlendToGrey 0.5s forwards; animation: colourBlendToGrey 0.5s forwards; }
.input-group.search .resultsEmptySearch { padding: 0 4px; height: 35px; }
.input-group.search .resultsEmptySearch + .input-group-addon { padding: 9px 17px !important; } 

.addQty { border-radius: 0 10px 10px 0 !important; }
.removeQty { border-radius: 10px 0 0 10px !important; }
.input-group #quantity { padding: 0 7px; text-align: center; border-color: #E0E0E0; border-left: none; border-right: none !important; height: 40px; }



.product-detail-price { font-size: 20px; line-height: 30px; font-weight: 700; }
.product-detail-price del { font-size: 12px; line-height: 30px; color: #323232; font-weight: 400; }
.product-detail-price span { font-size: 16px; line-height: 30px; }
.product-detail-price span.blue { font-size: 20px; line-height: 30px; }

.recentlyViewed { font-size: 12px; }
.recentlyViewed img { width: 25%; margin-left: 20px; }
.recentlyViewed .price { font-weight: bold; }

.cart-items-container { max-height: 324px; overflow-y: scroll; }


#cart { display: block;  border: 1px solid #000; margin-bottom: 15px;  }
#cart table { margin: 0; padding: 0; width: 100%; border: 0; }
#cart table tr { border-bottom: 1px solid #000; }
#cart table tr:last-child { border-bottom: none; margin-bottom: 0; }
#cart .total { font-weight: 500; text-transform: uppercase; }
#cart .image { width: 81px; overflow: hidden; margin-left: 8px; }
#cart .price { width: 80px; text-align: right; font-size: 13px; }
#cart .qty { width: 150px; text-align: center; }
#cart .subtotal { width: 80px; text-align: right; padding-right: 15px !important; font-size: 13px; }
#cart .info-label { min-width: 50px; display: inline-block; margin-bottom: 7px; }
#cart .total span { padding: 0 5px; color: #1F3773; }
#cart .cart-item { width: 100%; min-height: 92px; position: relative; margin: 10px 0 10px; padding: 0 0 15px 0; }
#cart .cart-item:after { width: calc(115%); content: ''; height: 1px; background-color: #FFFFFF; opacity: 0.2; }
#cart .image img { width: 71px; padding: 5px; }
#cart .title h2 { font-size: 13px; font-weight: 300; line-height: 15px; padding: 0; margin: 0; }
#cart .title h2 a { color: #1F3773 !important; }
#cart .title .title-center { display: table-cell; height: 75px; vertical-align: middle; }
#cart .price span:not(.info-label) { font-size: 18px; font-weight: 300; color: #666666; }
#cart .headerRow .qty, #cart .headerRow .price, #cart .headerRow .subtotal { padding-top: 0; }
#cart .headerRow { min-height: 1px; padding-bottom: 0; font-weight: 300; color: #FFFFFF !important; background-color: #000000; }
#cart .headerRow > td { padding: 5px 0; }
#cart .qtyDelete { cursor: pointer; font-size: 10px; margin-bottom: 5px; }
#cart .quantityContainer { width: 100px; margin: 0 auto; text-align: center; }
#cart .quantityContainer input#quantity{ width: 50px; padding: 0 5px; }
#cart .input-group-addon { padding: 7px 12px; }
#cart label { display: inline-block; }
.cartBoxes { font-size: 18px; }


  #cart { left: 0; width: 100%; background-color: #FFFFFF; display: block; -webkit-transition: top 500ms linear 0s; -moz-transition: top 500ms linear 0s; -ms-transition: top 500ms linear 0s; -o-transition: top 500ms linear 0s; transition: top 500ms linear 0s; }
  #cart .cart-item { margin: 6px 0 20px; }
  #cart .cart-item { margin: 5px 0 10px; }
  #cart .title h2 { font-size: 13px; line-height: 15px; padding: 0; }
  #cart .title h2 a { color: #1FC0A0; }
  #cart .price { padding: 0; font-size: 13px; }
  #cart .qty { padding: 15px 0 0; }
  #cart .qty.bogof { padding: 0; }
  #cart .info-label { color: #666666; }
  #cart .cart-item:after { display: none; }
  #cart .btn-checkout { float: right; }
  #cart .total { padding: 4px 150px 0 0; font-weight: 500; color: #666666; text-transform: uppercase; }
  #cart .total span { font-size: 20px; }
  #cart .label { display: none; }

#totals { display: none; }
.table-total { width: 100%; }
.table-total th, .table-total td { font-size: 18px; font-style: normal; line-height: 24px; font-family: 'Montserrat', sans-serif; font-weight: 500; color: #363636; padding-bottom: 10px; text-transform: uppercase; }
.table-total th { width: 60%; text-align: left; }
.table-total td { width: 40%; text-align: right; }
.table-total td hr { width: 80%; margin: 10px 10%; border: none; border-bottom: 1px solid #E1E1E1; }
.table-total tr.total > th { text-align: left; font-size: 22px; line-height: 26px; }
#totals #checkoutButton { margin-top: 20px; background-color: #323232; border: 1px solid #323232; }
#totals #checkoutButton:hover { background-color: #F6F8FA; border: 1px solid #323232; color: #323232; }
#totals #saveCartButton { margin-top: 20px; margin-left: 0; cursor: pointer; }
#totals #saveCartButton:hover { background-color: #353535 !important; }
.calculatingIcon .deliverySpinner { display: block; }
.calculatingIcon .calculatingSpinner { display: none; }
tr.highlighted { background-color: #F3FFD3; }
label.shippingCountry { top: 5px; }
input#shippingCountry { margin-top: 14px; }
.greyBorder input, .greyBorder textarea, .greyBorder select,
.grayBorder input, .grayBorder textarea, .greyBorder select { background-color: #FFFFFF; }
#newCustomer { cursor: pointer; }

#loginForm input, #checkoutFormInContent input { border-radius: 7px; }
#checkoutFormInContent .input-group input { border-right: none; border-radius: 7px 0 0 7px;}
#checkoutFormInContent .input-group-addon { padding: 9px 20px; border-radius: 0 7px 7px 0; }
#checkoutFormInContent .input-group-addon { margin-top: 10px; }
#checkoutFormInContent.notLoggedIn { display: none; }
#newCustomerButton { cursor: pointer; }

.search .search-btn { text-indent: 0; }
.search .search-box i { color: #777777 !important; top: 24px; }
.search .search-box i:hover { color: #555555 !important; }

.row.itemList:nth-child(2n - 1) [class*='col-'] { background-color: #F1F1F1; }
.totalsBox { font-size: 16px; min-height: 120px;}
ul.orderItemList { margin: 0 padding: 0; }
ul.orderItemList > li { margin: 0 0 4px 0 padding: 0 0 4px 0; list-style: none; border-bottom: 1px solid #E1E1E1; }

.accordion.animated .acd-group .acd-heading { font-weight: 400; font-size: 16px; }
.accordion.animated .acd-group.acd-active .acd-heading { font-size: 20px; }

#map { height: 500px; }

figure, div.dateContainer { position: relative; }
figure .date { position: absolute; background-color: rgba( 255, 255, 255, 1); height: 65px; width: 65px; border-radius: 5px; border: 1px solid #FBCBCB; }
.post__title_block figure .date { position: absolute; background-color: rgba( 255, 255, 255, 1); height: 65px; width: 65px; border-radius: 5px; bottom: 8px; right: 8px; height: 58px; border: none; }
.recent-post-box .figure .date { position: absolute; background-color: rgba( 255, 255, 255, 1); height: 65px; width: 65px; border-radius: 5px; top: 8px; left: 8px; border: none; }
div.dateContainerRecent .date .day,   div.dateContainer .date .day,   .post__title_block figure .date .day { position: absolute; top: 26px; left: 4px; font-size: 22px; font-weight: bold; width: 35px; text-align: center; color: #666666; }
div.dateContainerRecent .date .month, div.dateContainer .date .month, .post__title_block figure .date .month { position: absolute; top: 6px; left: 4px; font-size: 16px; font-weight: normal; width: 35px; text-align: center; color: #666666; }
div.dateContainerRecent .date .year,  div.dateContainer .date .year,  .post__title_block figure .date .year { position: absolute; top: 18px; left: 28px; font-size: 18px; font-weight: normal; color: #666666; -ms-transform: rotate(-90deg);  -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.post .post-heading { margin-left: 75px; }
.post .post_title { margin-bottom: 0; }
.post ul#relatedProducts li { width: 50%; float: left; list-style: none; position: relative; }
.post ul#relatedProducts li > div { margin: 5px; padding: 3px; border: 1px solid #CCCCCC; }
.post ul#relatedProducts li > div img.product-image { padding-bottom: 10px; width: 100%; max-width: 100%; }
.post ul#relatedProducts li .relatedColourSize { text-align: center; font-size: 20px; font-weight: bold; line-height: 1.3; }
.post ul#relatedProducts li .relatedColourSize del { font-size: 13px; font-weight: 300; color: #323232; text-decoration: line-through; }
.post ul#relatedProducts li .linkOverlay { position: absolute; left: 6px; top: 6px; height: calc(100% - 10px); width: calc(100% - 12px); opacity: 0; text-align: center;  }
.post ul#relatedProducts li:hover .linkOverlay { opacity: 1; }
.post ul#relatedProducts li .linkOverlay > div { margin-top: calc(50% - 20px); padding: 8px 12px; }

.product-image { position: relative; }
.product-image .image-overlay { position: absolute; left: 5px; bottom: 5px; width: 56px !important; }
.product-overlay {display: block; margin-top: 38% !important; height: 100%; width: 100%; opacity: 0; text-align: center; top: 0 !important; }
.product-overlay:hover { opacity: 1; }
.product-overlay > div.button { margin-top: calc(50% - 40px); }

.relatedProductsLink.linkForOverlay { display: block; position: relative; }
.relatedProductsLink.linkForOverlay .image-overlay { position: absolute; left: 5px; bottom: 15px; width: 56px !important; }

.hidden-upto-xs { display: none; }
.filterLabel { display: none; }

.input-group-addon.addQty:hover, .input-group-addon.removeQty:hover { webkit-animation: colourBlendToGreen 0.5s forwards;  -moz-animation: colourBlendToGreen 0.5s forwards; -ms-animation: colourBlendToGreen 0.5s forwards; -o-animation: colourBlendToGreen 0.5s forwards; animation: colourBlendToGreen 0.5s forwards; }
.qtyDelete:hover { webkit-animation: colourBlendToRed 0.5s forwards;  -moz-animation: colourBlendToRed 0.5s forwards; -ms-animation: colourBlendToRed 0.5s forwards; -o-animation: colourBlendToRed 0.5s forwards; animation: colourBlendToRed 0.5s forwards; }

/* --- BLOG --- */
.post__title_block h1 { font-size: 20px; margin: 3px 0 0 0; line-height: 1.4; }
.post__title_block h2 { font-size: 16px; margin: 8px 0; line-height: 1.4; }
.post__title_block .dateContainer { margin-top: -3px; }
.post__meta { color: #CC2C90; }
.relatedProductsTitle { font-size: 24px; color: #cc4b9a; margin-top: 20px; }
.relatedName { text-align: center; margin-bottom: 5px; }


.csv-title { font-style: italic; font-size: 18px; }
#createCSVForm #submitBtn { background-color: #00D191; border: 1px solid #00D191; color: #FFFFFF; border-radius: 5px; font-size: 16px; padding: 7px 9px; margin-bottom: 20px; }
#createCSVForm #submitBtn:hover { background-color: #FFFFFF; border: 1px solid #00D191; color: #00D191; }

.footer {margin-top: 30px;}

.portfolio-img, #menu button.small             { background-color: #84BA3F !important; color: #FFFFFF !important; border-radius: 12px !important; padding: 7px 14px !important; width: auto !important; height: auto !important; line-height: 1.3 !important; }
.portfolio-img:hover, #menu button.small:hover { background-color: #353535 !important; border-color: #353535 !important; }
button.small i { color: #FFFFFF !important; }

@font-face {
    font-family: 'Libre Barcode 128';
    src: url('../fonts/LibreBarcode128-Regular.eot');
    src: local('Libre Barcode 128 Regular'), local('LibreBarcode128-Regular'),
        url('../fonts/LibreBarcode128-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/LibreBarcode128-Regular.woff2') format('woff2'),
        url('../fonts/LibreBarcode128-Regular.woff') format('woff'),
        url('../fonts/LibreBarcode128-Regular.svg#LibreBarcode128-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.barcode-container { text-align:center;}
.barcode { font-family: 'Libre Barcode 128'; font-weight: normal; font-style: normal; font-size: 60px; text-align: center; margin-top: 15px;}
.barcodetext { margin-top:-32px !important; }


@media (max-width: 539px) {
  .addToCatBtn { padding: 9px 13px !important; }
}


@media (min-width: 320px) {
  .top-banner, .top-banner > #wrapper, #prev, #next { height: 109px; }
  .top-banner > #wrapper #carousel a,
  .top-banner > #wrapper #carousel img { width: 320px; height: 109px; }
  #prev { left: -160px; }
  #next { right: -160px; }
}


@media (min-width: 480px) {
  .top-banner, .top-banner > #wrapper, #prev, #next { height: 164px; }
  .top-banner > #wrapper #carousel a,
  .top-banner > #wrapper #carousel img { width: 480px; height: 164px; }
  #prev { left: -240px; }
  #next { right: -240px; }
}


@media (min-width: 540px) {
  .top-banner, .top-banner > #wrapper, #prev, #next { height: 185px; }
  .top-banner > #wrapper #carousel a,
  .top-banner > #wrapper #carousel img { width: 540px; height: 185px; }
  #prev { left: -270px; }
  #next { right: -270px; }
}


@media (min-width: 640px) {
  .top-banner, .top-banner > #wrapper, #prev, #next { height: 219px; }
  .top-banner > #wrapper #carousel a,
  .top-banner > #wrapper #carousel img { width: 640px; height: 219px; }
  #prev { left: -320px; }
  #next { right: -320px; }
  .post ul#relatedProducts li { width: 33.3333%; }
}


@media (max-width: 604px) {
  .topbar .col-xs-7, .topbar .col-xs-5 { width: 100%; }
  .topbar .col-xs-5 .topbar-call { text-align: center; margin-top: 5px; }
  .topbar .header-logo-smallest { width: 100%; max-width: auto; }
  .topbar .header-phone a { font-size: 18px; padding: 6px; }
  .topbar .topbar-social { display: none; }
  .menu .menu-social { display: block; position: absolute; top: -3px; left: 10px; }
}


@media (min-width: 768px) {
  .top-banner, .top-banner > #wrapper, #prev, #next { height: 256px; }
  .top-banner > #wrapper #carousel a,
  .top-banner > #wrapper #carousel img { width: 750px; height: 256px; }
  .desktopMenuOnly { display: table-cell !important; }
  .mobileMenuOnly  { display: none !important; }

  #prev { left: -375px; }
  #next { right: -375px; }

  .header-logo-full, .header-logo-smallest { display: none; }
  .header-logo-small { display: block; }
  .filterLabel { display: inline-block; }
  .filterOption { width: auto; }
  h1.welcomeHeader { font-size: 24px; }
  h1.welcomeHeader span { display: inline; }
  .top-banner { margin-bottom: 50px; }
}


@media (min-width: 992px) {
  .mega-menu .menu-links > li > a { padding: 10px 8px; }
  .row.tableRow { margin: 0; display: block; }
  .row.itemList [class*='col-'] { min-height: 32px; }
  .tableCell { margin: 0; border: 1px solid #E1E1E1; border-top: none; padding: 5px; }
  .tableCell.table-header { background-color: #E1E1E1; border: 1px solid #CCCCCC; }
  .mega-menu .menu-links { margin: 0; }
  .header.light .mega-menu .menu-links > li > a { color: #FFFFFF; }
  .top-banner { margin-top: 0; }
  .top-banner, .top-banner > #wrapper, #prev, #next { height: 332px; }
  .top-banner > #wrapper #carousel a,
  .top-banner > #wrapper #carousel img { width: 970px; height: 332px; }
  #prev, #next { display: block; }
  #prev { left: -485px; }
  #next { right: -485px; }
  .homepageFeaturedItems { height: 168px; }

  .header-logo-small, .header-logo-smallest { display: none; }
  .header-logo-full { display: block; }

  .clearfix-sm { clear: none; }
  .clearfix-md { clear: both; }
  span.hidden-upto-xs { display: inline; }

  .mega-menu .drop-down ul li a:hover { color: #84BA3F !important; }
  .header-email, .header-phone { font-size: 16px; }
}


@media (min-width: 1200px) {
  .mega-menu .menu-links > li > a { padding: 0 15px; }
  .top-banner, .top-banner > #wrapper, #prev, #next { height: 400px; }
  .top-banner > #wrapper #carousel a,
  .top-banner > #wrapper #carousel img { width: 1170px; height: 400px; }
  #prev { left: -585px; }
  #next { right: -585px; }
  .homepageFeaturedItems { height: 195px; }
}





/* ANIMATIONS */

@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@-moz-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@-webkit-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@-ms-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}


@keyframes colourBlendToGrey {
  from {  }
  to   { background-color: #E1E1E1; }
}
@-moz-keyframes colourBlendToGrey {
  from {  }
  to   { background-color: #E1E1E1; }
}
@-webkit-keyframes colourBlendToGrey {
  from {  }
  to   { background-color: #E1E1E1; }
}
@-ms-keyframes colourBlendToGrey {
  from {  }
  to   { background-color: #E1E1E1; }
}


@keyframes colourBlendToGreen {
  from {  }
  to   { background-color: #84BA3F; color: #FFFFFF; }
}
@-moz-keyframes colourBlendToGreen {
  from {  }
  to   { background-color: #84BA3F; color: #FFFFFF;  }
}
@-webkit-keyframes colourBlendToGreen {
  from {  }
  to   { background-color: #84BA3F; color: #FFFFFF;  }
}
@-ms-keyframes colourBlendToGreen {
  from {  }
  to   { background-color: #84BA3F; color: #FFFFFF;  }
}


@keyframes colourBlendToRed {
  from {  }
  to   { color: #CC0000; }
}
@-moz-keyframes colourBlendToRed {
  from {  }
  to   { color: #CC0000;  }
}
@-webkit-keyframes colourBlendToRed {
  from {  }
  to   { color: #CC0000;  }
}
@-ms-keyframes colourBlendToRed {
  from {  }
  to   { color: #CC0000;  }
}


.bulk-order                  { font-size: 13px; }
.bulk-order #searchTerms     { color: #000000; width: calc(100% - 75px); }
.bulk-order #reset-category,
.bulk-order #reset-search    { display: inline-block; margin-left: 8px; cursor: pointer; }

.table.bulk-order-table                     { display: table; width: 100%; padding: 0; margin: 0; overflow: hidden; }
.bulk-order-table .table-row                { display: table-row; width: 100%; max-height: 80px; padding: 5px 0; }
.bulk-order-table .table-row.odd            { background-color: #F1F1F1; }
.bulk-order-table .table-cell               { display: table-cell; vertical-align: top; }
.bulk-order-table .table-cell.heading       { font-weight: 700; border-bottom: 2px solid #CCCCCC; }
.bulk-order-table .table-cell.heading .fa   { left-margin: 4px; cursor: pointer; }
.bulk-order-table .table-row:hover          { background-color: #E7E7E7; }
.table.bulk-order-table a                   { color: #000000; }
.table.bulk-order-table a:hover             { color: #333333; }

.bulk-order-table .more-details { width: 15px; }
.bulk-order-table .image        { width: 100px; border-right: none}   
.bulk-order-table .name         { }
.bulk-order-table .ean-number   { width: 60px;  text-align: center; }
.bulk-order-table .pack-size    { width: 90px;  text-align: center; }
.bulk-order-table .price        { width: 60px;  text-align: center; }
.bulk-order-table .unit-price   { width: 80px;  text-align: center; }
.bulk-order-table .unit-price:not(.heading)   { color: #F42400;font-weight: bold; }
.bulk-order-table .quantity     { width: 104px; text-align: center; }
.bulk-order-table .mobile-info  { display: none; }

.bulk-order-table .quantity > .qty-remove,
.bulk-order-table .quantity > input.qty,
.bulk-order-table .quantity > .qty-add              { background-color: #FFFFFF; border: 1px solid #777777; font-family: roboto; font-size: 12px; height: 28px; line-height: 24px; text-align: center; color: #333333; display: inline-block; }
.bulk-order-table .quantity > .qty-remove:disabled,
.bulk-order-table .quantity > .qty-add:disabled     { background-color: #BBBBBB;}
.bulk-order-table .quantity > .qty-remove           { border-radius: 3px 0 0 3px; width: 26px; cursor: pointer; }
.bulk-order-table .quantity > input.qty             { width: 46px; border-left: none; border-right: none; line-height: 22px; }
.bulk-order-table .quantity > .qty-add              { border-radius: 0 3px 3px 0; width: 26px; line-height: 24px; cursor: pointer; }
.bulk-order-table .image img                        { width: 100%; max-width: 100%; border: }
.bulk-order-table .bogof-label                      { display: inline-block; line-height: 100%; padding: 3px 5px 2px; color: #FFFFFF; background-color: #F42400; }

.bulk-order-paging ul.paging                    { text-align: left; }
.bulk-order-paging ul.paging > li               { background-color: #FFFFFF; border: 1px solid #777777; font-size: 13px; height: 30px; max-height: 30px; width: 30px; line-height: 28px; text-align: center; color: #81BA38; display: inline-block; cursor: pointer; }
.bulk-order-paging ul.paging > li i.fa          { color: #81BA38; font-size: 16px; }
.bulk-order-paging ul.paging > li.extra-width   { width: auto; }
.bulk-order-paging ul.paging > li select        { background: #FFFFFF; color: #81BA38 ; border: none; outline: none; margin-left: 6px; }

.homeH2 {text-align: center; font-weight: 600; margin-top: 25px; margin-bottom:40px; font-size: 28px; text-transform: uppercase; color: #F42400;}

 @media (max-width: 767px) {
   .bulk-order #searchTerms                 { width: 100%; }
   .bulk-order-table .table-cell            { display: inline-block;  }
   .bulk-order-table .table-row.header      { display: none; }
   .bulk-order-table .image                 { width: 100px; vertical-align: top;}   
   .bulk-order-table .name                  { width: calc(100% - 214px); }
   .bulk-order-table .quantity              { vertical-align: top; }
   .bulk-order-table .ean-number,
   .bulk-order-table .pack-size,
   .bulk-order-table .price,
   .bulk-order-table .unit-price            { display: none; }
   .bulk-order-table .mobile-info           { display: block; }
}

.download-pricelist,
.amazon-invoice-compatible { color: #FFFFFF; text-align: center; padding: 8px; display: block; }
.download-pricelist:hover { color: #EEEEEE; }
.download-pricelist { background-color: #689F39; }
.amazon-invoice-compatible { background-color: #000000; }