/*
* 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%;}
	.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: 90%;
		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-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%;}
	.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%; }
	.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%;			 }
	.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%; }
	.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%; }
	.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
  –––––––––––––––––––––––––––––––––––––––––––––––––– */

/* 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;
	}

	/* 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;
	}

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

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

}

/* Larger then Mobile to Tablet (SM) */
@media (min-width: 550px) and (max-width: 749px) {
	.sm-nml { margin-left: 0; }

	.sm-hide {
		display:none;
	}

	/* 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;
	}

}

/* Tablet to Desktop (MD) */
@media (min-width: 750px) and (max-width: 999px) {
	.md-nml { margin-left: 0; }

	.md-hide {
		display:none;
	}

	/* Home Cards */
		.home-essential-supplies:last-of-type{
			display:none;
		}

		.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;
	}

}

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

	.lg-hide {
		display:none;
	}

	/* 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;
	}

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

}

/* Desktop and above (XL) */
@media (min-width: 1250px) {
	.xl-nml { margin-left: 0; }

	.xl-hide {
		display:none;
	}

	/* 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;
	}
	
  /* 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: circle 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-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;
	}

	.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;
	}

	.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;
	}

	.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-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-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-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;
	}

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

	.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-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:4px;
		box-shadow: -1px -1px 1px 1px #ffffff, 1px 1px 5px 2px #e2d6d6;
		transition: all .35s ease-in-out;
		overflow:hidden;
	}

	.card.delivery-option-container:hover{
		top:-6px;
		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;
		width:100%;
		height:38px;
		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;
	}

	.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:#00a874;
		text-shadow: 0px 1px 5px #026028;
		color:#fff !important;
		transform: rotateX(0deg) translate3d(0px,0px,20px);
		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;
		text-shadow: 0px 1px 5px #026028;
		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: 44px;
	}

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

	.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-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-black{
		background:#333;
	}

	.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%);
	}

	.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-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-accent{
		background:#fc0 !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-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-blue{
		color:#0072bc;
	}

	.text-red{
		color:#c00;
	}

	.text-yellow{
		color:#fc0;
	}

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

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

	.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:#9f0000
	}

	.link-red:hover{
		color:#c00;
	}

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

	.text-white {
		color:#fff;
	}

	.text-white a {
		color:#fff;
	}

	.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;
	}

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

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

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

  /* 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%;
		
		}

		#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: 18px 10px 10px 20px;
		}

		 #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{
			margin-top:100px;
			background: #fff;
			position: relative;
			z-index: 2;
			transition: all 0.45s ease-in-out;
		}

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

		/* Header Start */

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

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

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

		#basket-container{
			height:70px;
			width:22%;
			position:fixed;
			top:-10px;
			right:0;
			z-index:22;
			text-align:center;
			padding-top:18px;
			box-sizing:border-box;
		}

		#yourBasketIcon{
			display: inline-block;
			width: 100%;
			height: 100%;
			text-align: center;
			padding-top: 0px;
			box-sizing: border-box;

		}

		#header-logo-container{
			width:100%;
			height:60px;
			align-items:center;
			text-align:center;
			position:relative;
			z-index:4;
			position:fixed;
			top:0;
		}

		#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: -80%;
			top: 40px;
			z-index: 12;
			transition: all 0.45s ease-in-out;

		}


		#mobile-navigation-container-inner{
			width:100%;
			height: calc(100% - 40px);
			background:#fff;
		}

		#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:30px;
			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;
		}

		#bread-crumb-list{
			margin-bottom:0;
		}

		.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: 140px;
			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;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 34px;
			font-weight: bold;
		}
		.home-prod-price > .smallPrice {
			font-size:20px;
		}

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

		}

		.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;
		}

		.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;
		}

		/* End * of Homepage */

		/* Sub Section Category Icons Pages */

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

		.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:nth-of-type(2n+3){
			margin-left:0 ;
		}

		.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 */

		.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;
			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:20px;
		}

		.left-filter-sections .left-filters{
			list-style-type:none;
		}

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

		.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:18px;
		}

		.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;
			display:flex;
			align-items:center;
			justify-content:center;
			font-size:34px;
			font-weight:bold;
		}

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

		.list-price-container >.vatText{
			font-size:14px;
			font-weight:normal;
			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:40%;
			padding:10px 0px;
			margin:5px auto;
			display:block;
			float: none;
			border-radius: 5px;
			border: 1px solid #ccc;
			text-align: center;
		}

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

		.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;
		}

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

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

		.cat-price-quant-container{
			order: 3;
		}

		.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{
			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 */

		.product-card-title{
			font-size:24px;
		}

		.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:#00a874;
			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-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:flex;
			flex-wrap:wrap;
			align-items:center;
		}

		.pcard-product-code{
			order:1;
			flex-basis:100%;
			flex-grow:2;
		}

		.pcard-product-oem{
			order:3;
			flex-basis:50%;
			flex-grow:1;
			padding-left:20px;
		}

		.pcard-brand-logo{
			max-width:100px;
			flex-basis:50%;
			flex-grow:1;
			order:2;
		}

		.pcard-price-stock{
			display:inline-block;
			order:2;
			flex-basis:50%;
			text-align:right;
			height:40px;
		}

		.pcard-stock{
			order: 1;
			flex-basis: 50%;
			display: flex;
			justify-content: center;
			align-items: flex-end;
			height: 40px;
		}

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

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

		.pcard-price-quantity {
			order:1;
			display:flex;
			flex-wrap:wrap;
		}

		.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:26px;
		}

		.related-products-container{
			display: flex;
			flex-direction: column;
			margin-bottom: 30px;
			position: relative;
			overflow: hidden;
		}
		.related-products-container > .product-image-wrapper {
			display:flex;
			justify-content: center;
		}

		.related-products-container > .cat-prod-info-container {
			height: 140px;
			position: relative;
			border-top: 1px solid #f4f4f4;
			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:120px;
			order:3;
			border-top:1px solid #f4f4f4;
		}

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

		/* 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;
		}

		/* Login / Register Page */

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

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

		.register-container{
			order:2;
		}

		.login-container{
			order:1;
		}

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

		/* 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:20px;
			font-weight:bold;
			margin:0;
			padding:10px 20px;
			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;
		}

		/* 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 */

	} /* End of Mobile Query */

	/* Larger than mobile */
	@media (min-width: 400px) {

	}

	/* 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:10;
			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:80px !important;
		}

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

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

		#header-logo-container.header-logo-sticky > #header-image-link > img {
			width:140px !important;
			margin-top:17px !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;
		}
		
		/* End of 550px Animations */

		/* Header */

		.header{
			
			height:130px;
			display:flex;
			flex-wrap:wrap;
		}

		#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:130px;
			width:130px;
		}

		#header-logo{
			width: 120px;
			margin-top:54px;
		}

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

		#header-inner-container{
			display: flex;
			flex-direction: column;
			order: 4;
			width: 75%;
			height: 75%;
		}

		#header-top{
			display:flex;
			width:100%;
			height:25%;
			order:3;
			box-sizing: border-box;
		}

		#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%;
		}

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

		#basket-container p {
			margin:0 ;
		}

		#yourBasketIcon{
			display: inline-block;
			width: 100%;
			height: 100%;
			text-align: center;
			padding-top: 20px;
			box-sizing: border-box;

		}

		#order-by-in{
			height:61px;
			flex-grow:1;
			order:2;
		}

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

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

		#order-by-in-inner{
			height:61px;
		}

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

		#re-order{
			height:61px;
			flex-grow:1;
			order:3;
			color:#333;
		}

		#re-order a{
			color:#333
		}

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

		#re-order-inner{
			height:61px;
			color:#333;
		}

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

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

		#account-container{
			
		}

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

		.menu-button{
			
		}

		#account-menu-button{
			position:relative;
			flex-grow:1;
			order:3;
			cursor:pointer;
			height:100%;
			display:inline-block;
		}

		#account-drop-container{
			width: 220px;
			height: 160px;
			position: absolute;
			top: 60px;
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			right: 0;
			z-index: 2;
			box-shadow: 0px 7px 9px -4px #000000ad;
		}

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

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

		#account-drop-menu a{
			display:inline-block;
			padding:10px;
			text-decoration:none;
		}

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

		#account-drop-menu a:hover {
			text-decoration:underline;
			background:#e4e4e4;
			color:#c00;
		}

		#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:5px;
			width:100%;
		}

		#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{
			visibility:hidden;
			position:absolute;
			width:130px;
			height:47px;
			right:-5px;
			top:25px;
			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;
		}

		/* 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;
			border-width: 0 0 4px 0;
			border-color:#fff;
			border-style: solid;
		}

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

		.featured-section-title {
			font-size: 24px;
			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:180px;
		}

		.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 > .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;
			height:200px;
		}
		

		.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-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;
		}

		#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-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:18px;
				margin-bottom:0;
			}

			.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 {
				height: 140px;
				position: relative;
				border-top: 1px solid #f4f4f4;
				display: flex;
				align-items: center;
				justify-content: center;
				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:30px;
				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 {
				order: 2;
				border-top: 1px solid #f4f4f4;
				display: flex;
				align-items: center;
				justify-content: center;
			}

			
			

			.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:normal;
			position:relative;
			margin-left:4px;
		}

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

		#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;
			}

			.layout-change.active {
				border-width: 0 0 3px 0;
				border-style: solid;
				border-color: #c00;
			}

			/* 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:22px;
			font-weight:normal;
		}

		.product-card-purchase{
			display:inline-block;
			width:100%;
			background:#00a874;
			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:#c00;
			font-size:38px;
			position:relative;
			font-weight:bold;
			float:right;
		}

		.pcard-price-stock > .pricePoundLrg30 > .smallPrice {
			font-size:30px;
		}

		.pcard-price-stock > .pricePoundLrg30 > .vatText {
			position:absolute;
			bottom:-10px;
			right:0;
			font-size:16px;
		}

		/* 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;
		}

		.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{
			font-size:26px;
		}

		.printer_list {
			margin-bottom:0;
		}

		.printer_list li{
			margin-bottom:0;
		}

		.related-products-container{
			display: flex;
			position: relative;
			overflow: hidden;
		}
		.related-products-container > .product-image-wrapper {
			display:flex;
			justify-content: center;
			flex-basis:20%;
		}

		.related-products-container > .cat-prod-info-container {
			position: relative;
			display: flex;
			flex-direction: column;
			flex-basis:50%;
		}

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

		.related-products-container > .cat-price-quant-container {
			flex-basis:30%;
			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;
		}

		#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%;
		}

		.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;
		}

		/* 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:center;
		}

		.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:48px !important;

		}

		/* 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 */

	}

	/* Larger than tablet */
	@media (min-width: 750px) {

		/* Navigation */
		#header-logo-container{
			order:2;
			min-width:160px;
			height:130px;
			width:160px;
		}

		#header-logo{
			width: 140px;
			margin-top:52px;
		}

		#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 {
			width: 75%;
		}

		#basket-container{	
			width:25%;
		}
		
		.section-icon-title{
			color:#555;
			font-size:16px;
		}

		/* Raise Return Start */
		.return-product-row{
			height:200px;
		}

		.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 */

		/* 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 */

	} /* End of 750> Media Query */

	/* Larger than desktop */
	@media (min-width: 1000px) {

		/* Navigation */

		#SearchItSolr{
			flex-basis:60%;
		}

		#header-inner-container {
			
			width: 85%;
		}

		#basket-container{	
			width:15%;
		}

		/* 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: #c00;
			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;
		}
		
		
		
		/* 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;
			margin-top: -10px;
		}
		
		


		/* Sub Section Category Icons Pages */
			.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 */

		/* 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 */

	} /* End of 1000> Media Query */

	/* Larger than Desktop HD */
	@media (min-width: 1250px) {

		#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:3;
		}

		/* 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 {
		margin-left:5px;
	}

	/* Section Pages */
	.section-description-container{
		box-sizing:border-box;
		overflow:hidden;
		display:flex;
		flex-direction:column;
		max-height:220px;
		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;
	}

	/* Search Result */
	.check-cart-reminder{
		height:0;
		transition: all .35s ease-in-out;
	}

	.cart-reminder-show {
		display:inline-block !important;
		height:32px;
		transition: all .35s ease-in-out;
		
	}
	
	/* 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;
	}

/* DELIVERY DETAILS START */

/* DELIVERY DETAILS END */

/* DE TESTING PAYMENT PAGE */

/* Payment Page - Credit Card  */
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: #00a874;
	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;
	text-shadow: 0px 1px 5px #026028;
	}

div.form-submission{
	width:100%;
	height:70px;
	text-align: center;
	text-shadow: 0px 1px 5px #026028;
}

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:hidden;
		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
}

.carouselPricingWrapper {
	position: absolute;
    right: 2%;
    top: 5%;
    height: 80px;
    width: 130px;
    background: #c00;
    border-radius: 4px;
    padding: 5px;
    font-size: 1.6vw;
    color: #fff;
    text-align: center;
    -webkit-box-shadow: 0px 0px 11px -3px #1C0000;
    box-shadow: 0px 0px 11px -3px #1C0000;
}

.carouselTag {
	margin: 0;
    position: absolute;
    left: 4px;
    top: -2px;
    font-weight: bold;
}

.carousel-price{
	margin: 0;
    position: absolute;
    top: 22px;
    right: -2px;
    font-size: 36px;
    width: 100%;
    text-align: left;
    height: 70px;
}

.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:7px;
   bottom:-2px;
   text-align:right;
   font-size:20px;
}

/* 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);
}