/*
* Skeleton based framework - changed to add responsive width classes with ease 
*/

/* Table of contents

––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid - 5 Breakpoints, Mobile First - XS SM MD LG XL
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
- Site Wide CSS

*/


/* Grid - Column widths

5 Breakpoints - Start with XS(Mobile), larger breakpoints will adopt lesser rules, up to XL(Desktop+)

XS(ExtraSmall-  Mobile), SM(Small - Tablet), MD(Medium - Laptop), - LG(Large - Desktop) - XL(ExtraLarge Desktop+)

–––––––––––––––––––––––––––––––––––––––––––––––––– */

.container {
	position: relative;
	width: 100%;
	max-width: 1420px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box; }
  .column,
  .columns {
	width: 100%;
	float: left;
	box-sizing: border-box; }

  /* For devices larger than 400px */
  @media (min-width: 400px) {

  }
 /* Mobile and below */
  @media (max-width: 549px) {

	.xs-one 	{ width: 4.66666666667%; }
	.xs-two 	{ width: 13.3333333333%; }
	.xs-three 	{ width: 22%;            }
	.xs-four 	{ width: 30.6666666667%; }
	.xs-five   	{ width: 39.3333333333%; }
	.xs-six    	{ width: 48%;            }
	.xs-seven  	{ width: 56.6666666667%; }
	.xs-eight 	{ width: 65.3333333333%; }
	.xs-nine  	{ width: 74.0%;          }
	.xs-ten 	{ width: 82.6666666667%; }
	.xs-eleven	{ width: 91.3333333333%; }
	.xs-twelve	{ width: 100%;}
	.xs-one-fifth { width: 16.3333333333%; }
	.offset-xs-one.column,
	.offset-xs-one.columns          { margin-left: 8.66666666667%; }
	.offset-xs-two.column,
	.offset-xs-two.columns          { margin-left: 17.3333333333%; }
	.offset-xs-three.column,
	.offset-xs-three.columns        { margin-left: 26%;            }
	.offset-xs-four.column,
	.offset-xs-four.columns         { margin-left: 34.6666666667%; }
	.offset-xs-five.column,
	.offset-xs-five.columns         { margin-left: 43.3333333333%; }
	.offset-xs-six.column,
	.offset-xs-six.columns          { margin-left: 52%;            }
	.offset-xs-seven.column,
	.offset-xs-seven.columns        { margin-left: 60.6666666667%; }
	.offset-xs-eight.column,
	.offset-xs-eight.columns        { margin-left: 69.3333333333%; }
	.offset-xs-nine.column,
	.offset-xs-nine.columns         { margin-left: 78.0%;          }
	.offset-xs-ten.column,
	.offset-xs-ten.columns          { margin-left: 86.6666666667%; }
	.offset-xs-eleven.column,
	.offset-xs-eleven.columns       { margin-left: 95.3333333333%; }

	.xs-marg-left{
		margin-left:4%;
	}

	.xs-left{
		float:left;
	}

	.xs-right{
		float:right;
	}

	.container {
		width: 98%;
		padding: 0; }

	.three.columns.mobile{
		width:48%;
		margin-left:2%;
	}

  }




/* For devices larger than 550px */
@media (min-width: 550px) {
	.column, .columns {
		margin-left: 4%; }
	.footer-two,
	.footer-two {
		margin-left: 1%; }
	.footer-three,
	.footer-three {
		margin-left: 1%; }
	.column:first-child,
	.columns:first-child {
	  	margin-left: 0; }
	  .footer-two:first-child,
	.footer-two:first-child {
	  	margin-left: 0; }
	.footer-three:first-child,
	.footer-three:first-child {
		margin-left: 0; }

	.one.column,
	.one.columns                    { width: 4.66666666667%; }
	.two.columns                    { width: 13.3333333333%; }
	.three.columns                  { width: 22%;            }
	.four.columns                   { width: 30.6666666667%; }
	.five.columns                   { width: 39.3333333333%; }
	.six.columns                    { width: 48%;            }
	.seven.columns                  { width: 56.6666666667%; }
	.eight.columns                  { width: 65.3333333333%; }
	.nine.columns                   { width: 74.0%;          }
	.ten.columns                    { width: 82.6666666667%; }
	.eleven.columns                 { width: 91.3333333333%; }
	.twelve.columns                 { width: 100%; margin-left: 0; }

	.one-fifth.column      			{ width: 16.3333333333%; }
	.one-third.column               { width: 30.6666666667%; }
	.two-thirds.column              { width: 65.3333333333%; }

	.one-half.column                { width: 48%; }

	/* Offsets */
	.offset-by-one.column,
	.offset-by-one.columns          { margin-left: 8.66666666667%; }
	.offset-by-two.column,
	.offset-by-two.columns          { margin-left: 17.3333333333%; }
	.offset-by-three.column,
	.offset-by-three.columns        { margin-left: 26%;            }
	.offset-by-four.column,
	.offset-by-four.columns         { margin-left: 34.6666666667%; }
	.offset-by-five.column,
	.offset-by-five.columns         { margin-left: 43.3333333333%; }
	.offset-by-six.column,
	.offset-by-six.columns          { margin-left: 52%;            }
	.offset-by-seven.column,
	.offset-by-seven.columns        { margin-left: 60.6666666667%; }
	.offset-by-eight.column,
	.offset-by-eight.columns        { margin-left: 69.3333333333%; }
	.offset-by-nine.column,
	.offset-by-nine.columns         { margin-left: 78.0%;          }
	.offset-by-ten.column,
	.offset-by-ten.columns          { margin-left: 86.6666666667%; }
	.offset-by-eleven.column,
	.offset-by-eleven.columns       { margin-left: 95.3333333333%; }

	.offset-by-one-third.column,
	.offset-by-one-third.columns    { margin-left: 34.6666666667%; }
	.offset-by-two-thirds.column,
	.offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

	.offset-by-one-half.column,
	.offset-by-one-half.columns     { margin-left: 52%; }
  }

  /* Mobile Only */
  @media (max-width: 549px) {

  }

  /* Larger than Mobile Query */
  @media (min-width: 550px){
	.sm-one 	{ width: 4.66666666667%; }
	.sm-two 	{ width: 13.3333333333%; }
	.sm-three 	{ width: 22%;            }
	.sm-four 	{ width: 30.6666666667%; }
	.sm-five   	{ width: 39.3333333333%; }
	.sm-six    	{ width: 48%;            }
	.sm-seven  	{ width: 56.6666666667%; }
	.sm-eight 	{ width: 65.3333333333%; }
	.sm-nine  	{ width: 74.0%;          }
	.sm-ten 	{ width: 82.6666666667%; }
	.sm-eleven	{ width: 91.3333333333%; }
	.sm-twelve	{ width: 100%;}
	.sm-one-fifth { width: 16.3333333333%; }
	.offset-sm-one.column,
	.offset-sm-one.columns          { margin-left: 8.66666666667%; }
	.offset-sm-two.column,
	.offset-sm-two.columns          { margin-left: 17.3333333333%; }
	.offset-sm-three.column,
	.offset-sm-three.columns        { margin-left: 26%;            }
	.offset-sm-four.column,
	.offset-sm-four.columns         { margin-left: 34.6666666667%; }
	.offset-sm-five.column,
	.offset-sm-five.columns         { margin-left: 43.3333333333%; }
	.offset-sm-six.column,
	.offset-sm-six.columns          { margin-left: 52%;            }
	.offset-sm-seven.column,
	.offset-sm-seven.columns        { margin-left: 60.6666666667%; }
	.offset-sm-eight.column,
	.offset-sm-eight.columns        { margin-left: 69.3333333333%; }
	.offset-sm-nine.column,
	.offset-sm-nine.columns         { margin-left: 78.0%;          }
	.offset-sm-ten.column,
	.offset-sm-ten.columns          { margin-left: 86.6666666667%; }
	.offset-sm-eleven.column,
	.offset-sm-eleven.columns       { margin-left: 95.3333333333%; }

  }

 /* Tablet Query */
  @media (min-width: 750px) {
	.md-one 	{ width: 4.66666666667%; }
	.md-two 	{ width: 13.3333333333%; }
	.md-three 	{ width: 22%;            }
	.md-four 	{ width: 30.6666666667%!important; }
	.md-five   	{ width: 39.3333333333%; }
	.md-six    	{ width: 48%;            }
	.md-seven  	{ width: 56.6666666667%; }
	.md-eight 	{ width: 65.3333333333%; }
	.md-nine  	{ width: 74.0%;          }
	.md-ten 	{ width: 82.6666666667%; }
	.md-eleven	{ width: 91.3333333333%; }
	.md-twelve	{ width: 100%;			 }
	.md-one-fifth { width: 16.3333333333%; }
	.offset-md-one.column,
	.offset-md-one.columns          { margin-left: 8.66666666667%; }
	.offset-md-two.column,
	.offset-md-two.columns          { margin-left: 17.3333333333%; }
	.offset-md-three.column,
	.offset-md-three.columns        { margin-left: 26%;            }
	.offset-md-four.column,
	.offset-md-four.columns         { margin-left: 34.6666666667%; }
	.offset-md-five.column,
	.offset-md-five.columns         { margin-left: 43.3333333333%; }
	.offset-md-six.column,
	.offset-md-six.columns          { margin-left: 52%;            }
	.offset-md-seven.column,
	.offset-md-seven.columns        { margin-left: 60.6666666667%; }
	.offset-md-eight.column,
	.offset-md-eight.columns        { margin-left: 69.3333333333%; }
	.offset-md-nine.column,
	.offset-md-nine.columns         { margin-left: 78.0%;          }
	.offset-md-ten.column,
	.offset-md-ten.columns          { margin-left: 86.6666666667%; }
	.offset-md-eleven.column,
	.offset-md-eleven.columns       { margin-left: 95.3333333333%; }
 }

 /* Laptop/Desktop Query */
 @media (min-width: 1000px) {
	.lg-one 	{ width: 4.66666666667%; }
	.lg-two 	{ width: 13.3333333333%; }
	.lg-three 	{ width: 22%;            }
	.lg-four 	{ width: 30.6666666667%; }
	.lg-five   	{ width: 39.3333333333%; }
	.lg-six    	{ width: 48%;            }
	.lg-seven  	{ width: 56.6666666667%; }
	.lg-eight 	{ width: 65.3333333333%; }
	.lg-nine  	{ width: 74.0%;          }
	.lg-ten 	{ width: 82.6666666667%; }
	.lg-eleven	{ width: 91.3333333333%; }
	.lg-twelve	{ width: 100%; }
	.lg-one-fifth { width: 16.3333333333%; }
	.offset-lg-one.column,
	.offset-lg-one.columns          { margin-left: 8.66666666667%; }
	.offset-lg-two.column,
	.offset-lg-two.columns          { margin-left: 17.3333333333%; }
	.offset-lg-three.column,
	.offset-lg-three.columns        { margin-left: 26%;            }
	.offset-lg-four.column,
	.offset-lg-four.columns         { margin-left: 34.6666666667%; }
	.offset-lg-five.column,
	.offset-lg-five.columns         { margin-left: 43.3333333333%; }
	.offset-lg-six.column,
	.offset-lg-six.columns          { margin-left: 52%;            }
	.offset-lg-seven.column,
	.offset-lg-seven.columns        { margin-left: 60.6666666667%; }
	.offset-lg-eight.column,
	.offset-lg-eight.columns        { margin-left: 69.3333333333%; }
	.offset-lg-nine.column,
	.offset-lg-nine.columns         { margin-left: 78.0%;          }
	.offset-lg-ten.column,
	.offset-lg-ten.columns          { margin-left: 86.6666666667%; }
	.offset-lg-eleven.column,
	.offset-lg-eleven.columns       { margin-left: 95.3333333333%; }

	
 }

 /* Desktop+ Query */
 @media (min-width: 1250px) {
	.xl-one 	{ width: 4.66666666667%; }
	.xl-two 	{ width: 13.3333333333%; }
	.xl-three 	{ width: 22%;            }
	.xl-four 	{ width: 30.6666666667%; }
	.xl-five   	{ width: 39.3333333333%; }
	.xl-six    	{ width: 48%;            }
	.xl-seven  	{ width: 56.6666666667%; }
	.xl-eight 	{ width: 65.3333333333%; }
	.xl-nine  	{ width: 74.0%;          }
	.xl-ten 	{ width: 82.6666666667%; }
	.xl-eleven	{ width: 91.3333333333%; }
	.xl-twelve	{ width: 100%; }
	.xl-one-fifth { width: 16.3333333333%; }
	.offset-xl-one.column,
	.offset-xl-one.columns          { margin-left: 8.66666666667%; }
	.offset-xl-two.column,
	.offset-xl-two.columns          { margin-left: 17.3333333333%; }
	.offset-xl-three.column,
	.offset-xl-three.columns        { margin-left: 26%;            }
	.offset-xl-four.column,
	.offset-xl-four.columns         { margin-left: 34.6666666667%; }
	.offset-xl-five.column,
	.offset-xl-five.columns         { margin-left: 43.3333333333%; }
	.offset-xl-six.column,
	.offset-xl-six.columns          { margin-left: 52%;            }
	.offset-xl-seven.column,
	.offset-xl-seven.columns        { margin-left: 60.6666666667%; }
	.offset-xl-eight.column,
	.offset-xl-eight.columns        { margin-left: 69.3333333333%; }
	.offset-xl-nine.column,
	.offset-xl-nine.columns         { margin-left: 78.0%;          }
	.offset-xl-ten.column,
	.offset-xl-ten.columns          { margin-left: 86.6666666667%; }
	.offset-xl-eleven.column,
	.offset-xl-eleven.columns       { margin-left: 95.3333333333%; }
 }

 /* Specific Media Queries
  –––––––––––––––––––––––––––––––––––––––––––––––––– */

.nlm{
	margin-left: 0;
}


/* Mobile Only (XS)*/
@media (max-width: 549px) {
	.xs-nml { margin-left: 0; }
	.xs-nmr { margin-right: 0; }
	.xs-nm {
		margin-left:0;
		margin-right:0;}

	.xs-hide {
		display:none !important;
	}

	.xs-no-pad{
		padding: 0!important;
	}

	.xs-fold-two{
		margin-left:4%;
	}

	.xs-fold-two:first-of-type{
		margin-left:0 !important;
	}

	.xs-fold-two:nth-of-type(2n+3){
		margin-left:0 !important;
		clear:both;		
	}

	.progress-steps {
  font-size: 0.7em!important;
}

#orderProgress{margin-top: 3%;}
	/* Home Cards */

	.home-customer-area{
		margin-left: 4%;
	}

	.home-customer-area:first-of-type{
		margin-left:0;
	}

	.home-customer-area:nth-of-type(3n+4){
		margin-left:0;
	}

	.knowledge-centre-small:nth-of-type(1){
		margin-left:0%;
	}

	.knowledge-centre-small:nth-of-type(2n+3){
		margin-left:4%;
	}

	.featured-section:nth-of-type(2n){
		margin-left:4%;
	}

	.featured-clearance:nth-of-type(2n){
		margin-left:4%;
	}
	/* END * Home Cards */

	/* Sub Section and Search Product List */
	.section-icon-inner:nth-child(1){
		margin-left:0 !important;
	}

	

	.ink-toner-icon-inner:nth-of-type(2n+2){
		margin-left:4%;
	}

	#clearance-by-brand:nth-of-type(2n+0){
		margin-left:4%;
	}

	#clearance-by-brand:nth-of-type(2n+3){
		margin-left:0;
	}
}


@media (min-width: 230px) and (max-width: 800px) {
.featuredProductItem {
	border: 1px solid #ccc;
	padding: 0.5% 0;
	border-radius: 6px;
	width: 48%;
	margin: 1%;
}


.prodPod .productImg {
	display: block;
	margin: 0 auto;
}

#homeAbout p{
	font-size: 0.7em;
	margin-bottom: 0px;
}

#homeAbout h1{
	text-align: left;
	margin-left: 2%;
}

.uspPod{margin-bottom: 10px;}

.homePods .three:nth-child(3){
	clear: both;
}

#headHelp, #header-image-link, .headScroll, .footer-links-holder, #homeAbout{
	display: none;
}

.homePods .three:last-of-type{
	width: 100%;
}

.homePods #HomeHeroB2C7, .homePods #HomeHeroB2C8{
	width: 48%;
	display: inline-block!important;
	margin-bottom: 0!important;
	}

.ga-Link-HomeHeroB2C7{
	width: 48%;
	display: inline-block;
}

.footerDisclaimer{
	font-size: 0.6em!important;
}

.footerDomain{
	text-align: right;
	font-size: 0.8em!important;
	float: right;
}

.footerLogo{
	max-width: 60%!important;
}

.socialWrapper{
	text-align: center;
}

.contactWrapper{
	padding: 0!important;
}

.contactInner, .contactInner .f-size-32, .contactInner .fa-phone, .contactNote{
	font-size:1em!important;
}

.contactInner .f-size-14, .contactInner .f-size-12, {
	font-size: 0.1em!important;
}

}

/* Larger then Mobile to Tablet (SM) */

@media (min-width: 550px) and (max-width: 749px) {
	.sm-nml { margin-left: 0; }

	.sm-hide {
		display:none;
	}

	.sm-fold-two:nth-of-type(2n+3) {
		margin-left:0;
		clear:both;
	}

	.sm-fold-three:nth-of-type(3n+4){
		margin-left:0;
		clear:both;
	}

	/* Home Cards */
	.home-essential-supplies:nth-of-type(2n+3){
		margin-left:0;
	}

	.home-customer-area:nth-of-type(3n+4){
		margin-left:0;
	}

	.knowledge-centre-large{
		margin-left:0%;
	}

	.knowledge-centre-small:nth-of-type(2){
		margin-left:0;
	}

	.featured-section:nth-of-type(2n+3){
		margin-left:0;
	}

	.featured-clearance:nth-of-type(2n+3){
		margin-left:0;
	}


	/* END * Home Cards */

	/* Sub Section and Search Product List */

	.section-icon-inner:nth-of-type(2n+3){
		clear:both;
		float:left;
		margin-left:0;
	}

	.ink-toner-icon-inner:nth-of-type(2n+3){
		margin-left:0;
	}

	.section-icon-inner:nth-of-type(2n+2){
		margin-left:4%;
	}

	/* END * Sub Section and Search Product List */

	/* Alternative Products - Customers who bought this item also recently bought */

	.related-products-container:nth-of-type(2n+3){
		margin-left:0;
	}

	#clearance-by-brand:nth-of-type(3n+4){
		margin-left:0;
	}

	/* Checkout Topup CSS */
	.checkout-page-topups:nth-of-type(3){
		margin-left:0;
		left:50%;
		transform:translateX(-50%); 
		
	}


}

/* Tablet to Desktop (MD) */
@media (min-width: 750px) and (max-width: 999px) {

	.nav-bar{
		display:none;
	}

	.md-nml { margin-left: 0; }

	.md-hide {
		display:none;
	}

	.md-fold-two:nth-of-type(2n+3) {
		margin-left:0;
		clear:both;
	}

	.md-fold-three:nth-of-type(3n+4){
		margin-left:0;
		clear:both;
	}

	.md-fold-four:nth-of-type(4n+5){
		margin-left:0;
		clear:both;
	}
	
	.hpep-button i, .hpep-button-buy i{
	  display: none!important;
	}


	.hpep-button, .hpep-button-buy{
		text-indent: -10px;
	}

	/* Home Cards */
		

		.home-customer-area:nth-of-type(3n+4){
			margin-left:0;
		}

		.knowledge-centre-small:nth-of-type(2){
			margin-left:0;
		}
	/* END * Home Cards */

	/* Sub Section and Search Product List */

	.section-icon-inner:nth-of-type(3n+4){
		clear:both;
		float:left;
		margin-left:0;
	}

	.ink-toner-icon-inner:nth-of-type(3n+4){
		margin-left:0;
	}

	.product-list-cards:nth-of-type(2n+3){
		clear:both;
		float:left;
		margin-left:0;
	}

	/* END * Sub Section and Search Product List */

	/* Alternative Products - Customers who bought this item also recently bought */

	.related-products-container:nth-of-type(2n+3){
		margin-left:0;
	}

	#clearance-by-brand:nth-of-type(3n+4){
		margin-left:0;
	}

}

/* Laptop to Desktop (LG) */
@media (min-width: 1000px) and (max-width:1249px) {
	.nav-bar{
		display:none;
	}
	.lg-nml { margin-left: 0 !important; }

	.lg-hide {
		display:none;
	}

	.lg-fold-two:nth-of-type(2n+3) {
		margin-left:0;
		clear:both;
	}

	.lg-fold-three:nth-of-type(3n+4){
		margin-left:0;
		clear:both;
	}

	.lg-fold-four:nth-of-type(4n+5){
		margin-left:0;
		clear:both;
	}

	/* Sub Section and Search Product List */

	.section-icon-inner:nth-of-type(6n+7){
		clear:both;
		float:left;
		margin-left:0;
	}

	.ink-toner-icon-inner:first-of-type{
		margin-left:8.66666666667%;
	}

	.ink-toner-icon-inner:nth-of-type(5n+6){
		clear:both;
		float:left;
		margin-left:8.66666666667%;
	}

	.product-list-cards:nth-of-type(3n+4){
		clear:both;
		float:left;
		margin-left:0;
	}

	#clearance-by-brand:nth-of-type(4n+5){
		margin-left:0 !important;
	}

	/* END * Sub Section and Search Product List */

}

/* Desktop and above (XL) */
@media (min-width: 1250px) {

	/* Clearance Brand Buttons */
	#clearance-by-brand:nth-of-type(4n+5){
		margin-left:0 !important;
	}

	.nav-bar{
		display:none;
	}
	.xl-nml { margin-left: 0; }

	.xl-hide {
		display:none;
	}

	.xl-fold-two:nth-of-type(2n+3) {
		margin-left:0;
		clear:both;
	}

	.xl-fold-three:nth-of-type(3n+4){
		margin-left:0;
		clear:both;
	}

	.xl-fold-four:nth-of-type(4n+5){
		margin-left:0;
		clear:both;
	}

	.xl-fold-six:nth-of-type(6n+7){
		margin-left:0;
		clear:both;
	}

	/* Sub Section and Search Product List */

	.ink-toner-icon-inner:first-of-type{
		margin-left:8.66666666667%;
	}

	.ink-toner-icon-inner:nth-of-type(5n+6){
		clear:both;
		float:left;
		margin-left:8.66666666667%;
	}

	.product-list-cards:nth-of-type(4n+5){
		clear:both;
		float:left;
		margin-left:0;
	}

	.favourite-list-cards:nth-of-type(4n+0){
		clear:both;
		float:left;
		margin-left:0;
	}

	/* END * Sub Section and Search Product List */

}

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
	font-size: 62.5%;
}
body {
	font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
	line-height: 1.6;
	font-weight: 400;
	font-family: 'motiva-sans', sans-serif;
	color: #222;
	padding: 0;
	margin: 0;
	overflow-x: hidden;
}
	
/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
	font-family: 'motiva-sans', sans-serif;
	margin-top: 0;
	margin-bottom: 1rem;
	font-weight: 300; 
}

h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

.f-size-10{
	font-size:10px;
}

.f-size-11{
	font-size:11px;
}

.f-size-12{
	font-size:12px;
}

.f-size-13{
	font-size:13px;
}

.f-size-14{
	font-size:14px;
	}
	  
.f-size-16{
	font-size:16px;
}

.f-size-18{
	font-size:18px;
}

.f-size-20{
	font-size:20px;
}

.f-size-22{
	font-size:22px;
}

.f-size-23{
	font-size:23px;
}

.f-size-24{
	font-size:24px;
}
	
.f-size-26{
	font-size:26px;
}

.f-size-28{
	font-size:28px;
}

.f-size-30{
	font-size:30px;
}

.f-size-32{
	font-size:32px;
}

.f-size-34{
	font-size:34px;
}

.f-size-36{
	font-size:36px;
}

.f-size-38{
	font-size:38px;
}

.f-size-40{
	font-size:40px;
}

.f-size-05vw{
	font-size:0.5vw;
}

.f-size-06vw{
	font-size:0.6vw;
}

.f-size-07vw{
	font-size:0.7vw;
}

.f-size-08vw{
	font-size:0.8vw;
}

.f-size-09vw{
	font-size:0.9vw;
}

.f-size-10vw{
	font-size:1vw;
}

.f-size-20vw{
	font-size:2vw;
}

.f-size-30vw{
	font-size:3vw;
}

.f-size-4vw{
	font-size:4vw;
}

.lh-12{
	line-height:12px;
}

.lh-14{
	line-height:14px;
}

.lh-16{
	line-height:16px;
}

.lh-18{
	line-height:18px;
}

.lh-18{
	line-height:20px;
}

/* Larger than phablet */
@media (min-width: 550px) {
	h1 { font-size: 5.0rem; }
	h2 { font-size: 4.2rem; }
	h3 { font-size: 3.6rem; }
	h4 { font-size: 3.0rem; }
	h5 { font-size: 2.4rem; }
	h6 { font-size: 1.5rem; }
}

p {
	margin-top: 0; 
}

.paragraph{
	font-size:14px;
}

/* Scan source control for mentions of this, remove old camel style styles */

.textLeft{
	text-align: left;
}

.textRight{
	text-align: right;
}

.textCenter{
	text-align: center;
}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
	text-decoration:none;
	color: #9f0000; 
}
a:hover {
	color: #cc0000; 
}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	display: inline-block;
	height: 38px;
	padding: 0 30px;
	text-align: center;
	font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.5em;
    line-height: 1.6;
    font-weight: 400;
	line-height: 38px;
	text-decoration: none;
	white-space: nowrap;
	border-radius: 4px;
	cursor: pointer;
	box-sizing: border-box; 

}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
	color: #333;
	border-color: #888;
	outline: 0; 

}
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
	color: #FFF;
	background-color: #33C3F0;
	border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
	color: #FFF;
	background-color: #1EAEDB;
	border-color: #1EAEDB; }

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
	width:100%;
	height: 38px;
	padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
	background-color: #fff;
	border: 1px solid #D1D1D1;
	border-radius: 4px;
	box-shadow: none;
	box-sizing: border-box; 

}
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none; 

}

textarea {
	min-height: 65px;
	padding-top: 6px;
	padding-bottom: 6px; 

}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
	border: 1px solid #33C3F0;
	outline: 0; 

}

label,
legend {
	margin-bottom: .5rem;
}

fieldset {
	padding: 0;
	border-width: 0; 

}

input[type="checkbox"],
input[type="radio"] {
	display: inline; 
}

label > .label-body {
	display: inline-block;
	margin-left: .5rem;
	font-weight: normal;
}

.field-wrapper {
	position: relative;
	outline: none;
}

.field-wrapper.focused label {
	transition: all .2s linear;
	top: -22px;
	font-weight:bold;
}

.form-field-legend{
	float:left;
	position:relative;
	left:20px;
	top:15px;
	background:#fff;
	width:38%;
}

/* Remove once checkout process complete
.register-form-legend{
	margin-bottom: -13px;
	margin-left: 12px;
	float:left;
	position:relative;
	left:-3px;
	top:-4px;
	background:#fff;
	font-size:13px;
	font-weight:bold;
	padding: 0 10px 0 10px;
}
*/

.form-label{
	background: #fff;
	font-size: 14px;
	padding: 0 10px 0 10px;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 0px;
	display: inline-block;
	background: #FFF;
	margin: 14px 5px 8px 5px;
	line-height: 1.4em;
	padding: 0 10px;
	transition: all .2s linear;
	text-transform: capitalize;
	pointer-events: none;
	z-index:2;
}

.contact-us-field{

}

.contact-us-field:focus{
	border:2px solid #c00 !important;
}

.form-field{
	width:100%;
	border-radius:0;
	border:2px solid #333 !important;
	min-height:44px;
	border-radius:0;
}

.form-field:focus{
	border:2px solid #c00 !important;
}

.register-form-field{
	border-radius:0;
	border:2px solid #333 !important;
	min-height:44px;
}

.register-form-field:focus{
	border:2px solid #c00 !important;
}

.form-title{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}

.form-info{
	font-size:14px;
	margin-bottom:0px;
}

/*End Forms

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
	list-style: inside; 
}
ol {
	list-style: decimal inside; 
}
ol, ul {
	padding-left: 0;
	margin-top: 0; }
ul ul,
  ul ol,
  ol ol,
  ol ul {
	margin: 1.5rem 0 1.5rem 3rem;
	font-size: 90%; }
  li {
	margin-bottom: 1rem; }

/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
	padding: .2rem .5rem;
	margin: 0 .2rem;
	font-size: 90%;
	white-space: nowrap;
	background: #F1F1F1;
	border: 1px solid #E1E1E1;
	border-radius: 4px; 
}
pre > code {
	display: block;
	padding: 1rem 1.5rem;
	white-space: pre; 

}

/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
	padding: 12px 15px;
	text-align: left;
	border-bottom: 1px solid #E1E1E1; 
}
th:first-child,
td:first-child {
	padding-left: 0; 
}
th:last-child,
td:last-child {
	padding-right: 0; 
}

  /* Spacing
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
	margin-bottom: 1rem; 
}
input,
textarea,
select,
fieldset {
	margin-bottom: 1.5rem; 
}
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
	margin-bottom: 2.5rem; 
}

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
	width: 100%;
	box-sizing: border-box;
}

.u-max-full-width {
	max-width: 100%;
	box-sizing: border-box;
}

.display-flex{
	display:flex;
}

.flex-center{
	display:flex;
	justify-content:center;
}

.flex-between {
	display: flex;
	justify-content: space-between;
}

.flex-align-center {
	display: flex;
	align-items: center;
}

.flex-row{
	display: flex;
	flex-direction: row;
}

.flex-center-vertical{
	display:flex;
	justify-content:center;
	flex-direction:column;
}

.marg-sides-auto{
	margin-left:auto;
	margin-right:auto;
}

.left{
	float: left;
}

.right{
	float: right;
}

.clear{
	clear: both;
}

.image-bg{
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	opacity:0.20;
}

.list-style-none{
	list-style:none;
}

.relative{
	position:relative;
}

.absolute{
	position:absolute;
}

.text-center{
	text-align:center;
}

.text-left{
	text-align:left;
}

.text-right{
	text-align:right;
}

.bold{
	font-weight:bold;
}

.underline{
	text-decoration:underline;
}

.red-underline{
	border-width:0 0 1px 0;
	border-style:solid;
	border-color:#cc0000;
}

.gap-5 {
	gap: 5px;
}

.gap-10 {
	gap: 10px;
}

.height-40{
	height:40px;
}

.height-50{
	height:50px;
}

.height-100{
	height:100px;
}

.height-150{
	height:150px;
}

.height-200{
	height:200px;
}

.height-250{
	height:250px;
}

.height-300{
	height:300px;
}

.max-width-499 {
	max-width: 499px;
}

.pad-0{
	padding:0px;
}

.pad-5{
	padding:5px;
}

.pad-10{
	padding:10px;
}

.pad-20{
	padding:20px;
}

.pad-top-5{
	padding-top:5px;
}

.pad-top-10{
	padding-top:10px;
}

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

.pad-top-30{
	padding-top:30px;
}

.pad-right-5 {
	padding-right: 5px;
}

.pad-right-10{
	padding-right:10px;
}

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

.pad-right-30{
	padding-right:30px;
}

.pad-bot-10{
	padding-bottom:10px;
}
.pad-bot-20{
	padding-bottom:20px;
}

.pad-bot-30{
	padding-bottom:30px;
}

.pad-left-5 {
	padding-left: 5px;
}

.pad-left-10{
	padding-left:10px;
}

.pad-left-15{
	padding-left:15px;
}

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

.pad-left-30{
	padding-left:30px;
}
.pad-top-bot-10{
	padding-top:10px;
	padding-bottom:10px;
}

.pad-top-bot-20{
	padding-top:20px;
	padding-bottom:20px;
}

.pad-top-bot-25{
	padding: top 25px;
	padding-bottom:25;
}

.pad-top-bot-30{
	padding-top:30px;
	padding-bottom:30px;
}

.pad-sides-5 {
	padding-left: 5px;
	padding-right: 5px;
}

.pad-sides-10{
	padding-left:10px;
	padding-right:10px;
}

.pad-sides-20{
	padding-left:20px;
	padding-right:20px;
}

.bb{
	box-sizing:border-box;
}

.nml{
	margin-left: 0;
}

.marg-0-auto{
	margin:0 auto;
}

.marg-0{
	margin:0;
}

.marg-left-0{
	margin-left:0;
}

.marg-left-5{
	margin-left:5px;
}

.marg-left-10{
	margin-left:10px;
}

.marg-left-20{
	margin-left:20px;
}

.marg-left-30{
	margin-left:30px;
}

.marg-left-40{
	margin-left:40px;
}

.marg-5{
	margin:5px;
}

.marg-10{
	margin:10px;
}

.marg-20{
	margin:20px;
}

.marg-top-5{
	margin-top:5px;
}

.marg-top-10{
	margin-top:10px;
}

.marg-top-11{
	margin-top:11px;
}

.marg-top-15{
	margin-top:15px;
}

.marg-top-20{
	margin-top:20px;
}

.marg-top-30{
	margin-top:30px;
}

.marg-right-0{
	margin-right:0;
}

.marg-right-10{
	margin-right:10px;
}

.marg-right-20{
	margin-right:20px;
}

.marg-bot-0{
	margin-bottom:0px;
}

.marg-bot-5{
	margin-bottom:5px;
}

.marg-bot-10{
	margin-bottom:10px;
}

.marg-bot-20{
	margin-bottom:20px;
}

.marg-bot-30{
	margin-bottom:30px;
}

.marg-left-0{
	margin-left:0;
}

.marg-left-10{
	margin-left:10px;
}

.marg-left-20{
	margin-left:20px;
}

.marg-top-bot-5{
	margin-top:5px;
	margin-bottom:5px;
}

.marg-top-bot-10{
	margin-top:10px;
	margin-bottom:10px;
}

.marg-top-bot-20{
	margin-top:20px;
	margin-bottom:20px;
}

.marg-sides-10{
	margin-left:10px;
	margin-right:10px;
}

.marg-sides-20{
	margin-left:20px;
	margin-right:20px;
}

.display-none{
	display:none !important;
}

.display-ib{
	display:inline-block !important;
}

.display-b{
	display:block;
}

.border-none{
	border:0 !important;
}

.border-1{
	border-style:solid;
	border-width:1px;
	border-color:#ccc;
}

.border-1-gray {
	border-style: solid;
	border-color: gray;
	border-width: 1px;
}

.border-bot-f4{
	border-bottom:1px solid #f4f4f4;
}

.border-2-red{
		
	background:#fff;
	border:2px solid #cc0000;
	box-sizing: border-box;
	border-radius:4px;
		
}
.border-2-blue{
	background:#fff;
	border:2px solid #0072bc;
	box-sizing: border-box;
	border-radius:4px;
}
	
.border-grey-2{
	border-style:solid;
	border-width:2px;
	border-color:#ccc;
}

.border-green-2{
	border-style:solid;
	border-width:2px;
	border-color:#00a874;
}

.border-top-1{
	border-style:solid;
	border-width: 1px 0 0 0;
	border-color:#ccc;
}

.border-bot-1{
	border-style:solid;
	border-width:0 0 1px 0;
	border-color:#ccc;
}

.border-bot-1-cream{
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#e1e1e1;
}
	
.border-bot-1-red{
	border-style:solid;
	border-width:0 0 1px 0;
	border-color:#a00;
}

.border-top-bot-1{
	border-style:solid;
	border-width: 1px 0 1px 0;
	border-color:#ccc;
}

.border-sides-cream{
	border-style:solid;
	border-width:0px 1px 0px 1px;
	border-color:#f3f3f3;
}

.border-sides-1{
	border-style:solid;
	border-width:0px 1px 0px 1px;
	border-color:#ccc;
}

.border-curved{
	border-radius:4px;
}

.border-radius-10{
	border-radius:10px;
}

.border-curved-top{
	border-radius:4px 4px 0 0;
}

.border-curved-bot{
	border-radius: 0 0 4px 4px;
}

.border-round{
	border-radius:100%;
}

.hover-red-bottom{
	border-width: 0 0 4px 0 !important;
	border-style: solid !important;
	border-color: #cc0000 !important;
	transition: all 0.15s ease-out !important;
}
	
.text-decoration-none{
	text-decoration:none;
}

.list-style-none{
	list-style-type:none;
}

.no-scroll{
	overflow-y:hidden;
}

.auto-scroll-y{
	overflow-y:auto;
}

.text-trans-caps {
	text-transform:uppercase;
}

.no-text-transform{
	text-transform:none;
}

.cursor-pointer{
	cursor:pointer;
}

.overflow-hidden{
	overflow:hidden;
}

.box-shadow-red{
	box-shadow: 0px 2px 3px #850505;
}

/* Premade Assets
 –––––––––––––––––––––––––––––––––––––––––––––––––– */

.card{
	position:relative;
	top:0;
	background: -moz-linear-gradient(315deg, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
	background: -webkit-linear-gradient(315deg, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
	background: -o-linear-gradient(315deg, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
	background: -ms-linear-gradient(315deg, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
	border-radius:0;
	box-shadow: 0;
	transition: all .35s ease-in-out;
	overflow:hidden;
	border: 1px solid #ddd;
}

.card-border-1{
	border-radius:10px;
	border-style:solid;
	border-width:1px;
	border-color:#ccc;
	overflow:hidden;
	box-sizing: border-box;
}

.card-border-1-light{
	border-radius:10px;
	border-style:solid;
	border-width:1px;
	border-color:#ebebeb;
	overflow:hidden;
	box-sizing: border-box;	
}

.card-border-1-light:hover{
	transition: all .35 ease-out;
    box-shadow: 0 4px 16px 0 rgb(0 0 0 / 15%);
}

.hover-button-orange{
	position:relative;
	background:#ff3300 !important;
	color:#fff;
	border-radius:4px;
	box-shadow:0px 3px 6px #7c2009;
	transition:all .35s ease-in-out;
	cursor:pointer;
	padding:5px;
	text-align:center;
	top:0;


}

.hover-button-orange:hover{
		
	top:-8px;
	box-shadow:0px 8px 12px #7c2009;
	transition: all .35s ease-in-out;
		
}

.delivery-option-container:hover{
	top:-6px !important;
	transition: all .35s ease-in-out;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		
}

.carousel-card {
	position:relative;
	top:0;
	background: -moz-linear-gradient(315deg, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
	background: -webkit-linear-gradient(315deg, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
	background: -o-linear-gradient(315deg, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
	background: -ms-linear-gradient(315deg, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
	border-radius:4px;
	box-shadow: -1px -1px 1px 1px #ffffff, 1px 1px 5px 2px #e2d6d6;
	transition: all .35s ease-in-out;
}

.card-border{
	position:relative;
	top:0;
	transition:all .35s ease-in-out;
	overflow:hidden;
	border-style:solid;
	border-width:6px 6px 6px 6px;
	border-color:#cc0000;
}

.card-purchase-container{
	position:relative;
	order:10;
	height:40px;
	transform-origin: 50% 50%;
	transform-style: preserve-3d;
	transition: 0.7s all;
}

.card-cart-reminder{
	max-height:0;
	position:relative;
	order:1;
	width:100%;
	height:38px;
	line-height:40px;
	overflow:hidden;
	background: #222!important;
	color: #fff;
}

.list-cart-reminder{
	max-height:0;
	position:relative;
	order:1;
	width:100%;
	height:38px;
	line-height:40px;
	overflow:hidden;
}

.card-cart-reminder.active{
	max-height: 44px;
	transition: all .7s ease-in;
}

.list-card-reminder.active{
	max-height: 44px;
	transition: all .7s ease-in;
}

.card-view-container{
	position:Relative;
	order:10;
	width:100%;
	height:38px;
}

.card-purchase-button{
	position: absolute;
	left:0;
	width:100%;
	height:40px;
	text-align:center;
	font-size:15px;
	text-transform:none;
	border-radius:0;
	border:none;
	margin:0;
	background:#565656;
	text-shadow: 0px 1px 5px #026028;
	color:#fff !important;
	transform: rotateX(0deg) translate3d(0px,0px,0px);
	border : 0 !important;
}

.searchandizer-buy{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-top:10px;
	height: 40px;
	text-align: center;
	font-size: 15px;
	text-transform: none;
	border-radius: 0;
	border: none;
	margin: 0;
	background: #00a874;
	text-shadow: 0px 1px 5px #026028;
	color: #fff !important;
	border: 0 !important;
}

.view-product-button{
	position: absolute;
	left:0;
	bottom:0;
	width:100%;
	height:40px;
	text-align:center;
	font-size:15px;
	text-transform:none;
	border-radius:0;
	border:none;
	margin:0;
	background:#0072bc;
	text-shadow: 0px 1px 5px #0060a0;
	color:#fff !important;
	border : 0 !important;
}

.card-purchase-confirmation{
	position: absolute;
	top:-2px;
	width:100%;
	height:32px;
	padding-top:6px;
	text-align:center;
	font-size:15px;
	text-transform:none;
	border-radius:0;
	border:none;
	margin:0;
	background:#00a874;
	text-shadow: 0px 1px 5px #026028;
	color:#fff;
	transform: rotateX(-90deg) translate3d(0px,0px,20px);
	border:0 !important;
}

.button-confirmation{
	transform: rotateX(90deg);
}

.checkout-purchase-button {
	width: 100%;
	background: #00a874;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight:bold;
	text-transform: none;
	border-radius: 4px;
	border: none;
	margin: 0;
	order: 10;
	min-height: 64px;
}

.checkout-purchase-button:hover {
	color: #fff !important;}

.checkout-purchase-button-disabled {
	min-height: 76px;
	background: gray;
	white-space: normal;
}

@media (max-width: 549px) {
	.checkout-purchase-button-disabled {
		min-height: 150px;
	}
}
	
.confirmation-button-yellow {
	width: 100%;
	min-height: 36px;
	background: #fc0;
	color: #fff;
	text-align: center;
	text-transform: none;
	text-shadow: 0px 1px 1px #786000;
	border-radius: 4px 4px 4px 4px;
	border: none;
	margin: 0;
	padding-top: 4px;
	font-size: 20px;
	cursor: pointer;
}

	.confirmation-button-yellow i {
		font-size: 18px;
	}

.login-button-yellow {
	width: 100%;
	min-height: 36px;
	position: relative;
	top: 0;
	background: #fc0;
	color: #fff;
	text-align: center;
	text-transform: none;
	text-shadow: 0px 1px 2px #cc0000;
	border-radius: 4px 4px 4px 4px;
	border: none;
	margin: 0;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
	box-shadow: 0px 4px 8px 1px #7f0407;
	transition: all .35s ease-in-out;
}

	.login-button-yellow i {
		font-size: 18px;
	}

.card-purchase-button:hover {
	color: #fff;
}

.button-green-border {
	display: inline-block;
	width: 100%;
	min-height: 42px;
	background: #fff;
	color: #00a874;
	text-align: center;
	text-transform: none;
	border: 2px solid #00a874;
	font-size: 16px;
	cursor: pointer;
	padding: 8px 0px 6px 0px;
	box-sizing: border-box;
	border-radius: 4px;
	line-height: 24px;
}

	.button-green-border:hover {
		background: #00a874;
		color: #fff;
		border-color: #026028;
		transition: all 0.15s ease-in-out;
	}

.small-button-green {
	display: inline-block;
	width: 100%;
	background: #fff;
	color: #00a874;
	text-align: center;
	text-transform: none;
	border: 1px solid #00a874;
	min-height 30px;
	font-size: 14px;
	cursor: pointer;
	padding: 4px 0 4px 0px;
	box-sizing: border-box;
	border-radius: 4px;
	line-height: 24px;
}

	.small-button-green:hover {
		background: #00a874;
		color: #fff;
		border-color: #026028;
		transition: all 0.15s ease-in-out;
	}

.button-red-border {
	display: inline-block;
	width: 100%;
	background: #fff;
	color: #cc0000;
	text-align: center;
	text-transform: none;
	border: 2px solid #cc0000;
	min-height: 42px;
	font-size: 16px;
	cursor: pointer;
	padding: 8px 0px 6px 0px;
	box-sizing: border-box;
	border-radius: 4px;
	line-height: 24px;
}

	.button-red-border:hover {
		background: #cc0000;
		color: #fff;
		border-color: #9f0000;
		transition: all 0.15s ease-in-out;
	}

.small-button-red {
	display: inline-block;
	width: 100%;
	background: #fff;
	color: #cc0000;
	text-align: center;
	text-transform: none;
	border: 1px solid #cc0000;
	min-height 30px;
	font-size: 14px;
	cursor: pointer;
	padding: 4px 0 4px 0px;
	box-sizing: border-box;
	border-radius: 4px;
	line-height: 24px;
}

	.small-button-red:hover {
		background: #cc0000;
		color: #fff;
		border-color: #9f0000;
		transition: all 0.15s ease-in-out;
	}

.button-yellow-border {
	display: inline-block;
	width: 100%;
	background: #fff;
	color: #333;
	text-align: center;
	text-transform: none;
	border: 2px solid #fc0;
	min-height: 42px;
	font-size: 16px;
	cursor: pointer;
	padding: 8px 0px 6px 0px;
	box-sizing: border-box;
	border-radius: 4px;
	line-height: 24px;
}

	.button-yellow-border:hover {
		background: #fc0;
		color: #fff;
		border-color: #deb200;
		transition: all 0.15s ease-in-out;
	}

.button-black-border {
	display: inline-block;
	width: 100%;
	background: #fff;
	color: #333;
	text-align: center;
	text-transform: none;
	border: 2px solid #222;
	min-height: 42px;
	font-size: 16px;
	cursor: pointer;
	padding: 8px 0px 6px 0px;
	box-sizing: border-box;
	border-radius: 4px;
	line-height: 24px;
	transition: all 0.3s ease-in-out;
}

	.button-black-border:hover {
		background: #222;
		color: #fff;
		border-color: #222;
		transition: all 0.15s ease-in-out;
	}


.button-yellow-border-transp {
	display: inline-block;
	width: 100%;
	color: #fff;
	text-align: center;
	text-transform: none;
	border: 2px solid #fc0;
	min-height: 44px;
	font-size: 16px;
	cursor: pointer;
	padding: 8px 0px 6px 0px;
	box-sizing: border-box;
	border-radius: 4px;
	line-height: 24px;
}

	.button-yellow-border-transp:hover {
		background: #fc0;
		color: #fff;
		border-color: #deb200;
		transition: all 0.15s ease-in-out;
	}

.button-blue-border {
	display: inline-block;
	width: 100%;
	background: #fff;
	color: #0072bc;
	text-align: center;
	text-transform: none;
	border: 2px solid #0072bc;
	min-height: 44px;
	font-size: 16px;
	cursor: pointer;
	padding: 8px 0px 6px 0px;
	box-sizing: border-box;
	border-radius: 4px;
	line-height: 24px;
}

	.button-blue-border:hover {
		background: #0072bc;
		color: #fff;
		border-color: #0072bc;
		transition: all 0.15s ease-in-out;
	}

.button-grey-border {
	display: inline-block;
	width: 100%;
	background: #fff;
	color: #c3c3c3;
	text-align: center;
	text-transform: none;
	border: 2px solid #c3c3c3;
	min-height: 44px;
	font-size: 16px;
	cursor: pointer;
	padding: 8px 0px 6px 0px;
	box-sizing: border-box;
	border-radius: 4px;
	line-height: 24px;
}

.back-button-grey {
	width: 100%;
	background: #333333;
	color: #fff;
	text-align: center;
	text-transform: none;
	border-radius: 4px 4px 4px 4px;
	border: none;
	margin: 0;
	padding-top: 4px;
	min-height: 36px;
	font-size: 20px;
	cursor: pointer
}

.add-cart-cat {
	width: 100%;
	border-radius: 0;
}

.button-links-bg {
	background: #e4e4e4 !important;
	color: #c00 !important;
}

.banner-red-button {
	height: auto;
	padding: 10px;
	border-radius: 0;
	border-width: 3px;
	border-style: solid;
	border-color: #cc0000;
	background: #fff;
	text-transform: none;
	color: #cc0000;
	transition: all 0.15s ease-in-out;
}

	.banner-red-button:hover {
		background: #cc0000;
		color: #fff;
		border-color: #9f0000;
		transition: all 0.15s ease-in-out;
	}

.delete-favourite-button {
	position: absolute;
	z-index: 2;
	background: rgba(255,255,255,0.8);
	bottom: 0;
	righT: 0;
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #f4f4f4;
	padding: 4px;
}

/* Colours
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.bg-cream {
	background: #f3f3f3
}

.bg-white {
	background: #fff;
}

.bg-light-blue {
	background: #f1f8ff;
}

.bg-dark-black {
	background: #000;
}

.bg-black {
	background: #222;
}

.bg-black-2 {
	background: #5b5b5b;
}

.bg-black-gradient {
	background: -moz-linear-gradient(90deg, rgba(51,51,51,1) 0%, rgba(51,51,51,1) 1%, rgba(46,46,46,1) 8%, rgba(51,51,51,1) 83%, rgba(39,39,39,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(51,51,51,1) 0%, rgba(51,51,51,1) 1%, rgba(46,46,46,1) 8%, rgba(51,51,51,1) 83%, rgba(39,39,39,1) 100%);
	background: -o-linear-gradient(90deg, rgba(51,51,51,1) 0%, rgba(51,51,51,1) 1%, rgba(46,46,46,1) 8%, rgba(51,51,51,1) 83%, rgba(39,39,39,1) 100%);
	background: -ms-linear-gradient(90deg, rgba(51,51,51,1) 0%, rgba(51,51,51,1) 1%, rgba(46,46,46,1) 8%, rgba(51,51,51,1) 83%, rgba(39,39,39,1) 100%);
	background: linear-gradient(0deg, rgba(51,51,51,1) 0%, rgba(51,51,51,1) 1%, rgba(46,46,46,1) 8%, rgba(51,51,51,1) 83%, rgba(39,39,39,1) 100%);
}

.bg-red {
	background: #cc0000;
}

.bg-red-dark {
	background: #A70000;
}

.bg-red-gradient {
	/*background: -moz-linear-gradient(90deg, #a60000 0%, rgba(204,0,0,1) 49%, rgba(204,0,0,1) 57%, #f11e1e 100%);
	background: -webkit-linear-gradient(90deg, rgba(166,0,0,1) 0%, rgba(204,0,0,1) 49%, rgba(204,0,0,1) 57%, rgba(241,30,30,1) 100%);
	background: -o-linear-gradient(90deg, rgba(166,0,0,1) 0%, rgba(204,0,0,1) 49%, rgba(204,0,0,1) 57%, rgba(241,30,30,1) 100%);
	background: -ms-linear-gradient(90deg, rgba(166,0,0,1) 0%, rgba(204,0,0,1) 49%, rgba(204,0,0,1) 57%, rgba(241,30,30,1) 100%);
	background: linear-gradient(0deg, rgba(166,0,0,1) 0%, rgba(204,0,0,1) 49%, rgba(204,0,0,1) 57%, rgba(241,30,30,1) 100%);
	replace with solid red 2022*/
	background: #cc0000;
}

.bg-red-fade {
	background: -moz-linear-gradient(270deg, rgba(204,0,0,0) 0%, rgba(204,0,0,1) 100%);
	background: -webkit-linear-gradient(270deg, rgba(204,0,0,0) 0%, rgba(204,0,0,1) 100%);
	background: -o-linear-gradient(270deg, rgba(204,0,0,0) 0%, rgba(204,0,0,1) 100%);
	background: -ms-linear-gradient(270deg, rgba(204,0,0,0) 0%, rgba(204,0,0,1) 100%);
	background: linear-gradient(180deg, rgba(204,0,0,0) 0%, rgba(204,0,0,1) 100%);
}

.bg-green-dark {
	background: #00a847;
}

.bg-green {
	background: #00a874;
}

.bg-gold {
	background: #ffd174;
}

.bg-dark-gold {
	background: #a7894c;
}

.bg-green-gradient {
	background: -moz-linear-gradient(90deg, rgb(0, 204, 85) 0%, rgba(0,204,85,1) 86%, rgba(8,194,85,1) 94%, #059742 100%);
	background: -webkit-linear-gradient(90deg, rgba(0,204,85,1) 0%, rgba(0,204,85,1) 86%, rgba(8,194,85,1) 94%, rgba(5,151,66,1) 100%);
	background: -o-linear-gradient(90deg, rgba(0,204,85,1) 0%, rgba(0,204,85,1) 86%, rgba(8,194,85,1) 94%, rgba(5,151,66,1) 100%);
	background: -ms-linear-gradient(90deg, rgba(0,204,85,1) 0%, rgba(0,204,85,1) 86%, rgba(8,194,85,1) 94%, rgba(5,151,66,1) 100%);
	background: linear-gradient(0deg, rgba(0,204,85,1) 0%, rgba(0,204,85,1) 86%, rgba(8,194,85,1) 94%, rgba(5,151,66,1) 100%);
}

.bg-cta-gradient {
	background: -moz-linear-gradient(270deg, rgba(85,204,124,1) 0%, rgba(114,212,125,1) 25%, rgba(160,225,125,1) 50%, rgba(208,239,126,1) 75%, rgba(243,248,127,1) 100%);
	background: -webkit-linear-gradient(270deg, rgba(85,204,124,1) 0%, rgba(114,212,125,1) 25%, rgba(160,225,125,1) 50%, rgba(208,239,126,1) 75%, rgba(243,248,127,1) 100%);
	background: -o-linear-gradient(270deg, rgba(85,204,124,1) 0%, rgba(114,212,125,1) 25%, rgba(160,225,125,1) 50%, rgba(208,239,126,1) 75%, rgba(243,248,127,1) 100%);
	background: -ms-linear-gradient(270deg, rgba(85,204,124,1) 0%, rgba(114,212,125,1) 25%, rgba(160,225,125,1) 50%, rgba(208,239,126,1) 75%, rgba(243,248,127,1) 100%);
	background: linear-gradient(180deg, rgba(85,204,124,1) 0%, rgba(114,212,125,1) 25%, rgba(160,225,125,1) 50%, rgba(208,239,126,1) 75%, rgba(243,248,127,1) 100%);
}

.bg-orange-gradient {
	background: rgb(255,94,0);
	background: linear-gradient( 333deg, rgba(255,94,0,1) 0%, rgba(255,171,0,1) 64%, rgba(255,204,0,1) 85%);
}

.bg-accent {
	background: #fc0 !important;
}

.bg-orange {
	background: #ffab00 !important;
}

.bg-dark-orange {
	background: #ff3300 !important;
}

.bg-grey {
	background: #F1F1F1;
}

.border-cream {
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #f0f0f0;
}

.border-lb {
	border-width: 1px;
	border-style: solid;
	border-color: #c6d5e7;
}

.border-accent {
	border-width: 1px;
	border-style: solid;
	border-color: #ffcc00;
}

.border-top-bot-cream {
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #f0f0f0;
}

.border-top-cream {
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #f0f0f0;
}

.border-bot-cream {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #f0f0f0;
}

.red-box-shadow {
	box-shadow: 0px 4px 8px 1px #7f0407;
}

.text-black {
	color: #333;
}

.text-dark-grey {
	color: #5b5b5b;
}

.text-blue {
	color: #0072bc;
}

.text-red {
	color: #c00;
}

.text-yellow {
	color: #fc0;
}

.text-green {
	color: #00a874;
}

.text-dark-green {
	color: #00a847;
}

.text-gold {
	color: #ffd174;
}

.text-dark-gold {
	color: #a7894c;
}

.text-link {
	color: #222;
}

.white-link {
	color: #fff;
}

	.white-link:hover {
		color: #fff !important;
		text-decoration: underline;
	}

.text-link:hover {
	text-decoration: underline;
}

.link-red {
	color: #cc0001
}

	.link-red:hover {
		color: #9f0000;
	}

.text-green-shadow {
	text-shadow: 0px 1px 5px #026028;
}



.active-link {
	background: #5b5b5b;
	border-radius: 4px;
	padding: 0 4px 0 4px;
}

.inactive-link {
	padding: 0 4px 0 4px;
}

.button-disabled {
	background: rgb(70, 70, 70) !important;
}

#reponsiveLogo{
	display:none;
}

.tab_content{
	max-width: 100%;
}

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
	margin-top: 3rem;
	margin-bottom: 3.5rem;
	border-width: 0;
	border-top: 1px solid #E1E1E1;
}

/* loading spinner
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@keyframes spin {
	100% {
		transform: rotate(360deg);
	}
}

.loading-spinner {
	animation: spin .75s linear infinite
}

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
	content: "";
	display: table;
	clear: both;
}

.responsiveFilter{display:none;}

/* Media Queries
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
  Note: The best way to structure the use of media queries is to create the queries
  near the relevant code. For example, if you wanted to change the styles for buttons
  on small devices, paste the mobile query code up in the buttons section and style it
  there.
*/
/* MOBILE MEDIA QUERY */

@media (max-width: 549px) {

	html, body {
		max-width: 100%;
		overflow-x: hidden;
	}

	#site-container {
		margin-top: 110px;
	}

	/* Live chat Mobile Disable */
	#ddg-launcher-frame-container {
		display: none !important;
	}

	/* Utility - Mobile
	–––––––––––––––––––––––––––––––––––––––––––––––––– */

		.mobile-hide {
			display: none;
		}

		.nav-bar {
			display: none;
		}

		/* HEADER */
		#header-top {
			display: none;
		}

		#header-image-link {
		}

		.back-top-button {
			display: none;
			position: fixed;
			bottom: 20px;
			right: 30px;
			z-index: 10;
			font-size: 18px;
			border: none;
			outline: none;
			background-color: #2b2b2b;
			color: white;
			cursor: pointer;
			padding: 15px;
			border-radius: 4px;
			line-height: 0px;
		}

			.back-top-button:hover {
				background-color: #cc0000;
			}

		/* Animations - Mobile
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
		.nav-down {
			top: 0;
			transition: all 0.45s ease-in-out;
		}

		.nav-up {
			top: -76px;
			transition: all 0.45s ease-in-out;
		}

		.header-up {
			height: 70px;
			transition: all 0.45s ease-in-out;
		}

		.header-down {
			height: 129px;
			transition: all 0.45s ease-in-out;
		}

		/* nav-icon-4 */
		/* Icon 4 */
		#nav-icon4 {
		}

		#menu-button-mobile {
			height: 60px;
			width: 60px;
			box-sizing: border-box;
			position: relative;
			z-index: 20;
			padding: 34% 22% 22% 22%;
		}

		#nav-icon-4 {
			width: 80%;
			height: 100%;
			position: relative;
			box-sizing: border-box;
			margin: 0px auto;
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
			-webkit-transition: .5s ease-in-out;
			-moz-transition: .5s ease-in-out;
			-o-transition: .5s ease-in-out;
			transition: .5s ease-in-out;
			cursor: pointer;
		}

			#nav-icon-4 span {
				display: block;
				position: absolute;
				height: 3px;
				width: 100%;
				border-radius: 6px;
				opacity: 1;
				left: 0;
				-webkit-transform: rotate(0deg);
				-moz-transform: rotate(0deg);
				-o-transform: rotate(0deg);
				transform: rotate(0deg);
				-webkit-transition: .25s ease-in-out;
				-moz-transition: .25s ease-in-out;
				-o-transition: .25s ease-in-out;
				transition: .25s ease-in-out;
			}

				#nav-icon-4 span:nth-child(1) {
					top: 0px;
					-webkit-transform-origin: left center;
					-moz-transform-origin: left center;
					-o-transform-origin: left center;
					transform-origin: left center;
				}

				#nav-icon-4 span:nth-child(2) {
					top: 9px;
					-webkit-transform-origin: left center;
					-moz-transform-origin: left center;
					-o-transform-origin: left center;
					transform-origin: left center;
				}

				#nav-icon-4 span:nth-child(3) {
					top: 19px;
					-webkit-transform-origin: left center;
					-moz-transform-origin: left center;
					-o-transform-origin: left center;
					transform-origin: left center;
				}

			#nav-icon-4.open span:nth-child(1) {
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				transform: rotate(45deg);
				top: 0px;
				left: 4px;
			}

			#nav-icon-4.open span:nth-child(2) {
				width: 0%;
				opacity: 0;
			}

			#nav-icon-4.open span:nth-child(3) {
				-webkit-transform: rotate(-45deg);
				-moz-transform: rotate(-45deg);
				-o-transform: rotate(-45deg);
				transform: rotate(-45deg);
				top: 17px;
				left: 4px;
			}


		/* Animations End */
		#site-container {
			position: relative;
		}

		.page-container {
			background: #fff;
			position: relative;
			z-index: 2;
			transition: all 0.45s ease-in-out;
		}

		.site-menu-open {
			transform: translateX(124%);
			transition: all 0.45s ease-in-out;
		}

		/* Header Start */

		#reponsiveLogo{
			display: block!important;
			width: 50%;
		}

		#responsiveLogo img{
			margin-top: 13%;
		}

		#header-outer-container {
			width: 100%;
			height: auto;
			position: fixed;
			z-index: 12;
			top: 0;
			left: 0;
			transition: all 0.5s ease;
			background: #222;
		}

		#header-menu-left {
			width: 15%;
			height: 60px;
			float: left;
		}

		.header {
			width: 100%;
			height: auto;
			background-color: pink;
		}

		#basket-container {
			height: 70px;
			width: 38%;
			position: fixed;
			top: -17px;
			right: 0;
			z-index: 22;
			text-align: center;
			padding-top: 18px;
			box-sizing: border-box;
			background: #222 !important;
			color: #fff !important;
		}

		#yourBasketIcon {
			display: inline-block;
			width: 100%;
			height: 100%;
			text-align: center;
			padding-top: 0px;
			box-sizing: border-box;
			color: #fff !important;
			padding-right: 6%;
			padding-top: 10%;
		}

			#yourBasketIcon .fa-shopping-bag, #cart-price-container p a {
				color: #fff !important;
				font-size: 1.3em;
			}

		#header-logo {
			margin-top: 13%;
		}

		#reponsiveLogo{
			display: none;	
		}

		#header-logo-container {
			margin-top: -58px;
			z-index: 9999999;
			position: relative;
			z-index: 1;
			padding: 8px 0px;
			top: -2px;
		}

		#header-image-link {
			position: relative;
			left: -10px;
		}

			#header-image-link img {
				margin-top: 19px;
				width: 100px;
			}

		#header-text-link {
			display: flex;
			align-items: center;
			justify-content: center;
			order: 2;
			flex-grow: 4;
			flex-basis: 100%;
			height: 22px;
			margin-bottom: 0;
		}

			#header-text-link a {
				color: #fff;
				font-size: 18px;
				margin-bottom: 0;
				text-transform: uppercase;
				text-decoration: none;
				letter-spacing: 1px;
			}

		#header-inner-container {
			order: 2;
			height: auto;
		}

		#header-inner {
			position: fixed;
			width: 100%;
			z-index: 5;
			top: 60px;
		}

		#header-search-container {
			display: flex;
			position: relative;
			z-index: 2;
		}

		#search-bar-left {
			width: auto;
			height: 24px;
			padding: 6px 4px 6px 10px;
			float: left;
			background: white;
		}

			#search-bar-left span {
				color: #cc0000;
				font-size: 15px;
				font-weight: Bold;
			}

		#searchBox {
			width: 100%;
			height: 40px;
			margin: 0;
			float: left;
			background: #fff;
			border-radius: 0;
			order: 2;
			border-width: 0 1px 0 0;
			border-color: #d2d2d2;
			border-style: solid;
		}

		/* Header Solr Search */

		#SearchItSolr {
			width: 100%;
			height: 50px;
			display: flex;
			margin: 0;
			box-sizing: border-box;
			border-radius: 4px 4px 4px 4px;
			float: left;
			position: relative;
			order: 2;
		}

		#search-bar-left {
			width: auto;
			height: 24px;
			padding: 6px 8px 6px 10px;
			border-radius: 4px 0 0 4px;
			float: left;
			background: white;
		}

			#search-bar-left span {
				color: #cc0000;
				font-size: 15px;
				font-weight: Bold;
			}

		.postofc {
			width: 100%;
			position: absolute;
			top: 50px;
			left: 0px;
			background: #fff;
			z-index: 2;
			border-top: 1px solid red;
			border-bottom: 1px solid red;
			box-sizing: border-box;
		}

		.postofc_left {
			display: flex;
			flex-direction: column;
			order: 1;
			flex-grow: 1;
			text-align: left;
			box-sizing: border-box;
			margin-right: 10px;
		}

		.postofc_product {
			width: 100%;
			float: left;
			text-align: left;
			box-sizing: border-box;
			margin-right: 10px;
			display: inline;
		}

		.postofc_right {
			display: flex;
			flex-direction: column;
			order: 2;
			flex-grow: 1;
			text-align: left;
			box-sizing: border-box;
		}

		.postofc-content {
			display: flex;
			background-color: white;
			box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
			top: -10px;
			border-left: 7px solid #cc0000;
			z-index: 9999;
		}

			.postofc-content a {
				order: 2;
				padding: 12px 16px;
				text-decoration: none;
				display: block;
				line-height: 1.5em;
				font-size: 16px;
				border-bottom: 2px solid #ccc;
				color: #333;
				border-radius: 0px;
			}

				.postofc-content a:hover {
					color: #cc0000;
					font-weight: bold;
				}

				.postofc-content a:last-of-type {
					border-bottom: none;
				}

			.postofc-content .postofc-head {
				order: 1;
				font-weight: 600;
				cursor: default;
				font-size: 17px;
				padding: 10px 10px 10px 15px;
				background: none;
				color: #333;
				border-radius: 0;
				border-bottom: 2px solid #333;
			}

		/* End Header Solr Search */

		#SearchBtn {
			width: 60px;
			height: 40px;
			float: left;
			text-decoration: none;
			border: none;
			color: #fff;
			font-weight: bold;
			text-transform: uppercase;
			font-size: 13px;
			cursor: pointer;
			transition: all 0.5s ease;
			border-radius: 0;
			order: 3;
			border-width: 0 1px 0 0;
			border-color: #d2d2d2;
			border-style: solid;
			padding: 0;
			margin-bottom: 0;
		}

		#cart-price-container p {
			margin-bottom: 0;
		}

		#account-container {
			display: none;
		}

		#account-container-inner {
			display: flex;
			justify-content: center;
			align-items: center;
		}

		/* nav-bar START OLD CODE OLD CODE OLD CODE OLD CODE OLD CODE  */


		.nav-bar .wrapper .mobileMenuBtn {
			text-align: left;
		}

		.nav-bar {
			margin-top: 0px;
			padding-bottom: 0px;
			min-height: 40px;
		}

			.nav-bar ul {
				padding: 0px;
				clear: both;
			}

			.nav-bar li {
				padding-bottom: 20px;
				padding-top: 20px;
				border-bottom: 2px solid #fff;
				width: 100%;
				background: #444;
				margin-bottom: 0;
			}

				.nav-bar li:first-of-type {
					border-top: 2px solid #fff;
					margin-top: 10px;
				}

				.nav-bar li:last-of-type {
					border-bottom: none;
				}
		/*nav-bar END OLD CODE OLD CODE OLD CODE OLD CODE OLD CODE */

		/* Mobile Navigation */

		#mobile-navigation-container {
			width: 80%;
			height: 100%;
			position: fixed;
			left: -100%;
			top: 40px;
			z-index: 12;
			transition: all 0.45s ease-in-out;
			box-shadow: 0 0px 20px 10px #2b2b2b;
		}


		#mobile-navigation-container-inner {
			width: 100%;
			height: calc(100% - 40px);
			background: #fff;
			font-size: 0.8em;
		}
		
		#mobile-navigation-container-inner li{
			padding: 0.1% 0!important;
		}

		#mobile-navigation-top {
			width: 100%;
		}

		#header-mobile-login {
		}

		#header-mobile-register {
		}

		#menu-shadow {
			width: 100%;
			height: 100%;
			background: #000000;
			z-index: 10;
			position: absolute;
		}

		.shadow-hidden {
			left: 0;
			visibility: hidden;
			opacity: 0;
			transition: all 0.45s ease-in-out;
			pointer-events: none;
		}

		.shadow-visible {
			left: 80%;
			visibility: visible;
			opacity: 0.5;
			transition: all 0.45s ease-in-out;
		}

		#mobile-navigation-container-inner li {
		}

		/* END * Mobile Navigation */

		/* Common Classes across different pages */

		#.page-title {
			font-size: 1.2em;
			font-weight: bold;
		}

		.sub-title {
			font-size: 24px;
		}

		#checkout-title {
			font-size: 22px;
			font-weight: bold;
			color: #fff;
			margin-bottom: 0;
		}

		.checkout-title {
			font-size: 22px;
			font-weight: bold;
		}

		/* Breadcrumbs */

		.breadcrumbs {
			padding: 10px 0;
			display:none;
		}

		#bread-crumb-list {
			margin-bottom: 0;
			font-size: 0.8em;
		}

		.breadcrumbs ul li {
			display: inline;
		}


		/* END * Breadcrumbs */

		/* Homepage */

		.home-product-image-wrapper {
			order: 1;
			display: inline-block;
			text-align: center;
			width: 100%;
			vertical-align: top;
		}

		.home-prod-img-container {
			max-width: 100%;
			background: white;
			text-align: center;
		}

			.home-prod-img-container img {
				max-width: 190px;
			}

		.home-prod-info-container {
			order: 2;
			height: 100px;
			position: relative;
			border-top: 1px solid #f4f4f4;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
		}

			.home-prod-info-container > h2 {
				font-size: 18px;
			}

		.home-prod-price {
			order: 2;
			border-top: 1px solid #f4f4f4;
			padding-top: 10px;
			align-items: center;
			justify-content: center;
			font-size: 34px;
			font-weight: bold;
		}

			.home-prod-price > .pricePoundLrg30 {
				color: #000;
				font-size: 38px;
				position: relative;
				font-weight: bold;
				text-align: center;
			}

				.home-prod-price > .pricePoundLrg30 > .smallPrice {
					font-size: 30px;
				}

				.home-prod-price > .pricePoundLrg30 > .vatText {
					font-size: 16px;
					text-align: center;
					display: block;
					margin-top: -10px;
				}

			.home-prod-price > h4 {
				text-align: center;
				color: #5b5b5b;
			}





		.icon-card-container {
			background: -moz-linear-gradient(315deg, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
			background: -webkit-linear-gradient(315deg, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
			background: -o-linear-gradient(315deg, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
			background: -ms-linear-gradient(315deg, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
			background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
		}

		.home-customer-area img {
			max-width: 100%;
		}

		.home-customer-area h2 {
			font-size: 18px;
			height: 44px;
		}

		.featured-section-text {
			min-height: 48px;
		}

		.featured-section-title {
			font-size: 17px;
			position: relative;
			top: 0;
			transition: 0.15s ease-in-out;
			margin: 3px 5px;
			text-align: center;
		}

		.featured-section-image {
			display: flex;
		}

		.featured-clearance-text {
			min-height: 48px;
		}

		.featured-clearance-title {
			font-size: 17px;
			position: relative;
			top: 0;
			transition: 0.15s ease-in-out;
			margin: 3px 5px;
			text-align: center;
		}

		.featured-clearance-image {
			display: flex;
		}

		.knowledge-centre-large {
			position: relative;
			overflow: hidden;
			height: auto;
			margin-bottom: 10px;
		}

			.knowledge-centre-large a {
				display: flex;
				flex-direction: column;
				justify-content: center;
				text-decoration: none;
			}

		#knowledge-static-background {
			position: absolute;
			z-index: 2;
			top: 0;
			left: 0;
			opacity: 1;
		}

		#knowledge-hover-background {
			position: absolute;
			z-index: 3;
			top: 0;
			left: 0;
			opacity: 0;
			transition: .45s ease;
		}

		.knowledge-centre-large-text {
			order: 1;
			position: relative;
			z-index: 5;
			font-size: 26px;
			font-weight: bold;
			color: #fff;
			text-decoration: none;
			text-shadow: 0px 2px 3px #000;
		}

		.knowledge-centre-large a:hover #knowledge-hover-background {
			opacity: 1;
			transition: .45s ease;
		}

		.knowledge-centre-large a:hover #knowledge-centre-button {
			background: #fff !important;
			color: #333;
			text-shadow: none;
			transition: .45s ease;
		}

		.knowledge-centre-large a img {
			position: absolute;
			top: 0;
			left: 0;
		}

		#knowledge-centre-button {
			order: 2;
			position: relative;
			z-index: 5;
			color: #fff;
			background: none;
			border-width: 3px;
			border-style: solid;
			border-color: #fff;
			border-radius: 0;
			text-transform: none;
			height: 52px;
			transition: .45s ease;
			text-shadow: 0px 2px 3px #000;
			box-shadow: 0px 2px 3px #000;
		}

		.knowledge-centre-small a {
			text-decoration: none;
		}

			.knowledge-centre-small a:hover .knowledge-centre-link {
				text-decoration: underline;
			}

		.knowledge-centre-image {
			height: 112px;
		}

			.knowledge-centre-image img {
				max-width: 100%;
			}

		.knowledge-centre-title {
			height: 52px;
		}

			.knowledge-centre-title h3 {
				font-size: 14px;
				text-decoration: none;
			}

		.knowledge-centre-desc {
			height: 80px;
		}

			.knowledge-centre-desc h3 {
				font-size: 14px;
				text-decoration: none;
			}

		.knowledge-centre-link {
			font-size: 14px;
			color: #0072bc;
		}

		.knowledge-centre-small {
			margin-bottom: 20px;
		}

		/* End * of Homepage */

		/* Sub Section Category Icons Pages */

		#section-description {
			margin-bottom: 0;
		}

		.section-icon-inner {
			display: inline-block;
			padding: 10px;
			text-align: center;
			vertical-align: top;
			background: #ffffff;
			transition: all 0.5s ease;
			cursor: pointer;
			min-height: 15px !important;
		}

		.ink-toner-icon-inner {
			display: inline-block;
			padding: 10px;
			text-align: center;
			vertical-align: top;
			background: #ffffff;
			transition: all 0.5s ease;
			cursor: pointer;
			height: 150px;
		}

		

		.section-icon-inner a {
			text-decoration: none;
		}

		.section-icon-title {
			color: #555;
			font-size: 20px;
			line-height: 20px;
		}

		/* END * Sub Section Category Icons Pages */

		/* PRODUCT LIST ROWS & SEARCH RESULTS START */

		#subsection-list-container {
			display: flex;
			flex-direction: column;
		}

		#subsection-left-inner > form > .submenu1 > .left-filter-sections > ul {
			columns: 2;
		}

		#subsection-right-inner > h1 {
			text-align: center;
			font-weight: bold;
			font-size: 1.1em;
		}



		.left-filter-sections {
			border-bottom: #c00 1px solid;
			transition: all .35s ease-in-out;
			box-shadow: none;
			margin: 0 auto;
		}

		.left-filters {
			list-style-type: none;
			overflow: hidden;
			transition: all .65s ease-in-out;
		}

		.left-filter-sections h2 {
			margin: 0;
			padding: 10px 4px;
			cursor: pointer;
		}

		.responsiveFilter{display:block;}

			.left-filter-sections h2::after {
				float: right;
				margin-right: 10px;
				content: "";
				display: inline-block;
				vertical-align: middle;
				margin-top: 7px;
				width: 7px;
				height: 7px;
				border-top: 2px solid #333;
				border-right: 2px solid #333;
				-moz-transform: rotate(135deg);
				-ms-transform: rotate(135deg);
				-webkit-transform: rotate(135deg);
				transform: rotate(135deg);
				transition: all .35s ease-in-out;
			}

		.left-filter-sections .left-filters {
			max-height: 0;
			overflow: hidden;
			padding: 0 10px;
			list-style-type: none;
			margin-bottom: 0;
			transition: all .35s ease-in-out;
		}

		.left-filter-sections.active h2::after {
			-moz-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
			transition: all .35s ease-in-out;
		}

		.left-filter-sections.active .left-filters {
			max-height: 10000px;
			padding: 10px;
			transition: all .65s ease-in-out;
		}


		.product-list-container {
			padding: 10px;
		}

		.product-list-cards {
		}

		/* Search Results + Section Filters */

		.product-filter-title {
			display: inline-block;
			font-size: 1em;
		}

		.left-filter-sections .left-filters {
			list-style-type: none;
			font-size: 0.8em;
		}

		.left-filters li{
			margin-bottom: 0px;
		}

		/* End * Search Results + Section LeftNav Filters */

		#section-title{
			font-size: 1.1em;
			font-weight: bold;
		}

		.cat-prod-info-container {
			order: 2;
			display: flex;
			height: 140px;
			position: relative;
			border-top: 1px solid #f4f4f4;
			align-items: center;
			justify-content: center;
			flex-direction: column;
		}

			.cat-prod-info-container h2 {
				font-size: 13px;
				text-align: center;
				font-weight: bold;
			}



		.cat-price-quant-container .pricePoundLrg30 {
			text-align: center !important;
		}

		.productListContainer {
			padding-bottom: 2%;
			background: #fff !important;
			box-shadow: none !important;
		}

		.productListContainer:nth-child(even){
			float: right; 
			margin-right: 0.5%;
			
		}

		.productListContainer:nth-child(odd){
			float: left; 
			margin-right: 0.5%;
			clear: both;
		}

		.cat-prod-info-container h3 {
			/* display:none; Commented out to see what else breaks - fixes related products on product card */
		}

		.list-price-container {
			order: 2;
			border-top: 1px solid #f4f4f4;
			align-items: center;
			justify-content: center;
			font-size: 34px;
			font-weight: bold;
			padding: 1% 0%;
			float: left;
			width: 100%;
		}


		#ButtonEnabled .card-purchase-container{
			width: 60%!important;
		}

		.list-price-container .cat-btn-wrap .card-purchase-button{
			padding: 0% 5%!important;
		}

			.list-price-container > .pricePoundLrg30 {
				color: #c00;
				font-size: 0.6em !important;
				position: relative;
				font-weight: bold;
				text-align: center;
				margin-bottom: -6px!important;
			}

			.cat-price-quant .five.columns.border-sides-cream.xs-four.nml{
				width: 20%;
			}

				.list-price-container > .pricePoundLrg30 > .smallPrice {
					font-size: 0.8em !important;
				}

				.list-price-container > .pricePoundLrg30 > .vatText {
					font-size: 12px !important;
					display: inline-block;
					margin-top: -10px;
					font-weight: normal;
				}

			.list-price-container > h4 {
				text-align: center;
				color: #5b5b5b;
				font-weight: bold;
			}

			.list-price-container > .smallPrice {
				font-size: 20px;
			}

			.list-price-container > h4 > .vatText {
				font-size: 12px;
				font-weight: normal !important;
				position: relative;
				margin-left: 4px;
			}

		.cat-price-quant > .quantity {
			order: 1;
			border-width: 1px 0 0 0;
			border-style: solid;
			border-color: #f4f4f4;
			width: 100%;
			padding: 10px 0;
			margin-bottom: 0;
			text-align: center;
		}

.cat-price-quant-container input {
	width: 100%;
	padding: 10px 0px;
	margin: 1px auto;
	display: block;
	float: none;
	border-radius: 5px;
	border: 1px solid #ccc;
	text-align: center;
}

.card-purchase-container{
	margin-left: 7%;
}

.check-cart-reminder {background:#222!Important; color: #fff!important; margin-top: 10px;}
.check-cart-reminder .text-black  {color: #fff!important; border-radius: 10px;}

		.product-list {
			display: flex;
			flex-direction: column;
			margin-top: 10px;
		}

			.product-list .product-image-wrapper {
				order: 1;
				display: inline-block;
				width: 100%;
				vertical-align: top;
			}

		.cat-prod-img-container {
			max-width: 100%;
			background: white;
			text-align: center;
			position: relative;
		}

		.prodImage {
			max-width: 100%;
			margin: 0 auto;
		}

		.product-list .cat-prod-info-container {
			min-height: 80px;
			height: auto;
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			padding: 0 10px;
		}

		.cat-prod-code {
			display: none;
		}

		.cat-price-quant-container {
			order: 3;
			width: 100%!important;
		}

		.cat-prod-info-container h3 {
			font-size: 14px;
			font-weight: normal;
		}

		.product-list .prodCatProdCode {
			font-weight: bold;
			font-size: 13px;
		}

		.productListContainer .prodCatPricing {
			display: inline-block;
			width: 23%;
		}

			.productListContainer .prodCatPricing .pricePoundLrg30 {
				margin-top: 12px;
			}

			.productListContainer .prodCatPricing .quantity {
				padding: 2px 10px;
				margin-top: 5px;
				width: 20px;
				font-size: 18px;
			}

		.productListContainer .btnAddCartRightWrap {
			margin-top: 10px;
		}

		.loadMoreWrapper {
			display: block;
			margin: 10px auto 20px auto;
			text-align: center;
		}

			.loadMoreWrapper .greenRounded {
				background: #fff;
				border: 2px solid #ccc;
				color: #555;
			}

				.loadMoreWrapper .greenRounded:hover {
					background: #55bc75;
					border: 2px solid #55bc75;
					color: #fff;
				}

			.loadMoreWrapper .fa-chevron-circle-down, .loadMoreWrapper .fa-bars {
				margin-left: 10px;
			}

		.btnAddCartRightWrap .btnAddCartRight {
			float: right;
		}

		.sort-by-container {
			padding: 0 10px 0 10px;
		}

		#sortBy {
			width: 100%;
			box-shadow: none;
			border: 1px solid #ccc;
		}

		.sort-by {
			padding: 10px;
			border: 1px solid #ccc;
			width: 62%;
			display: inline-block;
		}

		.latestOfferPod {
			max-width: 100%;
			width: 294px;
			margin-bottom: 10px;
			display: block;
		}

		/* PRODUCT LIST ROWS & SEARCH RESULTS END */

		/* Product Card Page */

		.gc-overlay-display {
			max-width: 100%;
			top: 30% !important;
		}

		.product-card-title {
			font-size: 1.4em;
			text-align: center;
			margin-bottom: 4%;
		}

		.product-card-description {
			font-size: 20px;
		}

		#product-card-pin {
			width: 100%;
			position: fixed;
			top: 70px;
			left: 0;
			display: flex;
			flex-direction: column;
			z-index: 11;
			transition: all 0.45s ease-in-out;
		}

		#product-pin-title {
			font-size: 16px;
		}

		.card-pin-menu-open {
			left: 80% !important;
			transition: all 0.45s ease-in-out;
		}

		#pinned-buy-button {
			order: 1;
			flex-grow: 1;
			flex-basis: 40%;
			font-size: 16px;
			border: 0;
			text-transform: none;
			margin-bottom: 0;
		}

			#pinned-buy-button:focus {
				color: #fff;
			}

		.product-card-purchase {
			display: inline-block;
			width: 100%;
			background: #c00;
			color: #fff;
			text-align: center;
			text-transform: none;
			min-height: 40px;
			font-size: 16px;
			cursor: pointer;
			padding: 8px 0px 6px 0px;
			box-sizing: border-box;
			border-radius: 4px;
			line-height: 24px;
			order: 3;
			flex-basis: 100%;
			position: absolute;
			transform: rotateX(0deg) translate3d(0px,0px,20px);
		}

		#product-card-cart-reminder {
			order: 10;
			width: 100%;
		}

		#product-card-price {
			font-size: 32px;
		}

			#product-card-price > .smallPrice {
				font-size: 22px;
			}

			#product-card-price > .vatText {
				font-size: 22px;
			}

		.pcard-quantity-container {
			order: 4;
			flex-basis: 100%;
			display: flex;
			justify-content: space-between;
		}

			.pcard-quantity-container > .quantity {
				order: 2;
				flex-grow: 2;
				border-width: 1px 0px 1px 0;
				border-radius: 0;
			}

			.pcard-quantity-container > .minus {
				order: 1;
				flex-grow: 1;
				margin: 0;
				border-radius: 3px 0 0 3px;
			}

			.pcard-quantity-container > .add {
				order: 3;
				flex-grow: 1;
				margin: 0;
				border-radius: 0 3px 3px 0;
			}

		.pcard-code-container {
			display: table;
			align-items: center;
			width: 48%;
			float: left;
		}

		#tpWrapper{
			position: relative;
			float: right;
			width: 45%;
		}

		#orders0, #deliveryMessage0 {display: none!important;}

		.pcard-code-container .xs-four{
			display: table-cell;
			float: none;

		}

		.pcard-code-container .xs-four img{
			display: block;
			margin: 1% auto;
			float: left;
		}

		.pcard-product-code, .pcard-product-oem {
			font-size: 0.9em;
			text-align: center;
			padding: 2%;
			background: #f4f4f4;
			border: 2px solid #fff;
			display: table-cell;
			float: none;
			vertical-align: middle;
		}

		.tabs{
			width: 100%;
			display: block;
			margin-left: 4%;
		}
		
		.tabs li{
			width: 25%;
			text-align: center;
		}

		#deliveryInfoWrapToggle{
			float: right;
		}

		.orderInfo{
			width: 54%;
			float: left;
		}

		#deliveryInfoWrap{
			clear: both;
		}

		#tpWrapper {
			margin: 1% auto !important;
		}


		.pcard-brand-logo {
			max-width: 100%;
			height: auto;
		}

		.pcard-price-stock {
			display: inline-block;
			text-align: right;
		}

		.pcard-stock {
		}

			.pcard-stock > #stock-image-container {
				border-radius: 4px;
				padding: 5px;
				margin-bottom: 0;
				margin-top: 5px;
				background: #f1f8ff;
				width: 100%;
				text-align: Center;
				box-sizing: border-box;
			}

				.pcard-stock > #stock-image-container > div > span {
					font-weight: Bold;
					font-size: 13px;
				}

					.pcard-stock > #stock-image-container > div > span > img {
						position: Relative;
						top: 3px;
					}




		.pcard-price-stock > .pricePoundLrg30 {
			color: #000;
			font-size: 30px;
			font-weight: bold;
			line-height: 0.65em;
			margin-bottom: 0px;
		}

			.pcard-price-stock > .pricePoundLrg30 > .smallPrice {
				font-weight: bold;
				color: #000;
				font-size: 22px;
			}

			.pcard-price-stock > .pricePoundLrg30 > .vatText {
				font-weight: bold;
				color: #000;
				font-size: 0.5em;
				display: block;
			}

		.pcard-price-stock > h4 {
			font-size: 1.1em;
			font-weight: normal;
			margin-bottom: 10px;
			color: #5b5b5b;
		}

			.pcard-price-stock > h4 > .smallPrice {
				font-weight: normal;
				font-size: 1em !important;
			}



			.pcard-price-stock > h4 > .vatText {
				font-weight: normal;
				font-size: 0.8em;
			}



		.pcard-prod-info {
			display: flex;
			flex-direction: column;
		}

		.pcard-prod-info-container {
			order: 2;
		}

		.pcard-price-quantity {
			order: 1;
		}

		.pcard-tab-sub-title {
			font-size: 26px;
		}

		.pcard-tab-title {
			margin: 10px 10px 0 0;
			background: #fff;
			border-color: #fff;
			border-style: solid;
			cursor: pointer;
		}

		.pcard-tab-title {
			margin: 10px 10px 0 0;
			background: #fff;
		}

		.pcard-tab-subtitle {
			font-size: 1em;
		}

		

		.tab_content p{
			font-size: 0.9em;
		}

		.related-products-container {
			display: flex;
			flex-direction: column;
			margin-bottom: 30px;
			position: relative;
			overflow: hidden;
			min-height: 144px;
		}

			.related-products-container .card-purchase-container {
				position: absolute;
				bottom: 0;
			}


			.related-products-container > .cat-prod-info-container {
				padding-bottom: 0px;
			}

			.related-products-container .card-purchase-button {
				padding: 0;
			}

			.related-products-container .electricalDatasheetPDF, .related-products-container .energyRatingPDF {
				float: left;
			}

			.related-products-container .energyRatingPDF {
				clear: left;
				max-width: 60px;
			}

			.related-products-container > .product-image-wrapper {
				display: flex;
				justify-content: center;
				max-height: 100% !important;
			}

			.related-products-container > .cat-prod-info-container {
				height: 140px;
				position: relative;
				border-top: none;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;
			}

				.related-products-container > .cat-prod-info-container h3 {
					font-size: 18px;
				}

			.related-products-container > .cat-price-quant-container {
				height: 130px;
				order: 3;
				border-top: 1px solid #f4f4f4;
			}

		.related-products-h {
			font-size: 22px;
			color: #222;
		}

		.card-purchase-button{
			background: #fff;
			color: #222!important;
			border: 2px solid #222!important;
			text-shadow: none;
			border-radius: 5px;
			width: 96%!important;
			margin: 0.5% auto;
			display: block;
			position: relative!important;
		}

		.trustpilot-widget iframe{
			/*height: auto!important;*/
		}

		/* End * Product Card Page */

		/* Section Best Sellers */
		.section-best-sellers {
			display: flex;
			flex-direction: column;
			margin-bottom: 30px;
			position: relative;
			overflow: hidden;
		}

			.section-best-sellers > .product-image-wrapper {
				display: flex;
				justify-content: center;
			}

			.section-best-sellers > .cat-prod-info-container {
				height: 140px;
				position: relative;
				border-top: 1px solid #f4f4f4;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;
			}

				.section-best-sellers > .cat-prod-info-container h3 {
					font-size: 18px;
				}

			.section-best-sellers > .cat-price-quant-container {
				order: 3;
				border-top: 1px solid #f4f4f4;
			}

		.related-products-h {
			font-size: 22px;
			color: #222;
			text-align: center;
			border-bottom: 1px dashed #ccc;
		}

		/* Login / Register Page */

		#login-basket-container {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
		}

		.login-register-container {
			display: flex;
			flex-direction: column;
		}

		.login-register-card {
			order: 2;
			display: flex;
			flex-direction: column;
		}

		.login-register-cart {
			order: 1;
		}

		.register-container {
			order: 2;
		}

		.login-container {
			order: 1;
		}

		#login-basket-outer {
			max-height: 122px;
			overflow-y: scroll;
		}

		#login-basket-container > .basketColPrice > .pricePoundLrg30 {
			font-size: 22px;
			font-weight: bold;
			color: #ff0000;
		}

			#login-basket-container > .basketColPrice > .pricePoundLrg30 > .smallPrice {
				font-size: 20px;
				font-weight: bold;
				color: #ff0000;
			}

			#login-basket-container > .basketColPrice > .pricePoundLrg30 > .vatText {
				font-size: 16px;
				font-weight: bold;
				color: #ff0000;
			}




		#login-basket-container > .basketColProductInfo > a > img {
			margin-right: 0 !important;
		}


		#login-price-container a {
			color: #2b2b2b !important;
		}

		#login-tracking-title {
			text-align: center;
		}

		.clipped-login-tracking {
			display: none;
		}

		.bg-svg-login-tracking {
			display: none;
		}

		/* Favourites Page */
		#createPopUp {
			display: none;
			position: fixed;
			z-index: 4;
			padding-top: 25px;
			padding-left: 20px;
			padding-right: 20px;
			left: 0;
			top: 0;
			width: 400px;
			height: 90%;
			margin-left: 25%;
			margin-right: 25%;
			margin-top: 20px;
			overflow: auto;
			background-color: #ffffff;
			border-style: solid;
		}

		#editPopUp {
			display: none;
			position: fixed;
			z-index: 4;
			padding-top: 25px;
			padding-left: 20px;
			padding-right: 20px;
			left: 0;
			top: 0;
			width: 400px;
			height: 90%;
			margin-left: 25%;
			margin-right: 25%;
			margin-top: 20px;
			overflow: auto;
			background-color: #ffffff;
			border-style: solid;
		}

		body.payments input {
			width: 90% !important;
		}

		#OrderPayment {
			font-size: 14px;
			text-align: left !important;
		}

		.deliveryInfo .columns {
			/* width: 48%!important;*/
		}

		/* Footer */
		footer {
			position: relative;
			z-index: 2;
			transition: all .5s ease;
			box-shadow: 0px -1px 4px #eae0e0;
		}

		#footer-trusted-logo {
			margin: 0 auto;
			display: block;
		}

		.footer-links-holder {
			width: 100%;
			padding: 0;
		}

			.footer-links-holder.active {
			}

			.footer-links-holder h4 {
				font-size: 1em;
				font-weight: bold;
				margin: 0;
				padding: 10px 0px;
				border-top: #000 1px solid;
				cursor: pointer;
			}

				.footer-links-holder h4::after {
					float: right;
					margin-right: 10px;
					content: "";
					display: inline-block;
					vertical-align: middle;
					margin-top: 7px;
					width: 7px;
					height: 7px;
					border-top: 2px solid #333;
					border-right: 2px solid #333;
					-moz-transform: rotate(135deg);
					-ms-transform: rotate(135deg);
					-webkit-transform: rotate(135deg);
					transform: rotate(135deg);
					-webkit-transition: transform .5s;
					transition: transform .5s;
				}

			.footer-links-holder .footer-links {
				max-height: 0;
				overflow: hidden;
				padding: 0 20px;
				list-style-type: none;
				transition: max-height 1s ease-in-out;
			}

			.footer-links-holder.active h4::after {
				-moz-transform: rotate(-45deg);
				-ms-transform: rotate(-45deg);
				-webkit-transform: rotate(-45deg);
				transform: rotate(-45deg);
			}

			.footer-links-holder.active .footer-links {
				max-height: 600px;
				transition: max-height 1s ease-in-out;
			}

		.footer-links li a {
			text-decoration: none;
			color: #333333;
		}

		.fa-arrow-alt-circle-right {
			transition: all 0.5s ease;
			margin-right: 10px;
		}

		.quickLinkItem:hover > .fa-arrow-alt-circle-right {
			margin-right: 20px;
			color: #55bc75;
		}

		#footer-logo-link {
			color: #fff;
			font-size: 18px;
			margin-bottom: 0;
			text-transform: uppercase;
			letter-spacing: 1px;
		}

		.subContainer h2 {
			font-size: 18px;
			font-weight: bold;
		}

		/* End of Footer */

		/* Checkout */

		#checkout-logo {
			max-width: 140px;
		}

		/* Checkout */
		.basketProductDescription, .basketProductCode {
			font-size: 12px;
			line-height: 18px !important;
			display: block;
			padding: 4px;
		}

		/* remove default IOS styling */
		textarea,
		input[type="text"],
		input[type="button"],
		input[type="submit"] {
			-webkit-appearance: none;
			border-radius: 0;
		}

		.basket-price-summary {
			display: flex;
			flex-direction: column;
		}

		.basket-quantity-container {
			display: flex;
		}

		.checkout-minus-quantity {
			order: 1;
			border-radius: 4px 0 0 4px !important;
			height: 40px !important;
			width: 30px !important;
			padding: 0 10px !important;
			border: 1px solid #b3b3b3;
		}

		.checkout-add-quantity {
			order: 3;
			border-radius: 0 4px 4px 0 !important;
			height: 40px !important;
			width: 30px !important;
			padding: 0 10px !important;
			border: 1px solid #b3b3b3;
		}

		.checkout-quantity-box {
			order: 2;
			border-radius: 0 !important;
			height: 40px !important;
			width: 42px !important;
		}

		#checkout-cart-price-container {
			padding: 0;
		}

			#checkout-cart-price-container > div > .pricePoundLrg30 {
				color: #c00;
				font-size: 22px;
				position: relative;
				font-weight: bold;
				line-height: 0.9;
				text-align: right;
				margin-bottom: 0;
			}

				/* Forces vat text price span onto new line for checkout page */
				#checkout-cart-price-container > div > .pricePoundLrg30 > span:nth-of-type(2)::before {
					content: "\A";
					white-space: pre;
				}

			/* Forces vat text price span onto new line for checkout page */
			#checkout-cart-price-container > div > h4 > span:nth-of-type(2)::before {
				content: "\A";
				white-space: pre;
			}

			#checkout-cart-price-container > div > .discountPrice > strike > .vatText::before {
				content: "\A";
				white-space: pre;
			}


			#checkout-cart-price-container > div > h4 {
				font-size: 1em;
				position: relative;
				font-weight: normal;
				margin-top: 8%;
				line-height: 0.9;
				margin-bottom: 0;
				text-align: right !important;
			}

			#checkout-cart-price-container > div > .pricePoundLrg30 > .smallPrice {
				font-size: 16px;
			}

			#checkout-cart-price-container > div > h4 > .smallPrice {
				font-size: 0.8em;
			}

			#checkout-cart-price-container > div > .pricePoundLrg30 > .vatText {
				font-size: 12px;
				position: relative;
				top: 0px;
				text-align: left;
			}

			#checkout-cart-price-container > div > h4 > .vatText {
				font-size: 12px;
				position: relative;
				top: 0;
			}

		/* Payment Page - Credit Card  */

		#addressHeader {
			background: url(/images/postoffice/v2/icon_padlock.png) no-repeat scroll left top / 40px 40px rgba(0, 0, 0, 0);
			background-position: 10% -8%;
			border: 0 none;
			font-size: 28px;
			font-weight: bold;
			height: 40px;
			line-height: 1.5em;
			padding-left: 39px;
			padding-top: 0;
			padding-bottom: 30px;
			text-align: center;
		}

		#cardDetailsHeader {
			background: url(/images/postoffice/v2/icon_padlock.png) no-repeat scroll left top / 40px 40px rgba(0, 0, 0, 0);
			background-position: 10% 80%;
			border: 0 none;
			font-size: 28px;
			font-weight: bold;
			height: 40px;
			line-height: 1.5em;
			padding-left: 39px;
			padding-top: 15px;
			text-align: center;
		}


		/* Checkout Notificaton */

		.checkout-notification-holder {
		}


			.checkout-notification-holder.active {
			}

			.checkout-notification-holder h3 {
				margin: 0;
				padding: 10px 20px;
				cursor: pointer;
			}

				.checkout-notification-holder h3::after {
					float: right;
					margin-right: 10px;
					content: "";
					display: inline-block;
					vertical-align: middle;
					margin-top: 7px;
					width: 7px;
					height: 7px;
					border-top: 2px solid #FFCC00;
					border-right: 2px solid #FFCC00;
					-moz-transform: rotate(135deg);
					-ms-transform: rotate(135deg);
					-webkit-transform: rotate(135deg);
					transform: rotate(135deg);
					-webkit-transition: transform .5s;
					transition: transform .5s;
				}

			.checkout-notification-holder .checkout-notification-text {
				max-height: 0;
				overflow: hidden;
				padding: 0 20px;
				list-style-type: none;
				transition: max-height 1s ease-in-out;
			}

			.checkout-notification-holder.active h3::after {
				-moz-transform: rotate(-45deg);
				-ms-transform: rotate(-45deg);
				-webkit-transform: rotate(-45deg);
				transform: rotate(-45deg);
			}

			.checkout-notification-holder.active .checkout-notification-text {
				max-height: 600px;
				transition: max-height 1s ease-in-out;
			}



		/* End - Checkout Notification */

		/* Start Clearance Subsection */
		.clearance-background {
			position: relative;
			padding: 30px 0;
			background: rgb(255,94,0);
			background: linear-gradient(333deg, rgba(255,94,0,1) 0%, rgba(255,171,0,1) 64%, rgba(255,204,0,1) 85%);
		}

		#clearance-heading {
			font-weight: bold;
			text-align: center;
			padding-top: 10px;
			margin-bottom: 0;
			text-transform: uppercase;
			text-shadow: 0px 6px 4px #ce5937;
			font-size: 54px;
			color: #fff;
		}

		#clearance-tag {
			height: 220px;
		}

		.clearance-blurb {
			font-size: 16px;
			font-weight: bold;
			position: relative;
			z-index: 1;
			margin-top: 10px;
		}

		#vat-drop-down-container {
			display: none;
		}
	}
/* End of Mobile Query */

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {



	/* General Rules */
	.mobile-show {
		display: none;
	}

	/* Animations - 550px >
–––––––––––––––––––––––––––––––––––––––––––––––––– */
	/* Navigation Animations */
	.sticky-header {
		position: sticky;
		z-index: 12;
		height: 100px !important;
		top: 0;
		transition: all .35s ease-in-out;
	}

	.sticky-header-down {
		top: 0;
		transition: all .35s ease-in-out;
	}

	#header-outer-container.sticky-header > .header {
		height: 86px !important;
	}

		#header-outer-container.sticky-header > .header > #basket-container > a {
			padding-top: 0 !important;
		}

	#header-outer-container.sticky-header > #header-logo-container {
		height: 60% !important;
	}

	#header-logo-container.header-logo-sticky > #header-image-link > img {
		width: 110px !important;
		margin-top: 19px !important;
	}

	#header-outer-container.sticky-header > .header > .vatDropWrapper {
		display: none;
	}

	#header-outer-container.sticky-header {
		background: none;
	}

	#header-outer-container {
		height: inherit;
		/*background:#222;*/
		margin-bottom: 10px;
	}

	.basket-container-sticky {
		height: 70% !important;
	}


	.mini-basket-sticky {
		top: 60px !important;
	}

	/* Card animations */
	.hover-up:hover {
		top: -10px;
		box-shadow: -1px -1px 1px 1px #ffffff, 0px 6px 7px 0px #e2d6d6;
		transition: all .35s ease-in-out;
	}

	.hover-up-small:hover {
		top: -5px;
		box-shadow: -1px -1px 1px 1px #ffffff, 0px 6px 7px 0px #e2d6d6;
		transition: all .35s ease-in-out;
	}

	.hover-up-red:hover {
		top: -10px;
		box-shadow: 0px 12px 17px 1px #7f0407;
		transition: all .35s ease-in-out;
	}

	.button-drop-shadow {
		top: 0;
		transition: all .35s ease-in-out;
		position: relative;
	}

		.button-drop-shadow:hover {
			top: -4px;
			box-shadow: 0px 2px 4px 0px #888888;
			transition: all .35s ease-in-out;
		}

	/* Checkout Topup Arrow */

	#checkout-topup-p {
		perspective: 1000px;
	}

		#checkout-topup-p:hover .fa-arrow-down {
			transition: all ease-in 1s 0s;
			-webkit-transition: all ease-in 1s 0s;
			-webkit-transform: rotateY(180deg);
			transform: rotateY(180deg);
		}

	/* End of 550px Animations */

	/* Header */

	.header {

		display: flex;
		flex-wrap: wrap;
		position: relative;
		z-index: 99999;
	}

	#header-left-menu {
		order: 1;
		width: 100px;
		border-width: 0px 1px 0px 0px;
		border-style: solid;
		border-color: #a10000;
	}

	#header-logo-container {
		order: 2;
		min-width: 130px;
		height: 85px;
		width: 130px;
	}

	#header-logo {
		margin-top: 24%;
	}

	#header-text-link {
		display: none;
	}

	#header-inner-container {
		display: flex;
		flex-direction: column;
		order: 0;
		height: 72%;
	}

	#header-top {
		width: 100%;
		height: 30px;
		order: 3;
		box-sizing: border-box;
		text-align: center;
		padding: 4% 0;
		display: block;
		line-height: 1.3em;
		font-size: 0.9em !important;
	}

		#header-top a {
		}

			#header-top a:hover {
				text-decoration: underline;
			}

	#header-inner {
		display: flex;
		order: 2;
		flex-flow: column wrap;
	}

	#header-site-notification {
		display: flex;
		flex-direction: row-;
		justify-content: space-evenly;
	}

		#header-site-notification a {
			border-width: 0 1px 0 0;
			border-style: solid;
			border-color: #cc0000;
		}

	#header-search-container {
		flex-grow: 14;
		order: 1;
		display: flex;
		width: 100%;
		margin-top: 0.2%;
	}

	#basket-container {
		display: flex;
		order: 0;
		font-size: 20px;
		align-items: center;
		justify-content: center;
		min-width: 100px;
		width: 25%;
		height: 70%;
	}

		#basket-container p {
			margin: 0;
		}

	#yourBasketIcon {
		display: inline-block;
		width: 100%;
		height: 100%;
		text-align: center;
		box-sizing: border-box;
	}

	#order-by-in {
		align-items: stretch;
		flex-grow: 1;
		order: 2;
		flex-basis: 22%
	}

		#order-by-in a {
			color: #333;
		}

		#order-by-in:hover a {
			color: #c00;
		}

	#order-by-in-inner {
	}

		#order-by-in-inner:hover {
			color: #c00;
			background-color: #e4e4e4;
			cursor: pointer;
		}

	#re-order {
		flex-grow: 1;
		order: 3;
		color: #333;
		flex-basis: 18%;
		align-items: stretch;
	}

		#re-order a {
			color: #333
		}

		#re-order:hover a {
			color: #c00
		}

	#re-order-inner {
		color: #333;
	}

		#re-order-inner:hover {
			background: none;
			color: #fff !important;
			text-shadow: 1px 1px 5px #000;
			cursor: pointer;
		}

	#account-basket-container {
		display: flex;
		flex-grow: 1;
		order: 4;
		align-items: stretch;
	}

	#account-container {
	}

		#account-container .fa-user {
			margin-top: 6px;
			font-size: 24px;
		}

	.menu-button {
	}

	#account-menu-button, #account-menu-button-guest {
		position: relative;
		flex-grow: 1;
		order: 3;
		cursor: pointer;
		height: 100%;
		display: inline-block;
		flex-basis: 18%;
		color: #222 !important;
		background: #fff;
		padding: 3% 8%;
		border-radius: 30px;
		border:2px solid #fff;
		transition: 0.3s all ease-in-out;
	}
	
	#account-menu-button:hover, #account-menu-button-guest:hover{
		border:2px solid #fff;
		background: none;
		color: #fff!important;
	}
	
	#account-menu-button a:hover, #account-menu-button-guest a:hover{
		color: #fff!important;
	}


	
	#account-drop-container {
		width: 130px;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		z-index: 999999;
		border-radius: 20px;
		padding: 1%;
		text-align: center;
		position: absolute;
		top:30%;
	}

	#account-drop-menu {
		order: 1;
	}

	#customer-services-drop-container {
		order: 2;
	}

	#account-drop-menu a {
		display: inline-block;
		padding: 6px 0px;
		text-decoration: none;
		transition: all 0.3s ease-in-out;
		color: #222;
		width: 100%;
	}

	#account-drop-menu i {
		padding-right: 10px;
	}

	#account-drop-menu a:hover {
		color: #cc0000
	}

	#customer-services-drop a {
		text-decoration: none;
	}

	#customer-line-drop {
		height: 54px;
		display: flex;
		align-items: center;
	}

		#customer-line-drop div {
			flex-grow: 1;
		}

		#customer-line-drop p {
			line-height: 16px;
			margin-bottom: 0;
		}


	#navigation-container {
		width: 100%;
	}

	#navigation-inner-container {
		width: 100%;
		float: left;
	}

	#navigation-top {
		width: 100%;
		float: left;
		background: white;
		padding: 6px 6px 6px 12px;
		color: #cc0000;
	}

		#navigation-top a {
			color: #cc0000;
			text-decoration: none;
			font-size: 18px;
			font-weight: bold;
		}

			#navigation-top a:hover {
				text-decoration: underline;
			}

	#header-links {
		padding: 4px 5px 0px 5px;
		width: 100%;
		background: #2b2b2b;
	}

	#header-help-links-list {
		position: relative;
		list-style-type: none;
	}

		#header-help-links-list li:hover {
			text-decoration: underline;
		}

		#header-help-links-list li {
			float: left;
			margin-bottom: 0;
		}

	#header-help-menu-drop-down {
		visibility: hidden;
		position: Absolute;
		width: 130px;
		height: 47px;
		left: -5px;
		top: 25px;
		margin: 0;
		z-index: 10;
		background: #3b3b3b;
		list-style-type: none;
	}

	#vat-drop-down-container {
		margin-top: 8px;
	}

		#vat-drop-down-container li a {
			color: #fff;
		}

	#vat-drop-down {
		visibility: hidden;
		position: absolute;
		width: 130px;
		height: 47px;
		right: -5px;
		top: 2px;
		margin: 0;
		z-index: 1041;
		background: #3b3b3b;
		list-style-type: none;
	}

	/* Header Solr Search */

	#SearchItSolr {
		display: flex;
		flex-basis: 63%;
		margin: 0;
		box-sizing: border-box;
		border-radius: 4px 4px 4px 4px;
		position: relative;
		padding: 10px 16px;
	}

	#search-bar-left {
		width: auto;
		height: 24px;
		padding: 6px 8px 6px 10px;
		border-radius: 4px 0 0 4px;
		float: left;
		background: white;
	}

		#search-bar-left span {
			color: #cc0000;
			font-size: 15px;
			font-weight: Bold;
		}

	.postofc {
		position: absolute;
		top: 42px;
		left: 10px;
		background: #fff;
		padding: 12px;
		z-index: 4;
		width: 87%;
	}

	.postofc-content {
		display: flex;
		background-color: white;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		top: -10px;
		border-left: 7px solid #cc0000;
		z-index: 9999;
	}

	.postofc_left {
		display: flex;
		flex-direction: column;
		order: 1;
		flex-grow: 1;
		float: left;
		text-align: left;
		box-sizing: border-box;
		margin-right: 10px;
	}

	.postofc_right {
		display: flex;
		flex-direction: column;
		order: 1;
		flex-grow: 1;
		float: left;
		text-align: left;
		box-sizing: border-box;
	}

	.postofc_product {
		width: 100%;
		float: left;
		text-align: left;
		box-sizing: border-box;
		margin-right: 10px;
		display: inline;
	}

	.postofc-content a {
		order: 2;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		line-height: 1.5em;
		font-size: 16px;
		border-bottom: 2px solid #ccc;
		color: #333;
		border-radius: 0px;
	}

	.postofc-content .postofc-head {
		order: 1;
		font-weight: 600;
		cursor: default;
		font-size: 17px;
		padding: 10px 10px 10px 15px;
		background: none;
		color: #333;
		border-radius: 0;
		border-bottom: 2px solid #333;
	}

	.postofc-content a:hover {
		color: #cc0000;
		font-weight: bold;
	}

	.postofc-content a:last-of-type {
		border-bottom: none;
	}

	/* End Header Solr Search */

	.quantity {
		margin-bottom: 0;
		width: 100%;
		border: none;
		padding: 10px 0;
		margin-bottom: 0;
		text-align: center;
	}

	#searchBox {
		width: 100%;
		height: 40px;
		margin: 0;
		float: left;
		background: #fff;
		border-radius: 4px 0 0 4px;
	}

	#SearchBtn {
		width: 40px;
		height: 40px;
		margin: 0;
		padding: 0 10px;
		float: left;
		text-decoration: none;
		border: none;
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 13px;
		cursor: pointer;
		transition: all 0.5s ease;
		border-radius: 0 4px 4px 0;
	}

		#SearchBtn .fa-caret-right {
			font-size: 15px;
		}

		#SearchBtn:hover .fa-search {
		}

	.nav-bar {
		background: #fff;
		padding: 6px 0px;
		text-align: center;
	}

		.nav-bar ul, .nav-bar li, .nav-bar li a {
			display: inline-block;
			list-style-type: none;
			margin: 0 auto;
			padding: 3px 3px 1px 3px;
			color: #333;
			text-transform: uppercase;
			font-weight: bold;
			text-decoration: none;
			font-size: 14px;
		}

	.nav-wrapper li a .fa-sort-down {
		position: relative;
		top: -4px;
	}

	.nav-bar li a::after {
		width: 0px;
		height: 3px;
		content: '';
		display: block;
		background: #fff;
		transition: width .3s;
	}

	.nav-bar li a:hover::after {
		width: 100%;
		background: #cc0000;
	}

	/* Mini-basket */

	#mini-basket-container > div > #basketSummaryForm > table > tbody > .basketProductRowDivider > .basketColPrice > .pricePoundLrg30 {
		color: #ff0000;
		font-size: 22px;
		position: relative;
		font-weighT: bold;
		text-align: right;
	}

		#mini-basket-container > div > #basketSummaryForm > table > tbody > .basketProductRowDivider > .basketColPrice > .pricePoundLrg30 > .smallPrice {
			font-size: 17px;
			text-align: right;
		}

		#mini-basket-container > div > #basketSummaryForm > table > tbody > .basketProductRowDivider > .basketColPrice > .pricePoundLrg30 > .vatText {
			font-size: 12px;
			text-align: right;
			margin-top: 0;
			position: relative;
			top: -4px;
		}
	/* End Mini Basket */
	/* End Header */

	/* Breadcrumb - Sub Section Category */

	.breadcrumbs {
		padding: 10px 0;
	}

		.breadcrumbs ul {
			list-style-type: none;
		}

			.breadcrumbs ul li {
				float: left;
				margin: 0;
			}

				.breadcrumbs ul li a {
					color: #333;
					text-decoration: none;
					position: relative;
					top: 0;
					transition: all 0.2s ease;
				}

					.breadcrumbs ul li a:hover {
						position: relative;
						top: -3px;
						transition: all 0.2s ease;
						padding-bottom: 2px;
						text-decoration: underline;
					}

				.breadcrumbs ul li i {
					margin: 0 4px 0 4px;
				}

	/* End * Breadcrumb - Sub Section Category */

	/* Homepage */

	.home-customer-area {
		cursor: pointer;
	}

		.home-customer-area h2 {
			font-size: 18px;
			text-align: center;
		}

		.home-customer-area img {
			max-width: 100%;
		}

	.featured-section a {
		display: flex;
		flex-direction: column;
		text-decoration: none;
	}

	.featured-section-text {
		display: flex;
		min-height: 60px;
		order: 2;
		flex-grow: 1;
		flex-direction: column;
	}

	.featured-section-title {
		font-size: 20px;
		position: relative;
		top: 0;
		transition: 0.15s ease-in-out;
		margin: 0 20px 0 20px;
	}

	/* .featured-section:hover a {
		border-width: 0 0 4px 0;
		border-style: solid;
		border-color: #cc0000;
			}

	.featured-section:hover a > .featured-section-text > .featured-section-title {
		position:relative;
		top:-8px;
		transition:0.365s ease;
	} */

	.featured-section-image {
		order: 1;
		flex-grow: 1;
		max-height: 100%;
	}

	.featured-clearance a {
		display: flex;
		flex-direction: column;
		text-decoration: none;
		/* border-width: 0 0 4px 0;
		border-color:#fff;
		border-style: solid; */
	}

	.featured-clearance-text {
		display: flex;
		min-height: 56px;
		order: 2;
		flex-grow: 1;
		flex-direction: column;
		justify-content: center;
	}

	.featured-clearance-title {
		position: relative;
		top: 0;
		transition: 0.15s ease-in-out;
		margin: 10px 0 0 0;
	}

	.featured-clearance:hover a {
		/* border-width: 0 0 4px 0;
		border-style: solid;
		border-color: #cc0000; */
	}

		.featured-clearance:hover a > .featured-clearance-text > .featured-clearance-title {
			/*	position:relative;
		top:-8px;
		transition:0.365s ease; */
		}

	.featured-clearance > a > .featured-clearance-cta > div > i {
		transition: 0.25s ease-in-out;
	}

	.featured-clearance:hover a > .featured-clearance-cta > div > i {
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);
		transition: 0.25s ease-in-out;
	}

	.featured-clearance-image {
		order: 1;
		flex-grow: 1;
		max-height: 180px;
	}

	.featured-clearance-cta {
		order: 3;
		min-height: 40px;
	}

	.home-product-image-wrapper {
		order: 1;
		display: inline-block;
		text-align: center;
		width: 100%;
		vertical-align: top;
	}

	.home-prod-img-container {
		max-width: 100%;
		background: white;
		text-align: center;
	}

		.home-prod-img-container img {
			max-width: 190px;
		}

	.home-prod-info-container {
		order: 2;
		height: 90px;
		position: relative;
		border-top: 1px solid #f4f4f4;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}

		.home-prod-info-container > h2 {
			font-size: 18px;
		}

	.home-prod-price {
		order: 2;
		border-top: 1px solid #f4f4f4;
		align-items: center;
		justify-content: center;
		font-size: 34px;
		font-weight: bold;
	}

		.home-prod-price > .pricePoundLrg30 {
		}

		.home-prod-price > .pricePoundLrg30 {
			color: #000;
			font-size: 38px;
			position: relative;
			font-weight: bold;
			text-align: center;
		}

			.home-prod-price > .pricePoundLrg30 > .smallPrice {
				font-size: 30px;
			}

			.home-prod-price > .pricePoundLrg30 > .vatText {
				font-size: 16px;
				text-align: center;
				display: block;
				margin-top: -10px;
			}

		.home-prod-price > h4 {
			text-align: center;
			color: #5b5b5b;
		}

		.home-prod-price > .smallPrice {
			font-size: 20px;
		}

		.home-prod-price > .vatText {
			font-size: 14px;
			font-weight: normal;
			position: relative;
			margin-left: 4px;
		}

	.knowledge-centre-large {
		position: relative;
		overflow: hidden;
		height: auto;
	}

		.knowledge-centre-large a {
			display: flex;
			align-items: center;
			text-decoration: none;
		}

	#knowledge-static-background {
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		opacity: 1;
		min-width: 100%;
	}

	#knowledge-hover-background {
		position: absolute;
		z-index: 3;
		top: 0;
		left: 0;
		opacity: 0;
		transition: .45s ease;
		min-width: 100%
	}

	.knowledge-centre-large-text {
		order: 1;
		flex-basis: 50%;
		position: relative;
		z-index: 5;
		font-size: 26px;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		text-shadow: 0px 2px 3px #000;
	}

	.knowledge-centre-large a:hover #knowledge-hover-background {
		opacity: 1;
		transition: .45s ease;
	}

	.knowledge-centre-large a:hover #knowledge-centre-button {
		background: #fff !important;
		color: #333;
		text-shadow: none;
		transition: .45s ease;
	}

	.knowledge-centre-large a img {
		position: absolute;
		top: 0;
		left: 0;
	}

	#knowledge-centre-button {
		order: 2;
		flex-basis: 50%;
		position: relative;
		z-index: 5;
		color: #fff;
		background: none;
		border-width: 3px;
		border-style: solid;
		border-color: #fff;
		border-radius: 0;
		text-transform: none;
		height: 52px;
		transition: .45s ease;
		text-shadow: 0px 2px 3px #000;
		box-shadow: 0px 2px 3px #000;
	}

	.knowledge-centre-small a {
		text-decoration: none;
	}

		.knowledge-centre-small a:hover .knowledge-centre-link {
			text-decoration: underline;
		}

	.knowledge-centre-image {
		height: 112px;
	}

		.knowledge-centre-image img {
			max-width: 100%;
		}

	.knowledge-centre-title {
		height: 52px;
	}

		.knowledge-centre-title h3 {
			font-size: 14px;
			text-decoration: none;
		}

	.knowledge-centre-desc {
		height: 52px;
	}

		.knowledge-centre-desc h3 {
			font-size: 14px;
			text-decoration: none;
		}

	.home-page-feature:first-of-type {
	}

	.home-page-feature:hover {
		box-shadow: -1px -1px 1px 1px #ffffff, 1px 1px 5px 2px #e2d6d6;
		transition: all .35s ease-in-out;
	}

	.card-link {
		font-size: 14px;
		color: #0072bc;
	}

	/* Sub Section Category Icons Pages */

	.back-top-button {
		display: none;
		position: fixed;
		bottom: 20px;
		right: 30px;
		z-index: 10;
		font-size: 18px;
		border: none;
		outline: none;
		background-color: #2b2b2b;
		color: white;
		cursor: pointer;
		border-radius: 4px;
	}

		.back-top-button:hover {
			background-color: #cc0000;
		}

	.section-icon-inner {
		display: inline-block;
		padding: 10px;
		text-align: center;
		vertical-align: top;
		background: #ffffff;
		transition: all 0.15s ease-out;
		cursor: pointer;
		min-height: 390px;
	}


		.section-icon-inner a {
			text-decoration: none;
		}

		.section-icon-inner:hover {
			border-width: 0 0 5px 0;
			border-style: solid;
			border-color: #cc0000;
		}

	.section-icon-title {
		color: #555;
		font-size: 20px;
	}

	/* END * Sub Section Category Icons Pages */

	/* Section Pages */

	#section-title {
		margin: 0;
	}

	#section-description-container {
		margin-bottom: 20px;
	}

	#section-description {
		margin-bottom: 0;
	}

	.section-description-container h2 {
		position: relative;
		z-index: 2;
	}

	.section-marketing-text {
		line-height: 16px;
		font-size: 16px;
	}

	.section-marketing-open {
		height: auto !important;
		transition: all .35s ease-in-out;
	}

	.slick-section-carousel {
	}

	.slick-list {
		overflow: hidden;
		max-height: 300px;
	}

	.slick-prev {
		border: 0 !important;
		height: 59px !important;
		width: 22px !important;
		background: url('/Images/stationeryPro/SlickCarousel/slick-arrow-prev.png') !important;
	}

		.slick-prev:hover {
			background: url('/Images/stationeryPro/SlickCarousel/slick-arrow-prev-shadow.png') !important;
		}

		.slick-prev:focus {
			background: url('/Images/stationeryPro/SlickCarousel/slick-arrow-prev.png') !important;
		}

	.slick-next {
		border: 0 !important;
		height: 59px !important;
		width: 22px !important;
		background: url('/Images/stationeryPro/SlickCarousel/slick-arrow-next.png') !important;
	}

		.slick-next:hover {
			background: url('/Images/stationeryPro/SlickCarousel/slick-arrow-next-shadow.png') !important;
		}

		.slick-next:focus {
			background: url('/Images/stationeryPro/SlickCarousel/slick-arrow-next.png') !important;
		}

	.slick-arrow {
		display: none;
	}

	/* END * Section Pages */

	/* Sub Section - Ink and Toners Section */

	.a-to-z-container {
		display: flex;
		justify-content: space-evenly;
		flex-wrap: wrap;
	}

	.sort-by-letter {
		flex: 1 1 0;
		padding: 0;
		min-width: 20px;
		border: none;
		text-align: center;
		margin: 0 5px 0 5px;
	}

		.sort-by-letter:hover {
			font-weight: bold;
		}

		.sort-by-letter.active {
			color: #c00;
		}

	.a-to-z-results {
		height: 100px;
	}

	.inks-tab-content {
		display: none;
	}

	/* END * Sub Section - Ink and Toners Section */

	/* PRODUCT LIST ROWS & SEARCH RESULTS START */

	.left-filter-sections {
		border-bottom: #c00 3px solid;
		transition: all .35s ease-in-out;
	}

	.left-filters {
		list-style-type: none;
		overflow: hidden;
		transition: all .65s ease-in-out;
	}

	.left-filter-sections h2 {
		margin: 0;
		padding: 10px 20px;
		cursor: pointer;
	}

		.left-filter-sections h2::after {
			float: right;
			margin-right: 10px;
			content: "";
			display: inline-block;
			vertical-align: middle;
			margin-top: 7px;
			width: 7px;
			height: 7px;
			border-top: 2px solid #333;
			border-right: 2px solid #333;
			-moz-transform: rotate(135deg);
			-ms-transform: rotate(135deg);
			-webkit-transform: rotate(135deg);
			transform: rotate(135deg);
			transition: all .35s ease-in-out;
		}

	.left-filter-sections .left-filters {
		max-height: 0;
		overflow: hidden;
		padding: 0 10px;
		list-style-type: none;
		margin-bottom: 0;
	}

	.left-filter-sections.active h2::after {
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.left-filter-sections.active .left-filters {
		max-height: 2000px;
		padding: 10px;
		transition: all .65s ease-in-out;
	}

	#subsection-left-inner > form > .submenu1 > .left-filter-sections > ul {
		columns: 3;
	}

	#product-list-container {
	}

	.product-list-cards {
		display: flex;
		flex-direction: column;
		margin-bottom: 30px;
		position: relative;
		overflow: hidden;
	}

	.product-list-rows {
		display: flex;
		flex-direction: row;
		margin-top: 10px;
		margin-bottom: 20px;
		position: relative;
		overflow: hidden;
		margin-left: 0;
	}

	.product-image-wrapper {
		order: 1;
	}

	.image-wrapper-list {
		max-width: 240px;
	}

	.cat-prod-img-container {
		max-width: 100%;
		background: white;
		text-align: center;
		position: relative;
	}

		.cat-prod-img-container img {
			max-width: 190px;
		}

	.cat-prod-info-container {
		order: 2;
	}

		.cat-prod-info-container h2 {
		}

	.cat-price-quant-container {
		order: 3;
	}

	.add-card-cat-container {
		width: 100%;
	}

	.cat-prod-info-container h3 {
		font-size: 14px;
		font-weight: normal;
	}

	.cat-prod-info-container a {
		text-decoration: none;
	}

	.product-list {
	}

	.card-button {
		width: 100%;
		border: 0;
		border-radius: 0;
	}

	/* ProductListRows - Toggleable Rows / Cards - Handled by JS */

	/* When product-list-cards display:none */

	.product-list-container > .product-list-cards > .cat-prod-info-container > a > h2 {
		font-size: 1em;
		margin-bottom: 0;
		text-align: center;
	}

	.product-list-container > .product-list-cards > .cat-prod-info-container > h3 {
		display: none;
	}

	.product-list-container > .product-list-cards > .cat-prod-info-container > .cat-prod-code {
		display: none;
	}

	.product-list-cards > .cat-prod-info-container {
		min-height: 130px;
		position: relative;
		border-top: 1px solid #f4f4f4;
		display: flex;
		align-items: center;
		justify-content: space-evenly;
		flex-direction: column;
	}

	.product-list-container > .product-list-cards > .cat-prod-info-container > .stock-status {
		width: 100%;
	}

		.product-list-container > .product-list-cards > .cat-prod-info-container > .stock-status > .row > #stock-image-container {
			border-radius: 4px;
			padding: 5px;
			margin-bottom: 5px;
			margin-top: 5px;
			background: #f1f8ff;
		}

			.product-list-container > .product-list-cards > .cat-prod-info-container > .stock-status > .row > #stock-image-container > .row {
				text-align: center;
			}

	.product-list-container > .product-list-cards > .cat-price-quant-container > .cat-price-quant {
		flex-direction: column;
	}

		.product-list-container > .product-list-cards > .cat-price-quant-container > .cat-price-quant > .quantity {
			order: 1;
			border-top: 1px solid #f4f4f4;
		}

		.product-list-container > .product-list-cards > .cat-price-quant-container > .cat-price-quant > .list-price-container {
			border-top: 1px solid #f4f4f4;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
		}


	.product-list-container > .product-list-rows > .product-image-wrapper {
		flex-basis: 28%;
		border-right: 1px solid #f4f4f4;
	}

	.product-list-container > .product-list-rows > .cat-prod-info-container {
		flex-basis: 50%;
	}

		.product-list-container > .product-list-rows > .cat-prod-info-container > .stock-status > .row > #stock-image-container {
			border-radius: 4px;
			padding: 5px;
			margin-bottom: 10px;
			margin-top: 5px;
			background: #f1f8ff;
			display: flex;
			justify-content: space-evenly;
		}

			.product-list-container > .product-list-rows > .cat-prod-info-container > .stock-status > .row > #stock-image-container > .row > span > img {
				position: relative;
				top: 6px;
			}

			.product-list-container > .product-list-rows > .cat-prod-info-container > .stock-status > .row > #stock-image-container > .row > span > span {
				font-size: 15px;
				font-weight: bold;
				position: relative;
				top: 4px;
				margin-left: 4px;
			}

			.product-list-container > .product-list-rows > .cat-prod-info-container > .stock-status > .row > #stock-image-container > #stock-due-container {
				margin-top: 5px;
			}

				.product-list-container > .product-list-rows > .cat-prod-info-container > .stock-status > .row > #stock-image-container > #stock-due-container > div > p:nth-of-type(1) {
					float: left;
				}

				.product-list-container > .product-list-rows > .cat-prod-info-container > .stock-status > .row > #stock-image-container > #stock-due-container > div > p:nth-of-type(2) {
					float: right;
				}

	.product-list-container > .product-list-rows > .cat-price-quant-container {
		display: flex;
		flex-direction: column;
		flex-grow: 4;
		flex-basis: 20%;
		border-left: 1px solid #f4f4f4;
	}

		.product-list-container > .product-list-rows > .cat-price-quant-container > .cat-price-quant {
			display: flex;
			flex-direction: column;
			flex-grow: 10;
			flex-basis: 80%;
			align-content: stretch;
		}

			.product-list-container > .product-list-rows > .cat-price-quant-container > .cat-price-quant > .quantity {
				border-width: 1px 0;
				border-style: solid;
				border-color: #f4f4f4;
			}

			.product-list-container > .product-list-rows > .cat-price-quant-container > .cat-price-quant > .list-price-container {
				font-size: 34px;
				font-weight: bold;
				align-items: center;
				justify-content: center;
			}

		.product-list-container > .product-list-rows > .cat-price-quant-container > .add-cart-cat-container {
			flex-grow: 1;
		}

	.product-list-container > .product-list-rows > .cat-prod-info-container > a > h2 {
		font-size: 18px;
		font-weight: bold;
		text-align: left;
	}

	.product-list-container > .product-list-rows > .cat-prod-info-container > h3 {
		font-size: 16px;
		text-align: left;
	}

	/* End - Toggleable Rows / Cards */

	.product-list .product-image-wrapper {
		display: inline-block;
		width: 100%;
		vertical-align: top;
	}

	.cat-price-quant {
		width: 100%;
		display: flex;
	}

	.list-price-container {
		font-size: 34px;
		font-weight: bold;
	}

		.list-price-container h3 {
			font-size: 34px;
			font-weight: bold;
			margin-right: 10px;
		}

		.list-price-container h4 {
			margin-right: 10px;
		}

		.list-price-container > .smallPrice {
			font-size: 20px;
		}

		.list-price-container > h3 > .smallPrice {
			font-size: 20px;
		}

		.list-price-container > .vatText {
			font-size: 14px;
			font-weight: bold;
			position: relative;
			margin-left: 4px;
		}

		.list-price-container > h3 > .vatText {
			font-size: 14px;
			font-weight: bold;
			position: relative;
			margin-left: 4px;
		}

	/* START ProductListCards Only */

	.productListContainer.product-list-cards > div.cat-prod-info-container > div.stock-status > div > #stock-image-container > div > .stockHighlightIn > img {
		position: relative;
		top: 3px;
	}

	.productListContainer.product-list-cards > div.cat-prod-info-container > div.stock-status > div > #stock-image-container > div > .stockHighlightOut > img {
		position: relative;
		top: 3px;
	}

	/*Pricing*/

	.productListContainer.product-list-cards > div.cat-price-quant-container > div > .list-price-container {
		padding: 10px 0;
	}

		.productListContainer.product-list-cards > div.cat-price-quant-container > div > .list-price-container > h3 {
			margin: 0;
		}

		.productListContainer.product-list-cards > div.cat-price-quant-container > div > .list-price-container > h4 {
			margin: 0;
		}

		.productListContainer.product-list-cards > div.cat-price-quant-container > div > .list-price-container > h3 > .vatText {
			display: inline-block !important;
			margin-left: 0;
		}

		/*Stock*/
		.productListContainer.product-list-cards > div.cat-price-quant-container > div > .list-price-container > h3 > .vatText {
			display: inline-block !important;
			margin-left: 0;
		}


	/* END ProductListCards Only */

	.price-large > .list-price-container > h3 > .vatText::before {
		content: "\A";
		white-space: pre;
	}

	.price-large > .list-price-container > h4 > .vatText::before {
		content: "\A";
		white-space: pre;
	}

	#minusQtyBtnList {
		background-color: #ffffff;
		border: 0;
		margin: 0;
		padding: 0;
	}

	#addQtyBtnList {
		background-color: #ffffff;
		border: 0;
		margin: 0;
		padding: 0;
	}

	.add-cart-container {
		padding: 10px
	}

		.add-cart-container a {
		}

	.add-cart-cat:hover {
		color: #fff;
	}

	.product-list .prodCatProdCode {
		font-weight: bold;
		font-size: 13px;
	}

	.productListContainer .prodCatPricing {
		display: inline-block;
		width: 23%;
	}

		.productListContainer .prodCatPricing .pricePoundLrg30 {
			margin-top: 12px;
		}

		.productListContainer .prodCatPricing .quantity {
			padding: 2px 10px;
			margin-top: 5px;
			width: 20px;
			font-size: 18px;
		}

	.productListContainer .btnAddCartRightWrap {
		margin-top: 10px;
	}

	.loadMoreWrapper {
		display: block;
		margin: 10px auto 20px auto;
		text-align: center;
	}

		.loadMoreWrapper .greenRounded {
			background: #fff;
			border: 2px solid #ccc;
			color: #555;
		}

			.loadMoreWrapper .greenRounded:hover {
				background: #55bc75;
				border: 2px solid #55bc75;
				color: #fff;
			}

		.loadMoreWrapper .fa-chevron-circle-down, .loadMoreWrapper .fa-bars {
			margin-left: 10px;
		}

	.btnAddCartRightWrap .btnAddCartRight {
		float: right;
	}

	.product-list-container {
		clear: both;
	}

	.sort-by {
		padding: 10px;
		border: 1px solid #ccc;
		width: 62%;
		display: inline-block;
	}

	.latestOfferPod {
		max-width: 100%;
		width: 294px;
		margin-bottom: 10px;
		display: block;
	}

	/* Search Results + Section Filters */

	.product-filter-title {
		display: inline-block;
		font-size: 22px;
		border-width: 0 0 1px 0;
		border-style: solid;
		border-color: #f3f3f3;
	}

	/* End * Search Results + Section LeftNav Filters */

	/* Search Results + Section Layout Changes */

	.layout-change {
		width: 100px;
		height: 25px;
		margin-left: 10px;
		cursor: pointer;
		border: 1px solid #ccc;
	}

		.layout-change.active {
		border-width: 1px;
		border-style: solid;
		border-color: #ccc;
		background: #f4f4f4;
	}

	.product-sort-by {border: 1px solid #ccc;}

	/* End * Search Results + Section Layout Changes */

	/* END * PRODUCT LIST ROWS & SEARCH RESULTS */

	/* Common Classes across different pages */

	.page-title {
		font-size: 30px;
		font-weight: bold;
	}

	.sub-title {
		font-size: 24px;
	}

	.checkout-title {
		font-size: 20px;
		font-weight: bold;
	}

	/* Product Card Page */

	.product-card-title {
		font-size: 26px;
	}

	.glass-case {
		display: inline-block;
	}

	.product-card-description {
		font-size: 1.3em;
		font-weight: lighter;
		margin-top: 1%;
	}

	.product-card-purchase {
		display: inline-block;
		width: 100%;
		background: #c00;
		color: #fff;
		text-align: center;
		text-transform: none;
		min-height: 40px;
		font-size: 16px;
		cursor: pointer;
		padding: 8px 0px 6px 0px;
		box-sizing: border-box;
		border-radius: 4px;
		line-height: 24px;
		order: 3;
		flex-basis: 100%;
		position: absolute;
		transform: rotateX(0deg) translate3d(0px,0px,20px);
	}

		.product-card-purchase:hover {
			color: #fff;
		}

	#product-card-price {
		font-size: 38px;
		position: relative;
	}

		#product-card-price > .smallPrice {
			font-size: 30px;
		}

		#product-card-price > .vatText {
			position: absolute;
			bottom: -10px;
			right: 0;
			font-size: 16px;
		}

	/* Product Card - Vat Only - Pulled from DisplayPrice2Line */

	.pcard-price-stock > .pricePoundLrg30 {
		color: #000;
		font-size: 38px;
		position: relative;
		font-weight: bold;
		text-align: right;
	}

		.pcard-price-stock > .pricePoundLrg30 > .smallPrice {
			font-size: 30px;
		}

		.pcard-price-stock > .pricePoundLrg30 > .vatText {
			position: absolute;
			bottom: -10px;
			right: 0;
			font-size: 16px;
		}

	.pcard-price-stock > h4 {
		color: #5b5b5b;
	}

	/* End Product Card - Vat Only */

	.pcard-prod-info {
		display: flex;
		margin-top: 30px;
	}

	.pcard-prod-info-container {
		order: 1;
	}

	.pcard-code-container {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	.pcard-product-code {
		order: 2;
		flex-basis: 100%;
		flex-grow: 2;
	}

	.pcard-product-oem {
		order: 3;
		flex-basis: 100%;
		flex-grow: 1;
	}

	.pcard-brand-logo {
		max-width: 100px;
		flex-basis: 50%;
		flex-grow: 1;
		order: 1;
	}

	.pcard-price-quantity {
		order: 2;
	}

	.pcard-stock {
		order: 1;
		height: 90px;
		margin-bottom: 0;
	}

		.pcard-stock > div {
			border-radius: 4px;
			padding: 5px;
			margin-bottom: 30px;
			margin-top: 5px;
			background: #f1f8ff;
		}

		.pcard-stock > #stock-image-container > div {
			text-align: center;
		}

			.pcard-stock > #stock-image-container > div > span > img {
				position: relative;
				top: 2px;
			}

			.pcard-stock > #stock-image-container > div > span > span {
				font-size: 15px;
				font-weight: bold;
			}

	.pcard-quantity-container {
		order: 4;
		flex-basis: 100%;
		display: flex;
	}

		.pcard-quantity-container > .quantity {
			order: 2;
			flex-grow: 2;
			border-width: 1px 0px 1px 0;
			border-radius: 0;
		}

		.pcard-quantity-container > .minus {
			order: 1;
			flex-grow: 1;
			margin: 0;
			border-radius: 3px 0 0 3px;
		}

		.pcard-quantity-container > .add {
			order: 3;
			flex-grow: 1;
			margin: 0;
			border-radius: 0 3px 3px 0;
		}

	.pcard-tab-title {
		font-size: 15px;
		background: #fff;
		border-width: 0 0 5px 0;
		border-color: #fff;
		border-style: solid;
		cursor: pointer;
	}

		.pcard-tab-title:focus {
			border-width: 2px 0 0 0;
			border-color: #cc0000;
			border-style: solid;
		}

	.pcard-tab-subtitle, .tab_content h3 {
		font-size: 1.5em;
	}

	.printer_list {
		margin-bottom: 0;
	}

		.printer_list li {
			margin-bottom: 0;
		}

	.related-products-container {
		min-height: 140px;
		display: flex;
		position: relative;
		overflow: hidden;
	}


		.related-products-container > .product-image-wrapper {
			display: flex;
			justify-content: center;
			flex-basis: 20%;
		}

			.related-products-container > .product-image-wrapper > a > img {
				max-width: 120px;
			}

		.related-products-container > .cat-prod-info-container {
			position: relative;
			display: flex;
			flex-direction: column;
			flex-basis: 46%;
		}

			.related-products-container > .cat-prod-info-container h3 {
				font-size: 14px;
			}

		.related-products-container .view-product-button {
			left: -12%;
		}

		.related-products-container > .cat-price-quant-container > h3 {
			margin-bottom: 0;
			text-align: right;
		}

			.related-products-container > .cat-price-quant-container > h3 > .vatText {
				display: block !important;
				margin-left: 0;
			}

		.related-products-container > .cat-price-quant-container {
			flex-basis: 34%;
			order: 3;
		}


	.related-products-h {
		font-size: 22px;
		color: #222;
	}

	/* End Product Card */

	/* Section Best Sellers */

	.section-best-sellers {
		display: flex;
		flex-direction: column;
		margin-bottom: 30px;
		position: relative;
		overflow: hidden;
	}

		.section-best-sellers > .product-image-wrapper {
			display: flex;
			justify-content: center;
		}

		.section-best-sellers > .cat-prod-info-container {
			height: 140px;
			position: relative;
			border-top: 1px solid #f4f4f4;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
		}

			.section-best-sellers > .cat-prod-info-container h3 {
				font-size: 18px;
			}

		.section-best-sellers > .cat-price-quant-container {
			border-top: 1px solid #f4f4f4;
			order: 3;
		}

	/* Login + Register Page */

	.login-register-container {
		display: flex;
		justify-content: center;
	}

		.login-register-container h1 {
			order: 1;
		}

	.login-register-card {
		max-height: 550px;
		order: 2;
		display: flex;
		flex-direction: row;
	}

	.register-container {
		background: url(/images/StationeryPro/LoginPage/registration-page.jpg);
		order: 2;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
	}

		.register-container h2 i {
			font-size: 22px;
			margin-left: 10px;
		}

	.login-container {
		order: 1;
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
	}

	.login-form {
		display: flex;
		flex-direction: column;
	}

	#login-register-cart {
		order: 3;
		padding-left: 20px;
	}

	#your-details-container {
		display: flex;
		flex-direction: column;
	}

		#your-details-container > .form-field-legend {
			flex-basis: 50%;
		}

		#your-details-container > .register-form-field {
			flex-basis: 50%;
		}

	#login-basket-outer {
		max-height: 122px;
		overflow-y: scroll;
	}

	.customer-details {
		display: flex;
	}

	.customer-details-inner {
		padding: 10px 0;
		flex-basis: 50%;
		display: flex;
		flex-direction: column;
	}

	#showPassword {
		display: inline-block;
		order: 2;
	}

	.strengthify-wrapper {
		order: 3;
		flex-basis: 100%;
	}

	.registerEdit {
		float: right;
	}

	#login-basket-container {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	#login-price-container a {
		color: #2b2b2b !important;
	}

	.tracking-container {
		width: 65% !important;
	}

	#login-tracking-title {
		padding-right: 20px;
	}

	#login-tracking-list {
		width: 80% !important;
	}

	.bg-svg-login-tracking {
		position: absolute;
		width: 0;
		height: 0;
	}

	.clipped-login-tracking {
		width: 100%;
		height: 140%;
		background: #fff;
		background-size: cover;
		-webkit-clip-path: url(#my-clip-path);
		clip-path: url(#my-clip-path);
		top: 0px;
		right: -90%;
		position: absolute;
		z-index: 2;
	}

	.login-container {
		margin-left: 0 !important;
	}

	/* Registration Page - Field Entry Errors */

	#nameErrorSpan, #lastNameErrorSpan, #mobileErrorSpan, #emailErrorSpan {
		font-size: 13px;
	}
	/* Registration Page - Field Entry Errors */

	/* END * Login + Register Page */

	/* Forgotten Password */

	#forgotten-password-container {
		display: flex;
		justify-content: center;
	}

	/* Checkout Page */

	#checkout-logo {
		display: inline-block;
		margin-bottom: 0;
		position: relative;
		top: 6px;
		max-width: 120px;
	}

	#checkout-title {
		font-size: 23px;
		color: white;
		margin-top: 6px;
		letter-spacing: normal;
		font-weight: 500;
		margin-bottom: 0;
		text-align: right;
	}

	.basket-price-summary {
		display: flex;
		flex-direction: column;
	}

	.basket-quantity-container {
		display: flex;
	}

	.checkout-minus-quantity {
		order: 1;
		border-radius: 4px 0 0 4px !important;
		height: 40px !important;
		width: 100% !important;
		padding: 0 10px !important;
		border: 1px solid #b3b3b3;
		background: #fff;
		border-right: none;
	}

	.checkout-add-quantity {
		order: 3;
		border-radius: 0 4px 4px 0 !important;
		height: 40px !important;
		width: 100% !important;
		padding: 0 10px !important;
		border: 1px solid #b3b3b3;
		background: #fff;
		border-left: none;
		text-indent: -7px;
	}

	.checkout-quantity-box {
		order: 2;
		border-radius: 0 !important;
		height: 40px !important;
		width: 100% !important;
		border-left: none !important;
		border-right: none !important;
		border-color: #b3b3b3 !important;
		padding: 22% 0px !important;
	}

	#checkout-cart-price-container {
		padding: 0 10px 0 10px;
		font-size-adjust: 0.45;
	}

		#checkout-cart-price-container > div > .pricePoundLrg30 {
			color: #c00;
			font-size: 22px;
			position: relative;
			font-weight: bold;
			line-height: 0.9;
			text-align: right;
			margin-bottom: 0;
		}

			/* Forces vat text price span onto new line for checkout page */
			#checkout-cart-price-container > div > .pricePoundLrg30 > span:nth-of-type(2)::before {
				content: "\A";
				white-space: pre;
			}

		/* Forces vat text price span onto new line for checkout page */
		#checkout-cart-price-container > div > h4 > span:nth-of-type(2)::before {
			content: "\A";
			white-space: pre;
		}

		#checkout-cart-price-container > div > .discountPrice > strike > .vatText::before {
			content: "\A";
			white-space: pre;
		}


		#checkout-cart-price-container > div > h4 {
			font-size: 18px;
			position: relative;
			font-weight: bold;
			line-height: 0.9;
			margin-bottom: 0;
			text-align: right !important;
		}

		#checkout-cart-price-container > div > .pricePoundLrg30 > .smallPrice {
			font-size: 16px;
		}

		#checkout-cart-price-container > div > h4 > .smallPrice {
			font-size: 16px;
		}

		#checkout-cart-price-container > div > .pricePoundLrg30 > .vatText {
			font-size: 12px;
			position: relative;
			top: 0px;
			text-align: left;
		}

		#checkout-cart-price-container > div > h4 > .vatText {
			font-size: 12px;
			position: relative;
			top: -4px;
		}

	/* Payment Page - Credit Card  */
	h2.payments {
		background: url(/images/postoffice/v2/icon_padlock.png) no-repeat scroll left top / 40px 40px rgba(0, 0, 0, 0);
		background-position: 25% 85%;
		border: 0 none;
		font-size: 28px;
		font-weight: bold;
		height: 40px;
		line-height: 1.5em;
		padding-left: 39px;
		padding-top: 15px;
		text-align: center;
	}


	/* End * Checkout Page */

	/* Footer */
	footer {
		margin: 0 auto;
		box-shadow: 0px -1px 4px #eae0e0;
	}

	.footer-three {
		float: left;
		width: 25%;
	}

	.footer-two {
		float: left;
		width: 16%;
	}

	.footer-one {
		float: left;
		width: 7%;
		position: Relative;
	}

	footer h3 {
		font-size: 22px
	}

	footer h4 {
		font-size: 16px;
		font-weight: bold;
	}

	#footer-trusted-logo {
		float: right;
	}

	.footer-links {
		list-style-type: none;
		font-size: 13px;
	}

		.footer-links a {
			text-decoration: none;
			color: #333;
		}

			.footer-links a:hover {
				text-decoration: underline;
			}

	#subscribe-email {
	}

	#subscribe-input {
		width: 100%;
	}

	#subscribe-button {
		width: 100%;
		box-shadow: -1px -1px 1px 1px #ffffff, 1px 1px 5px 2px #dae0e6;
		border: 0;
		border-radius: 24px;
	}

	#footer-logo-link {
		order: 1;
		flex-grow: 100;
		color: #fff;
		font-size: 18px;
		margin-bottom: 0;
		text-transform: uppercase;
		letter-spacing: 1px;
	}

	#footer-stp-clip {
		position: absolute;
		top: -43px;
		left: 0px;
		max-width: 80%;
		z-index: 2;
	}

	/* End Footer */

	/* Start Clearance Subsection */
	.clearance-background {
		position: relative;
		padding: 30px 0;
		background: rgb(255,94,0);
		background: linear-gradient(333deg, rgba(255,94,0,1) 0%, rgba(255,171,0,1) 64%, rgba(255,204,0,1) 85%);
	}

	#clearance-heading {
		font-weight: bold;
		text-align: center;
		padding-top: 10px;
		margin-bottom: 0;
		text-transform: uppercase;
		text-shadow: 0px 6px 4px #ce5937;
		font-size: 54px;
		color: #fff;
	}

	#clearance-tag-container {
		text-align: center;
		display: inline-block;
	}

		#clearance-tag-container > div {
			text-align: center;
			display: inline-block;
			width: 330px;
		}

	#clearance-tag {
		height: 200px;
	}

	.clearance-blurb {
		font-size: 20px;
		font-weight: bold;
		position: relative;
		z-index: 1;
		margin-top: 10px;
	}
}

/* Larger than tablet */
@media (min-width: 750px) {

	/* Navigation */
	#header-logo-container {
		order: 2;
		min-width: 160px;
		height: 133px;
		width: 160px;
		z-index: 100000000;
		position: relative;
	}

	#header-logo {
		
		margin-top: 1%
	}

	#SearchItSolr {
		flex-basis: 50%;
	}

	#SearchBtn {
		width: 80px;
		height: 40px;
		margin: 0;
		padding: 0 20px;
		float: left;
		text-decoration: none;
		border: none;
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 13px;
		cursor: pointer;
		transition: all 0.5s ease;
		border-radius: 0 4px 4px 0;
	}

	#header-inner-container {
		z-index: 1;
	}

	#basket-container {
		width: 25%;
	}

	#order-by-in {
		flex-basis: 24%
	}

	#re-order {
		flex-basis: 16%;
	}

	#account-menu-button {
		flex-basis: 16%;
	}

	#section-description-container {
		margin-bottom: 0;
	}

	.section-icon-title {
		color: #555;
		font-size: 16px;
	}

	/* Raise Return Start */
	.return-product-row {
		height: 240px;
	}

	.return-product-row-expanded {
		height: 200px;
	}

	#return-cancel-confirm {
		position: relative;
		top: 70px;
	}

	.return-product-row:nth-child(even) {
		border-width: 1px 0 1px 0;
		border-color: #b3b3b3;
		border-style: solid;
	}

	.return-product-row > div {
		height: 100%;
	}

	.return-product-row-expanded > div {
		height: 200px;
	}

	.return-product-image {
		max-width: 100px;
	}

	.return-option-comments {
		height: 50px;
		margin-bottom: 0;
		resize: none;
	}

	/* Raise Return End */

	/* Checkout */


	#checkout-cart-price-container > div > .pricePoundLrg30 > .vatText {
		font-size: 12px;
		position: relative;
		top: -8px;
		text-align: right;
	}

	#checkout-cart-price-container > div > h4 > .vatText {
		font-size: 12px;
		position: relative;
		top: -4px;
	}

	#checkout-cart-price-container > div > .discountPrice > strike > .vatText {
		font-size: 12px;
		position: relative;
		top: -4px;
		text-align: left;
	}

	/*Product Card */
	.related-products-container {
		min-height: 150px;
		display: flex;
		position: relative;
		overflow: hidden;
	}

		.related-products-container > .product-image-wrapper > a > img {
			max-width: 140px;
		}



	/* Footer 750px > Start */

	#footer-stp-clip {
		position: absolute;
		top: -43px;
		left: 0px;
		width: auto;
		z-index: 3;
	}

	#footer-trusted-logo {
		float: right;
		max-width: 180px;
		margin-right: 10px;
	}

	/* Footer 750px > End */

	/* Start Clearance Section */

	.clearance-background {
		position: relative;
		padding: 30px 0;
		background: rgb(255,94,0);
		background: linear-gradient(333deg, rgba(255,94,0,1) 0%, rgba(255,171,0,1) 64%, rgba(255,204,0,1) 85%);
	}

		.clearance-background::before {
			content: url(/Images/stationeryPro/clearance/side.svg);
			width: 10%;
			height: 10px;
			position: absolute;
			top: 0;
			left: 0;
		}

		.clearance-background::after {
			content: url(/Images/stationeryPro/clearance/side.svg);
			width: 10%;
			height: 10px;
			position: absolute;
			top: 0;
			right: 0;
			transform: scaleX(-1);
		}

	#clearance-heading {
		font-weight: bold;
		text-align: center;
		padding-top: 0px;
		margin-bottom: 0;
		text-transform: uppercase;
		text-shadow: 0px 6px 4px #CE5937;
		font-size: 54px;
		color: #fff;
	}

	#clearance-tag-container {
		top: 0px;
	}

	#clearance-tag {
		position: relative;
		left: 0;
		top: 15px;
		max-width: 80%;
	}

	.clearance-blurb {
		font-size: 20px;
		font-weight: bold;
		position: relative;
		z-index: 1;
		text-align: left;
	}

	#subsection-left-inner > form > .submenu1 > .left-filter-sections > ul {
		columns: 1;
	}

	/* End Clearance Section */

}
/* End of 750> Media Query */

/* Larger than desktop */
@media (min-width: 1000px) {

	div.lg-sticky-60 {
		position: -webkit-sticky;
		position: sticky;
		top: 60px;
	}

	/* Navigation */

	#SearchItSolr {
		flex-basis: 60%;
	}

		

	#basket-container {
		width: 15%;
		margin-top: 10%;
	}

	#basket-container, #header-inner-container, #header-links, .sz-block.SearchItSolr, #header-logo-container, #order-by-in, #re-order {
		background: #cc0000 !important;
	}

		#account-menu-button:hover {
			background: none;
		}

	#cart-price-container a, #yourBasketIcon i {
		color: #fff !important
	}

	#order-by-in {
		flex-basis: 14%
	}

	#order-by-in, #re-order, #re-order-inner, #order-by-in-inner {
		color: #fff !important;
		margin-top: 0px;
		transition: all 0.3s ease-in-out;
	}


		#order-by-in-inner:hover {
			background: none;
			color: #fff !important;
			text-shadow: 1px 1px 5px #000;
		}

	#re-order {
		flex-basis: 14%;
	}

	#account-menu-button {
		flex-basis: 14%;
	}

	/* Homepage */

	.knowledge-centre-large {
		position: relative;
		overflow: hidden;
		height: 300px;
	}

		.knowledge-centre-large a {
			display: flex;
			flex-direction: column;
			justify-content: center;
			text-decoration: none;
			height: 100%;
		}

	#knowledge-centre-button {
		order: 2;
		flex-basis: initial;
	}

	.home-prod-price > .pricePoundLrg30 {
		color: #000;
		font-size: 38px;
		position: relative;
		font-weight: bold;
		text-align: center;
	}

		.home-prod-price > .pricePoundLrg30 > .smallPrice {
			font-size: 30px;
		}

		.home-prod-price > .pricePoundLrg30 > .vatText {
			font-size: 16px;
			text-align: center;
			display: block;
			margin-top: -10px;
		}

	.home-prod-price > h4 {
		text-align: center;
		margin-bottom: 0;
		color: #5b5b5b;
	}



	/* fixes for multi-pricing */

	.pricePoundLrg30 {
		color: #c00;
		font-size: 22px;
		position: relative;
		font-weight: bold;
		text-align: right;
	}

		.pricePoundLrg30 > .smallPrice {
			font-size: 17px;
			text-align: right;
		}

		.pricePoundLrg30 > .vatText {
			font-size: 12px;
			text-align: right;
			display: block;
			position: relative;
			/* commented out to fix product card price top:-4px; */
		}

	.h4 > .vatText {
		font-size: 12px;
		top: -4px;
	}


	.menuProduct .pricePoundLrg30 {
		font-size: 2.8em !important;
		text-align: center !important;
	}

		.menuProduct .pricePoundLrg30 > .vatText {
			display: inline-block;
		}

	.menuProduct h4 {
		font-size: 1em !important;
		padding: 0 !important;
		text-align: center;
	}


	/* Sub Section Category Icons Pages */
	#section-description-container {
		min-height: 300px;
		max-height: 300px;
	}

	#section-title {
		margin: 10px 0;
	}

	.section-icon-title {
		color: #555;
		font-size: 18px;
	}

	/* End * Sub Section Category Icons */

	/* Product List Rows and Cards Start */

	/* End * Product List Rows and Cards Start */

	/* Checkout Process */

	/* Cart Page */
	#checkout-cart-price-container > div > .pricePoundLrg30 {
		color: #c00;
		font-size: 22px;
		position: relative;
		font-weight: bold;
		line-height: 1.3;
		margin-bottom: 0;
		text-align: right;
	}

	#checkout-cart-price-container > div > h4 {
		font-size: 18px;
		position: relative;
		font-weight: normal;
		line-height: 1.3;
		margin-bottom: 0;
		margin-top: -10%;
	}



	#checkout-cart-price-container > div > .pricePoundLrg30 > .vatText {
		top: -20px;
	}

	#checkout-cart-price-container > div > h4 > .vatText {
		top: -8px;
	}

	/* Footer 1000px > Start */

	#footer-trusted-logo {
		clear: both;
		float: none;
		margin: 0 0 0 0px;
		max-width: 210px;
	}

	#footer-stp-clip {
		position: absolute;
		top: -43px;
		left: 10px;
		z-index: 3;
	}

	/* End Footer */

	/* Header - Mega Menu START */

	.mega-menu-sub {
		width: 100%;
	}

	.mega-sub-nav {
		padding: 20px;
		height: 100%;
	}

	/* Header - Mega Menu END */

	/* Start Clearance */
	.clearance-background {
		position: relative;
		padding: 30px 0 0 0;
		background: rgb(255,94,0);
		background: linear-gradient(333deg, rgba(255,94,0,1) 0%, rgba(255,171,0,1) 64%, rgba(255,204,0,1) 85%);
	}

		.clearance-background::before {
			content: url(/Images/stationeryPro/clearance/side.svg);
			width: 10%;
			height: 10px;
			position: absolute;
			top: 0;
			left: 0;
		}

		.clearance-background::after {
			content: url(/Images/stationeryPro/clearance/side.svg);
			width: 10%;
			height: 10px;
			position: absolute;
			top: 0;
			right: 0;
			transform: scaleX(-1);
		}

	#clearance-heading {
		font-weight: bold;
		text-align: center;
		padding-top: 0px;
		margin-bottom: 0;
		text-transform: uppercase;
		text-shadow: 0px 6px 4px #CE5937;
		font-size: 54px;
		color: #fff;
	}

	#clearance-tag-container {
		top: -50px;
	}

	#clearance-tag {
		position: relative;
		left: 30px;
		top: 15px;
		max-width: 80%;
	}

	.clearance-blurb {
		font-size: 20px;
		font-weight: bold;
	}
}
/* End of 1000> Media Query */

/* Larger than Desktop HD */
@media (min-width: 1250px) {

	#order-by-in {
		flex-basis: 10%
	}

	#re-order {
		flex-basis: 10%;
	}

	#account-menu-button {
		flex-basis: 10%;
	}

	#footer-trusted-logo {
		clear: both;
		float: none;
		margin: 0 0 0 32px;
		max-width: 240px;
	}

	#footer-stp-clip {
		position: absolute;
		top: -43px;
		left: 35px;
		z-index: 1;
	}

	/* Start Clearance Section */

	#clearance-header-container {
		height: 240px;
	}

	.clearance-background {
		position: relative;
		background: rgb(255,94,0);
		background: linear-gradient(333deg, rgba(255,94,0,1) 0%, rgba(255,171,0,1) 64%, rgba(255,204,0,1) 85%);
	}

		.clearance-background::before {
			content: url(/Images/stationeryPro/clearance/side.svg);
			width: 10%;
			height: 10px;
			position: absolute;
			top: 0;
			left: 0;
		}

		.clearance-background::after {
			content: url(/Images/stationeryPro/clearance/side.svg);
			width: 10%;
			height: 10px;
			position: absolute;
			top: 0;
			right: 0;
			transform: scaleX(-1);
		}

	#clearance-heading {
		font-weight: bold;
		text-align: center;
		padding: 0;
		margin-bottom: 0;
		text-transform: uppercase;
		text-shadow: 0px 6px 4px #CE5937;
		font-size: 54px;
		color: #fff;
	}

	#clearance-tag {
		height: 240px;
		max-width: 100%;
		position: relative;
		left: 0;
		top: 0px;
		max-width: 80%;
	}

	#clearance-tag-container {
		top: -60px;
	}




	.clearance-blurb {
		font-size: 20px;
		font-weight: bold;
		position: relative;
		z-index: 1;
	}


	/* End Clearance Section */

	/* End Footer */
}

/*- Site Wide Styles 
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Whole Site */

.page-container {
	padding: 0 0 30px 0;
}

/* Header */

#header-links a:hover {
	font-weight: Bold;
}

/* Home Page */

.home-customer-area img {
	padding: 20px 0px;
}

/* Site Navigation */

#cart-price-container {
}

/* Section Pages */
.section-description-container {
	box-sizing: border-box;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: all .65s ease-out;
}

#section-marketing-more {
	text-transform: none;
	z-index: 3;
	position: absolute;
	bottom: 20px;
	right: 6%;
	border: 0;
	border-radius: 24px;
}

.read-more-container {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	height: 100%;
	width: 100%;
	transition: all .65s ease-out;
	background: -moz-linear-gradient(270deg, rgba(204,0,0,0) 0%, rgba(204,0,0,1) 100%) !important;
	background: -webkit-linear-gradient(270deg, rgba(204,0,0,0) 0%, rgba(204,0,0,1) 100%) !important;
	background: -o-linear-gradient(270deg, rgba(204,0,0,0) 0%, rgba(204,0,0,1) 100%) !important;
	background: -ms-linear-gradient(270deg, rgba(204,0,0,0) 0%, rgba(204,0,0,1) 100%) !important;
	background: linear-gradient(180deg, rgba(204,0,0,0) 0%, rgba(204,0,0,1) 100%) !important;
	transition: all .65s ease-out;
	opacity: 1;
}

.read-more-bg {
	opacity: 0;
	transition: all .65s ease-out;
}

.section-desc-open {
	max-height: 1200px !important;
	transition: all .65s ease-out;
	padding-bottom: 50px;
}

.latestOfferPod > a > img {
	max-width: 100%;
}

/* Search Result */
.check-cart-reminder {
	height: 0;
	overflow: hidden;
	transition: all .35s ease-in-out;
}

.cart-reminder-show {
	display: inline-block !important;
	height: 37px;
	transition: all .35s ease-in-out;
	padding-top: 2px;
}

/* Product Card Page */

.gc-display-area {
	cursor: zoom-in;
	border: 0 !important;
	z-index: 1;
}

.glass-case ul li {
	border: 0 !important;
}


.gc-display-display {
	cursor: zoom-in !important;
}

/* Registration */

.postcoder-complete > div.postcoder-complete-dropdown {
	z-index: 3 !important;
}

/* Members Page */
.members-recent-orders:nth-of-type(odd) {
	background: #F1F1F1;
	border-radius: 4px;
}

/* Cart Dropdown */
.basketColPrice > .pricePoundLrg30 > .vatText {
	margin-top: 0;
	position: relative;
	top: -4px;
}

/* DELIVERY DETAILS START */

/* DELIVERY DETAILS END */

/* DE TESTING PAYMENT PAGE */

/* Start - Payment Page Address Popup */
#wsModal {
	top: 60px !important;
	border-radius: 4px;
	box-shadow: 0px 2px 11px 0px #000000;
	padding: 20px;
	background-color: #fff !important;
	font-size: 18px !important;
}

	#wsModal > h1 {
		padding: 20px 0 20px 0 !important;
		margin-bottom: 0;
		font-size: 20px !important;
		font-weight: bold;
		color: #ff0000;
	}

	#wsModal p {
		font-size: 18px !important;
	}

.warningTxt {
	color: #ff0000 !important;
}

/* END - Payment Page Address Popup */


body.payments {
}

div.form {
}

h1.payments {
	visibility: hidden;
	margin: 0px;
	height: 0px;
}

.helpText {
	top: -80px !important;
	width: 190px !important;
}

	.helpText > p {
		margin-bottom: 12px;
	}

.help-arrow {
	top: 80px !important;
}

#postcode {
	width: 140px !important;
}

#OrderPayment {
	font-size: 2em;
	font-weight: bold;
}

#paymentFrame {
	width: 100%;
}

#OrderPayment table {
	width: 100% !important;
}

#threeDSecureContainer {
	min-width: 620px !important;
	width: 100%;
}

.backButton {
	visibility: hidden;
}

.partner_list li {
	margin: 0 10px 5px 10px;
	padding: 0;
	list-style: none;
	display: inline;
	float: left;
	width: 280px;
}

div.website-btn-text {
	float: right;
	margin: 5px 5px 0 0;
	padding: 0;
}

div.cardDetail {
	margin-top: 2em;
}

div.addressLine label, div.postcode label {
	text-align: right;
	width: 11em;
}

div.cardDetail label {
	text-align: right;
	width: 11em;
}

div.cardSecurityCode label {
	background-image: none;
}

.req {
	color: #cc0000;
}

#OrderDetail {
	display: block !important;
	padding: 10px 0px;
	background: #222;
	text-align: center;
	color: #fff;
	border-radius: 4px;
}

	#OrderDetail label, #OrderDetail > #orderTotal {
		font-size: 22px;
		font-weight: bold;
		width: auto;
		color: #fff;
		margin: 0 auto;
	}

div.form-submission {
	width: 100%;
	height: 70px;
	text-align: center;
	color: #00a847;
	font-size: 34px;
}

div.cardSecurityCode .error {
	padding-left: 5em;
}

td.cv2 {
	background-color: transparent;
}

#noBorder {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.noBorder {
	border-bottom: none !important;
	padding-bottom: 0;
	margin-bottom: 0;
	font-weight: bold;
}

.formSubmissionError {
	font-weight: bold;
	color: #fff;
	padding: 10px 0px;
	font-size: 16px;
	width: 100%;
	margin: 0 auto !important;
	float: left;
	text-align: center;
	background-color: #cc0000;
	border: 1px solid #ccc;
}

.results-bar {
	margin: 0 0 7px 0;
}

.addressLine, .cardholder, .cardNumber, .cardDate {
	margin-bottom: 5px;
}

.checkbox.gridCompare {
	padding-right: 0;
}

.checked {
	background-position: 0px -53px;
}

.clicked {
	background-position: 0px -25px;
}

	.clicked.checked {
		background-position: 0px -75px;
	}

body.payments {
	width: 100% !important;
	box-sizing: border-box;
	padding: 0 10px 0 10px;
}

	body.payments input {
		border: 1px solid #CCCCCC;
		border-radius: 2px 2px 2px 2px;
		margin: 4px;
		padding: 4px;
	}

#searchButtonCardHolder {
	background-image: none;
	background: #00a874 !important;
	border: none !important;
	cursor: pointer;
	font-weight: bold;
	margin: 10px;
	padding: 0px 10px;
	text-decoration: none;
	color: #fff !important;
	font-size: 14px;
}

#submitButton.submitButton {
	background-image: none;
	background: #00a874 !important;
	border: none !important;
	cursor: pointer;
	font-weight: bold;
	margin: 10px;
	padding: 0px 10px;
	text-decoration: none;
	color: #fff !important;
	font-size: 14px;
}


#expiryMonth, #expiryYear, #cardSecurityCode {
	width: 10%;
	max-width: 150px;
}

#addressLine1, #addressLine2, #addressLine3, #addressLine4, #addressLine5 {
	width: 30%;
	max-width: 340px;
}

/* ShippingAddress */

.default-address {
	border-color: #00a874;
	border-width: 2px;
	border-style: solid;
}

.address-book-box {
	border-color: #ccc;
	border-width: 2px;
	border-style: solid;
	cursor: pointer;
}

	.address-book-box:hover {
		border-color: #0072BC !important;
	}

	.address-book-box.default-address {
		border-color: #00a874 !important;
	}

	.address-book-box:nth-of-type(2n+3) {
		margin-left: 0;
	}

#show-alternate-address {
	cursor: pointer;
}

#select-alternate-address.open {
	max-height: 1000px !important;
	transition: all .65s ease-out;
	overflow: scroll;
	padding-bottom: 10px;
}

#select-alternate-address.closed {
	max-height: 0px !important;
	transition: all .25s ease-out;
	overflow: hidden;
}

/* Carousel Styling - Dynamic Pricing START */

.slick-section-carousel > .slick-list > .slick-track > .slick-slide {
	position: relative;
	margin-bottom: 0;
}



.carouselPricingWrapper {
	position: absolute;
	right: 2%;
	top: 5%;
	height: 67px;
	width: 120px;
	background: #cc0001;
	border-radius: 0px;
	padding: 8px 12px;
	font-size: 1.6vw;
	color: #fff;
	text-align: right;
	box-shadow: none;
	border: 3px solid #fff;
	outline: 6px solid #cc0001;
}

.carouselTag {
	margin: 0;
	position: absolute;
	right: 6px;
	top: 0px;
	font-weight: bold;
	color: #fff;
	font-size: 22px;
}

.carousel-price {
	margin: 0;
	position: absolute;
	top: 16px;
	right: 5px;
	font-size: 35px;
	width: 100%;
	text-align: right;
	height: 70px;
	font-weight: bold;
}

.carouselPricingWrapper .pricePoundLrg30 {
	color: #fff !important;
	font-size: 4vw !important;
	float: none !important;
	width: 100% !important;
	text-align: center !important;
	margin-top: -10%;
}

.carouselPricingWrapper .smallPrice {
	font-size: 30px;
}

.carousel-price > .vatText {
	position: absolute;
	right: 2px;
	bottom: 7px;
	text-align: right;
	font-size: 15px;
	color: #ccc;
}

/* Carousel Styling - Dynamic Pricing END */

/* Carousel Animation */
.hover-scale {
	transition: all .35s ease-in-out;
	transform: scale(1)
}

	.hover-scale:hover {
		transition: all .35s ease-in-out;
		transform: scale(1.1);
	}

/* Searchandizer overrides */

.ui-slider-handle {
	border-radius: 20px;
}

.qty-block > div:nth-of-type(2) > input {
	border: 0;
}

#basketSummaryForm > table > tbody:nth-child(2) {
	max-height: 200px;
	overflow-y: scroll;
}

.price-large > .list-price-container > h3 {
	padding-top: 10px;
	height: 50px;
}

	.price-large > .list-price-container > h3 > .vatText {
		font-size: 14px;
		font-weight: normal;
		position: relative;
		margin-left: 4px;
		font-weight: bold !important;
		top: -30px;
		right: 4px;
	}

.price-large > .list-price-container > h4 {
	height: 50px;
	text-align: right;
	font-size: 20px;
	margin-right: 14px;
}

	.price-large > .list-price-container > h4 > .vatText {
		top: -13px;
		right: 1px;
		font-size: 14px;
		position: relative;
	}

#forgotten-password-container > div > div:nth-of-type(2) > .details-info {
	padding: 10px;
	color: #ff0000;
	border-radius: 4px;
	background: #f3f3f3;
	text-align: center;
	font-weight: bold;
	margin: 10px 0;
}


/* Start of MegaMenu.nest CSS */
/* Start of MegaMenu.nest CSS */

.material-card-1 {
	border-radius: 10px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	overflow: hidden;
}

.main-wrapper img {
	width: 100%;
	display: block;
}

.main-wrapper a {
	color: #000;
	text-decoration: none;
}

.main-wrapper ul li {
	list-style-type: none;
	width: 9%;
  margin: 0 auto;
}

.navbar {
	background: #fff;
	/* padding: 0 1rem;*/
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	max-height: 100vh;
	display: flex;
	flex-direction: column;

}

.brand-and-icon {
	display: flex;
	justify-content: space-between;
	padding: 1rem 0;
	border-bottom: 1px solid #ddd;
}

.navbar-brand {
	font-size: 1.8rem;
	letter-spacing: 3px;
	font-weight: 700;
}

.navbar-toggler {
	display: block;
	border: none;
	background: transparent;
	font-size: 1.8rem;
	cursor: pointer;
	padding: 0.2rem 0.5rem;
	transition: all 0.4s ease;
	border: 2px solid #000;
	border-radius: 4px;
}

	.navbar-toggler:hover {
		opacity: 0.7;
	}

.navbar-collapse {
	display: none;
}

.navbar-nav > li > a {
	font-size: 1.1rem;
	text-align: center!important;
	font-weight: 700;
	display: block;
	padding: 0.6rem 0;
	margin: 0.2rem auto;
	border-radius: 1px;
	position: relative;
	transition: all 0.4s ease;
	width: 70%;

}

.drop-icon {
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
}

.navbar-nav > li > a:hover {
	opacity: 0.7;
}

.sub-menu h4 {
	text-transform: capitalize;
	font-size: 1rem;
	padding: 0.5rem 0;
}

.sub-menu h2 {
	margin-left: 1rem;
	transition: all 0.5s ease;
}

	.sub-menu h2 a {
		transition: all 0.5s ease;
	}

		.sub-menu h2 a:hover {
			padding-left: 14px;
		}

.sub-menu ul {
	list-style-type: disc;
	-webkit-columns: 5;
	-moz-columns: 5;
	columns: 5;
	list-style-position: inside;
	margin-top: 0 !important;
}

	.sub-menu ul li {
		text-transform: capitalize;
		padding: 0.2rem 0;
		margin-bottom: 0;
		font-size: 1em;
		width: 100%;
	}

		.sub-menu ul li a {
			opacity: 0.8;
			transition: all 0.5s ease;
		}

			.sub-menu ul li a:hover {
				padding-left: 14px;
				opacity: 0.9;
			}

.sub-menu {
	display: none;
	height: auto;
	max-height: 80vh !important;
	overflow-y: auto;
}

.sub-menu-item {
	padding-left: 1.2rem;
	z-index: 9999999;
}

	.sub-menu-item:nth-child(2) {
		grid-column: 2 / span 3;
	}

	.sub-menu-item:nth-child(3) {
		background: #fff;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

		.sub-menu-item:nth-child(3) h2 {
			text-transform: capitalize;
			margin: 1.5rem 0;
		}

		.sub-menu-item:nth-child(3) .btn {
			border: 1px solid #000;
			text-transform: uppercase;
			font-size: 0.9rem;
			padding: 0.6rem 1rem;
			cursor: pointer;
			background: #000;
			color: #fff;
			transition: all 0.5s ease;
		}

			.sub-menu-item:nth-child(3) .btn:hover {
				background: transparent;
				color: #000;
			}

	.sub-menu-item:nth-child(4) {
		width: 100%;
		margin: 0 auto;
		padding: 2rem 0;
	}
	
	
.text-white {
	color: #fff;
}

	.text-white a {
		color: #fff!important;
	}

/* overlays for products */
.prodOverlayListing, .prodOverlayListingVOne, .prodOverlayListingVTwo, .prodOverlayListingVThree {
	position: absolute;
	background: #fcb82f;
	color: #2b2b2b;
	padding: 4px 12px;
	left: 0;
	top: 0;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 2px;
	border-radius: 0 0 5px;
	text-transform: uppercase;
}

.prodOverlayListingVOne {
	background: #cc0000;
	color: #fff;
}

.prodOverlayListingVTwo {
	background: #2b2b2b;
	color: #fff;
}

.prodOverlayListingVThree {
	background: #cc0000;
	color: #fff;
}

/* Mega Menu Media Queries */
@media screen and (min-width: 750px) {

	.navbar {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		position: relative;
		background: #fff;
	}

	.navbar-toggler {
		display: none;
	}

	.brand-and-icon {
		flex: 0 0 100px;
		border-bottom: none;
		padding: 0;
	}

	.navbar-collapse {
	display: block !important;
	width: 100%;
	margin: 0 auto;
}

	.navbar-nav {
		display: flex;
		align-items: first baseline;
		justify-content: center;
		margin-bottom: 0 !important;
		min-height: 42px;
	}

		.navbar-nav > li > a {
			border-bottom: none;
			padding: 0.5rem 1.3rem 0.5rem 0.8rem;
			font-size: 1.4rem;
		}

	.sub-menu {
		position: absolute;
		left: 0;
		width: 100%;
		top: 55px;
		background: #f8f8f8;
	}

	.navbar-nav .sub-menu {
		grid-template-columns: repeat(4, 1fr);
		/* padding: 0 5rem; */
	}

	.navbar-nav > li {
		border-bottom: 2px solid transparent;
		transition: border-bottom 0.4s ease;
		margin-bottom: 0 !important;
	}

		.navbar-nav > li:hover {
			border-bottom-color: #cc0000;
		}

	.menu-link {
		color: #222important;
		font-size: 13px !important;
		font-weight: lighter !important;
		font-weight: bold!important;
	}

	.sub-menu-item:nth-child(2) {
		grid-column: 2 / span 3;
	}

	.subSectionWrapper li a {
		color: #222;
	}

	/*.sub-menu-item:nth-child(3){
    padding-left: 2rem;
    padding-right: 2rem;
}*/

	#nav-section-desc {
		line-height: 16px;
	}
}

@media screen and (min-width:1000px) {
	.sub-menu {
		top: 100%;
	}

	.navbar-nav > li > a {
		font-size: 1.2rem;
	}


	#nav-section-desc {
		line-height: 16px;
	}
}

@media screen and (min-width:1250px) {
	.navbar-nav > li > a {
		font-size: 1.3rem;
		font-weight: normal!important;
		text-align: center;
	}

	#nav-section-desc {
		line-height: 18px;
	}
}





@media screen and (min-width:1300px) {
	.navbar-nav > li > a {
		font-size: 1.1rem !important;
		font-weight: normal!important;
		text-align: center;
	}
}

@media screen and (max-width:1299px) {
	.navbar-nav > li > a {
		font-size: 1.1rem !important;
		font-weight: normal!important;
		text-align: center;
	}
}

@media screen and (min-width:1600px) {
	.navbar-nav > li > a {
		font-size: 1.4rem !important;
		font-weight: normal!important;
		text-align: center;
	}
}

@media (min-width: 750px) and (max-width:999px) {

	.navbar-nav {
		min-height: 56px;
	}

		.navbar-nav > li > a {
			font-size: 1vw;
		}
}

@media (min-width: 1000px) and (max-width:1249px) {

	.navbar-nav > li > a {
		font-size: 1vw;
	}

	.sub-menu-item:nth-child(2) {
		grid-column: 2 / span 3;
	}
}

.slick-section-carousel {
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
	max-height: 300px;
	overflow: hidden;
}

	.slick-section-carousel.slick-initialized {
		visibility: visible;
		opacity: 1;
	}


/* End of MegaMenu.nest CSS */
/* End of MegaMenu.nest CSS */

#nav-wrapper li:nth-of-type(12), #nav-wrapper li:nth-of-type(13) {
	display: none;
}

.cat-prod-info-container .energyRatingPDF {
	max-width: 50%
}

.related-products-container .energyRatingPDF {
	clear: none;
	max-width: 60px;
}

.related-products-container .cat-prod-info-container {
	height: auto !important;
}

.related-products-container .card-purchase-container {
	position: absolute;
	bottom: 0;
	right: 0px;
	width: 128%;
}

.related-products-container .energyRatingPDF {
	clear: left;
	max-width: 60px;
	float: left;
}

.make3D .energyRatingPDF, .gview .energyRatingPDF {
	max-width: 60px !important;
}


	.make3D .energyRatingPDF:after {
		clear: both;
	}

.make3D .electricalDatasheetPDF {
	float: left;
	display;
	inline;
}

.related-products-container .stock-status {
	text-align: left !important;
}

.related-products-container .electricalDatasheetPDF {
	float: left;
}





@media (max-width: 780px) {
	#searchSortMenu .flex-row{width: 50%; float: left;}
	#searchSortMenu .pad-top-bot-10{width: 48%; float: right; text-align: right;}

	.related-products-container .card-purchase-button {
		width: 100%;
	}

	.related-products-container .cat-prod-info-container {
		height: auto !important;
		width: 100% !important;
	}

	.related-products-container {
		width: 47% !important;
		margin: 1%;
		box-shadow: none!important;
		border: 1px solid #ccc;
	}


		.related-products-container .card-purchase-container {
			position: absolute;
			bottom: 0;
			margin-bottom: 10px;
			width: 100%;
		}

		.related-products-container .list-price-container {
			padding: 1% 0 !important;
		}

		.related-products-container > .cat-prod-info-container h3 {
			font-size: 0.9em;
			text-align: center;
		}

		.related-products-container .energyRatingPDF {
			clear: none;
			max-width: 60px;
			margin-left: 10px;
		}

		.related-products-container .stock-status {
			text-align: center;
		}
}

.progress-bar-containercustom {
	display: flex;
	height: 20px;
	width: 100%;
	background-color: #f4f4f4;
	border-radius: 10px;
}
:root {
	--blue: #1e90ff;
	--white: #ffffff;
  }



@keyframes slideBar {
	100% {width: var(--final-width)}
}

.progress-barcustom {
	height: 20px;
	
	animation: 1s ease-out 0s 1 slideBar forwards;
	flex-direction: column;
	justify-content: top;
	color: black;
	text-align: center;
	white-space: nowrap;
	background-color: #00a874;
	border-radius: 10px;
}



.progress-steps
{
	display:flex;
	justify-content:space-evenly;
	font-size: 0.9em;
  padding-top: 1%;
  padding-bottom: 2%;

}