@font-face {
	font-family:GothamRegular;
	src:url(../fonts/gotham-book-webfont.eot);
	src:url(../fonts/gotham-book-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/gotham-book-webfont.woff) format('woff'), url(../fonts/gotham-book-webfont.ttf) format('truetype'), url(../fonts/gotham-book-webfont.svg#gothamregular) format('svg');
}

@font-face {
	font-family:GothamBold;
	src:url(../fonts/gotham-bold-webfont.eot);
	src:url(../fonts/gotham-bold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/gotham-bold-webfont.woff) format('woff'), url(../fonts/gotham-bold-webfont.ttf) format('truetype'), url(../fonts/gotham-bold-webfont.svg#gothamregular) format('svg');
}

@font-face {
    font-family: GothamLight;
    src: url(../fonts/GothamLight.ttf);
}
@font-face {
    font-family: GothamHTF;
    src: url(../fonts/GothamHTF-Book.ttf);
}
@font-face {
    font-family: GothaProMed;
    src: url(../fonts/GothaProMed.otf);
}
@font-face {
    font-family: Yesteryear;
    src: url(../fonts/Yesteryear-Regular.ttf);
}
@font-face {
    font-family: Jelly;
    src: url(../fonts/Jelly.ttf);
}
@font-face {
    font-family: ForeverSoulmatesSans;
    src: url(../fonts/forever_soulmates_sans.otf);
}
@font-face {
    font-family: ForeverSoulmates;
    src: url(../fonts/foreversoulmates.otf);
}
@font-face {
    font-family: Baskerville;
    src: url(../fonts/Baskerville.ttf);
}

@font-face {
    font-family: GreatDay;
    src: url(../fonts/GreatDay.ttf);
}
@font-face {
    font-family: Bliss;
    src: url(../fonts/BlissRegular.otf);
}
@font-face {
    font-family: BlissBold;
    src: url(../fonts/BlissBold.otf);
}

.brochure-txt {
    font-family: GothamHTF;
	  font-size:13px;
} 

@font-face {
    font-family: GothamBold21010;
    src: url(../fonts/Gotham-Bold_21010.ttf);
}

/********* New Build Font Faces *********/
/***************************************/
@font-face {
    font-family: JustLovely;
    src: url(../fonts/Just-Lovely.ttf);
}

@font-face {
  font-family: 'Plantin-BoldItalic';
  src: url('../fonts/Plantin-BoldItalic.eot');
  src: url('../fonts/Plantin-BoldItalic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Plantin-BoldItalic.woff2') format('woff2'),
       url('../fonts/Plantin-BoldItalic.woff') format('woff'),
       url('../fonts/Plantin-BoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Plantin-Italic';
  src: url('../fonts/Plantin-Italic.eot');
  src: url('../fonts/Plantin-Italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Plantin-Italic.woff2') format('woff2'),
       url('../fonts/Plantin-Italic.woff') format('woff'),
       url('../fonts/Plantin-Italic.ttf') format('truetype');
}

@font-face {
  font-family: 'Plantin';
  src: url('../fonts/Plantin.eot');
  src: url('../fonts/Plantin.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Plantin.woff2') format('woff2'),
       url('../fonts/Plantin.woff') format('woff'),
       url('../fonts/Plantin.ttf') format('truetype');
}

/***************************************/
/**************************************/

.brochure-header {
  font-family: GothamBold21010;
	text-align:center;
} 

.bold {
	font-weight:bolder;
}
html {
	font-size:62.5%
}
html {
  -ms-overflow-style: scrollbar;
}
body {
	font-family:GothamRegular;
	font-size:10px;
	font-size:1rem;
	overflow-x:hidden
}
section {
	font-size:14px;
	font-size:1.4rem
}
img {
	max-width:100%;
  height:auto
}
hr {
	border-color:#000;
	clear:both
}
input.form-control,
.btn {
	border-radius:0
}

h1 {
	margin:10px 0 0;
	padding:0;
	font-size:60px;
	font-family: GothamBold;
}
h2 {
	font-size:25px;
	font-size:2.5rem;
}
.subheading{font-family: GothamBold;}

h3 {
	font-size:20px;
	font-size:2rem
}
#logo img {
  margin-top: 11px;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15,
.col-xs-25,
.col-sm-25,
.col-md-25,
.col-lg-25,
.col-xs-35,
.col-sm-35,
.col-md-35,
.col-lg-35,
.col-xs-45,
.col-sm-45,
.col-md-45,
.col-lg-45 {
  float: left;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.col-xs-15 {
  width: 20%;
}

.col-xs-25 {
  width: 40%;
}

.col-xs-35 {
  width: 60%;
}

.col-xs-45 {
  width: 80%;
}

@media only screen and (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
  }

  .col-sm-25 {
    width: 40%;
  }

  .col-sm-35 {
    width: 60%;
  }

  .col-sm-45 {
    width: 80%;
  }
}

@media only screen and (min-width: 992px) {
  .col-md-15 {
    width: 20%;
  }

  .col-md-25 {
    width: 40%;
  }

  .col-md-35 {
    width: 60%;
  }

  .col-md-45 {
    width: 80%;
  }
}

@media only screen and (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
  }

  .col-lg-25 {
    width: 40%;
  }

  .col-lg-35 {
    width: 60%;
  }

  .col-lg-45 {
    width: 80%;
  }
}

/*--- call back section ---*/

form.callback .form-group {
	margin-bottom:5px!important;
}
.callback h3 {
	border-bottom:1px dashed #404040;
	padding:0px 0px 10px 0px;
	text-align:center;
	font-size:18px!important;/**/
}
.callback h4 {
	text-align:center;
	margin:10px 0px 15px 0px;
	font-size:16px!important;/**/
}
.callback p {
	font-size:13px;
	line-height:22px;
}
.callback-btn {
	width:100%;
	background:#c35b89!important;
	color:#FFF!important;
	border:none!important;
}
.callback button.close {
	margin-top: 12px;
	border-radius:5px;
	color:#c35b89!important;
	border:1px solid #c35b89!important;
}
.robotic {
	display: none;
}
/*Call back form*/
form#callbackform label {
	font-size:1.4em!important;
}
form#callbackform {
	margin-top:20px!important;
}
span.required {
	color:#FF0000;
}
.form-horizontal .control-label {
	font-size: 1.4em!important;
	padding-top: 0!important;
	text-align:left;
}
.badge {
	background-color: #c35b89!important;
	border-radius: 5px;
	color: #fff !important;
	display: inline-block;
	font-size: 10px;
	font-weight: 500!important;
	line-height: 1;
	min-width: 10px;
	padding: 2px 5px;
	position: absolute;
	text-align: center;
	top: -9px;
	float:right;
	vertical-align: baseline;
	white-space: nowrap;
}
.badge a:link, .badge a:visited, .badge a:hover, .badge a:active {
	color:#fff;
}
a.mob-link {
	color:#333
}
.error{
  color: red;
}
.ghost-button {
  display: inline-block;
  width: 100%;
  padding: 8px;
  color: #000;
  border: 1px solid #000;
  text-align: center;
  outline: none;
  text-decoration: none;
}

.ghost-button-white {
  display: inline-block;
  width: 100%;
  padding: 8px;
  color: #fff;
  border: 1px solid #fff;
  text-align: center;
  outline: none;
  text-decoration: none;
}

.ghost-button-white:hover{color:#FFF;}

@media (min-width:768px) {
  h1 {
    font-size:25px;
    font-size:2.5rem;
  }

  h2{
    font-size:25px;
    font-size:2.5rem
  }

  h3 {
    font-size:20px;
    font-size:2rem
  }
  .section-title {
    font-size:25px;
    font-size:2.5rem;
    font-weight:700
  }
}
strike {
	color:#BBB
}
section>h3 {
	text-align:center;
	margin-top:0
}
.section-top {
	padding-top:30px
}
.section-top-small {
	padding-top:15px
}
.section-bottom-small {
	padding-bottom:15px;
}
.section-bottom {
	padding-bottom:30px
}
.section-bottom-extra {
	padding-bottom:40px
}
.section-title {
	font-size:18px;
	font-size:1.8rem;
	font-weight:700
}
.empty-section {
	padding:150px;
	font-size:30px;
	font-size:3rem
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  border-top: none!important;
}
.table-responsive {
  border: none!important;
}

.topnav-logo-bar {
  margin-top: 8px;
  margin-bottom: 4px;
}
.topnav-logo-bar .row>.col-xs-2 {
  margin-top: 25px;
}
@media (min-width:768px) {
  .topnav-logo-bar {
    margin-top: 13px;
    margin-bottom: 8px;
  }
  .topnav-logo-bar .row>.col-xs-2 {
    margin-top: 30px;
  }
}

.vmiddle {
	display:table;
	width:100%;
	font-size:14px;
	font-size:1.4rem
}
.vmiddle.compact {
	height:50px;
	padding:0 5px 5px;
	text-align:left;
	font-size:12px;
	font-size:1.2rem
}
@media (min-width:992px) {
  .vmiddle.compact {
    height:50px;
    padding:5px 5px 15px;
    text-align:left;
    font-size:14px;
    font-size:1.4rem
  }
}
.vmiddle.compact>div {
	padding-top:2px
}
.buttonify {
	padding:5px;
	margin-bottom:5px;
	text-align:center;
	font-size:12px;
	font-size:1.2rem
}
.account-links {
	margin-top:0
}
.help-links {
	margin-top:10px
}
.account-links h3, .help-links h3 {
	margin:3px 0 5px;
	padding:0;
	font-size:15px;
	font-size:1.5rem
}

@media (min-width:768px) {
  .account-links {
    margin-top:20px
  }
  .account-links h3,
  .help-links h3 {
    font-size:25px;
    font-size:2.5rem
  }
}
@media (min-width:992px) {
  .vmiddle {
    display:table;
    height:85px
  }
  .vmiddle.compact {
    height:85px;
    padding:0;
    text-align:center;
    background-color:transparent;
    border:none
  }
  .vmiddle>div {
    position:absolute;
    width:100%;
    height:40px;
    bottom:0;
    margin:0 -15px
  }
  .buttonify {
    min-height:1px;
    padding:0;
    margin-bottom:0;
    text-align:center;
    background-color:transparent;
    border:0;
    font-size:14px;
    font-size:1.4rem
  }
  .vmiddle>div.border-right {
    border-right:1px solid #404040
  }
  .account-links, .help-links {
    margin-top:0
  }
  .account-links h3,
  .help-links h3 {
    margin-top:5px;
    font-size:22px;
    font-size:2.2rem
  }
}
.vmiddle>div {
	display:table-cell;
	vertical-align:middle;
	text-align:center
}
.push-left {
	text-align:left
}
.push-center {
	text-align:center
}
.push-right {
	text-align:right
}
.col-xs-push-left {
	text-align:left
}
.col-xs-push-center {
	text-align:center
}
.col-xs-push-right {
	text-align:right
}
@media (min-width:992px) {
  .col-md-push-left {
    text-align:left
  }
  .col-md-push-center {
    text-align:center
  }
  .col-md-push-right {
    text-align:right
  }
}
@media (min-width:1200px) {
  .col-lg-push-left {
    text-align:left
  }
  .col-lg-push-center {
    text-align:center
  }
  .col-lg-push-right {
    text-align:right
  }
}
@media (max-width:1200px) {
  .mobile-bottom-spacer {
    margin-bottom:10px
  }
}
.top-dotted {
	border-top:1px dotted #000
}

/* iPad Landscape */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 1) {
  .top-banner-basket {
    padding-right: 0;
  }

  div.tabbed-area .nav > li > a {
    padding: 5px;
  }
  
  /* --- competition page --- */
  .comp-img {
    width: 65%;
  }
  
  .comp-txt {
    width: 35%;
  }
  
  .active span.tab-shadow {
    background-color: #dedbd2;
    display: block;
    height: 26px;
    margin-right: -4px;
    position: absolute;
    right: 0;
    top: 0px;
    width: 3px;
  }

  /* New Accessories template */
  .clearance-title {
    font-size: 22px;
  }

  .accessories-title {
    font-size: 20px;
  }

}

/* ipad - new options2 temp, scrolling on the swatch tables */
@media only screen and (min-width : 768px) and (max-width : 1200px) {
    .table-responsive {
      margin-bottom: 15px;
      overflow-x: scroll;
      overflow-y: hidden;
      width: 100%!important;
  }
}

/* -- ipad portrait -- 
@media (max-width:768px) and (orientation : portrait) {*/
	
@media only screen 
and (min-device-width: 768px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 1) {
  .scroll-menu .breadcrumbs-nav.top-dotted {
    border-top:0
  }

  .clearance-title {
    font-size: 18px!important;
  }

  .accessories-title {
    font-size:16px!important;
  }

  .clearance-strapline {
    font-size:11px!important; 
  }
/* new 404 page */	
		h1.header-error{font-size:38px;}
		h2.subheader-error{font-size:28px;}
}

.bottom-dotted {
	border-bottom: 1px dotted #000
}
.top-solid-heavy {
	margin-top:20px;
	border-top: 1px solid #ececec!important;
}

.bottom-solid-heavy {
	border-bottom: 1px solid #ececec!important;
}
.grad {
	background-image:url(../img/grad.jpg);
	background-repeat:no-repeat;
	background-size:100%
}
.title-bold {
	color:#404040;
	font-weight:700
}
.center-links {
	padding-top:0;
	font-size:12px;
	font-size:1.2rem;
	text-transform:uppercase
}
section.center-links {
	padding-top:30px
}
.product-range > div {
	text-align:center;
	padding-bottom:10px;
}

.last-chance .product-range > div,
.surplus-stock .product-range > div {
  padding-bottom: 65px;
}

.last-chance .product-range div .price,
.surplus-stock .product-range div .price {
  height: 56px;
}

.scroll-menu {
	position:fixed;
	width:100%;
	float:none;
	background-color:#FFF;
	top:0;
	z-index:999;
	display:none
}
.scroll-menu .main-navigation-dropdown-menu {
	margin-top:0!important
}
.scroll-menu .logo-nav {
	text-align:left;
	padding:0 0 10px;
	margin-top:0
}
.logo-nav .vmiddle {
	font-size:10px;
	font-size:1rem
}
.logo-link {
	padding:0!important
}
.logo-link>div {
	padding:20px 10px
}
@media (min-width:992px) {
  .scroll-menu .logo-nav {
    text-align:center;
    padding:0 0 10px;
    margin-top:-40px
  }
  .logo-nav .vmiddle {
    font-size:12px;
    font-size:1.2rem
  }
  .logo-link {
    padding:0 10px!important
  }
  .logo-link>div {
    padding:10px
  }
}

.breadcrumbs-highlight {
	font-weight:700
}
.breadcrumbs-highlight a::after {
	font-weight:400
}
.breadcrumbs-nav .breadcrumb {
	font-size:11px;
	font-size:1.1rem;
	background-color:transparent;
	margin-bottom:0;
	margin-right:0;
	padding:8px 0 8px 10px;
	border:0;
	border-radius:0;
	text-transform:none
}
.breadcrumbs-right {
	float:right;
	margin-top:-5px
}

ol.breadcrumb > li a{color:#999;}

ol.breadcrumb > .active {
    color: #666;
}

ol.breadcrumb>li.breadcrumbs-right:before {
	content:'';
	padding:0
}

.breadcrumb > li + li::before {
    content: "> ";
}

.image-link>div>h3 {
	margin-top:0;
	padding:0;
	font-size:10px;
	font-size:1rem;
	font-weight:700;
	text-align:center
}
@media (min-width:768px) {
.image-link>div>h3 {
	margin-top:0;
	padding:0;
	font-size:16px;
	font-size:1.6rem;
	font-weight:700;
	text-align:center
}
}
@media (min-width:992px) {
.image-link>div>h3 {
	margin-top:0;
	padding:0;
	font-size:18px;
	font-size:1.8rem;
	font-weight:700;
	text-align:center
}
}
.bs-link {
	width:80%;
	min-height:60px;
	margin:0 auto
}
@media (min-width:992px) {
.bs-link {
	width:80%;
	min-height:0;
	margin:0 auto
}
.center-links .border-right {
	border-right:1px solid #404040
}
}
.bs-link>h3 {
	font-size:15px;
	font-size:1.5rem;
	margin-top:0;
	color:#000
}
.bs-link.compact>h3 {
	margin-bottom:0
}
.bs-link>p {
	text-transform:none;
	color:#404040
}
.bs-link>a {
	margin:0px 3px;
	padding:0;
	text-transform:none;
	font-size:9px;
	font-size:.9rem;
	color:#000
}
.product-highlight {
	text-align:center
}
.product-highlight>.product-image {
	position:relative;
	margin-top:20px
}
.product-highlight>.product-image>img {
	margin-top:0;
	margin-left:0;
	padding:0
}
@media (min-width:768px) {
.product-highlight>.product-image {
	position:relative;
	height:320px
}
.product-highlight>.product-image>img {
	position:absolute;
	top:50%;
	left:50%;
	width:500px;
	height:326px;
	margin-top:-160px;
	margin-left:-250px;
	padding:0
}
}
.product-highlight>div>h3 {
	text-align:center;
	font-size:25px;
	font-size:2.5rem;
	font-weight:700;
	color:#404040
}
.product-highlight>div>h4 {
	margin-top:20px;
	text-align:center;
	font-size:15px;
	font-size:1.5rem;
	color:#404040
}
.product-highlight>div>p {
	font-size:12px;
	font-size:1.2rem;
	width:80%;
	margin:0 auto;
	color:#8d8d8d
}
.product-highlight>div>div.price {
	margin-top:20px;
	font-size:20px;
	font-size:2rem;
	font-weight:600
}
.product-highlight>div>a {
	display:block;
	margin-top:15px;
	color:#000
}
.big-link>a {
	display:block;
	padding:30px;
	width:100%;
	text-align:center;
	color:#000
}
.subtitle {
	margin:8px;
	padding:0;
	font-size:18px;
	font-size:1.8rem
}
div.link {
	margin:0 0 20px;
	padding:0
}
div.link>h3 {
	font-size:10px;
	font-size:1rem;
	min-height:40px;
	font-weight:600;
	margin:0;
	padding:0 0 10px
}
div.link>p {
	font-size:10px;
	font-size:1rem
}
div.link>div>img {
	margin:0;
	padding:0 0 10px
}
@media (min-width:768px) {
  div.link {
    margin:0;
    padding:0
  }
  div.link>h3 {
    font-size:16px;
    font-size:1.6rem;
    font-weight:600;
    min-height:48px;
    margin:0;
    padding:0
  }
  div.link>div {
    min-height:150px
  }
  div.link>div>img {
    max-height:150px;
    margin:0;
    padding:20px 0
  }
}
@media (min-width:768px) {
  .dividing-border {
    border-left:1px solid #404040
  }
}
footer {
	padding-bottom:30px;
	font-size:14px;
	font-size:1.4rem
}
footer>div>h3 {
	font-size:15px;
	font-size:1.5rem
}
footer #mail {
  width: 250px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  footer #mail {
    width: 200px;
  }
}
#basket-template,
#megamenu-template,
#search-form-template,
#search-results-template {
	display:none
}

.range {
	font-size:20px;
	font-size:2rem;
	color:#404040
}
.range.active {
	font-weight:700
}
.product-range {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
}
.product-range>div>p {
	margin:0
}
.list-product {
  padding-bottom: 55px;
  position: relative;
}
.category-page .list-product,
.search-results .list-product {
  border-bottom: 1px solid #CCCCCC;
  margin-top: 15px;
}
.carousel .list-product {
  border-bottom: none;
}
.list-product h5 {
  margin-bottom: 6px;
  margin-top: 15px;
}
.product-range div .price {
  bottom: 15px;
  height: 42px;
  position: absolute;
  width: calc(100% - 30px)
}
.product-range div.menu-header {
  padding-bottom: 40px;
}
.product-range div.menu-header .price {
  bottom: -5px;
}
@media only screen and (max-width: 767px){
  .product-range > div.three-way-pricing {
    padding-bottom: 75px;
  }
  .product-range div.three-way-pricing .price {
    height: 62px;
  }
/* new 404 page code */
		h1.header-error, h2.subheader-error{text-align:center;}
		h1.header-error{font-size:42px;}
		h2.subheader-error{font-size:28px;}
		span.error-bold{font-size:68px;}
                
.navbar-default.affix {
    position: fixed !important;
    top: 0;
    width: 100%
}
	
}
.the-collection .product-range .price {
  font-size: 1.2rem
}
.the-collection .product-range h6 {
  margin-bottom: 0
}
.testimonial {
	padding:20px 0;
	font-size:15px;
	font-size:1.5rem;
	font-weight:700;
	text-align:center
}
.products>div {
	margin-top:10px;
	margin-bottom:5px
}
.products>div>img {
	clear:both;
	width:80%;
	margin-bottom:5px
}
.products>div>a {
	display:block;
	color:#404040
}
.product-replay>p {
	font-size:12px;
	font-size:1.2rem
}
.product-replay>div.price {
	font-size:12px;
	font-size:1.2rem;
	clear:both;
	margin-bottom:10px
}
.overview div.title {
	padding:10px 0;
	font-size:15px;
	font-size:1.5rem;
	font-weight:700
}
.overview p {
	font-size:12px;
	font-size:1.2rem
}
.overview img {
	max-height:240px
}
.color-selection {
	font-size:14px;
	font-size:1.4rem;
	margin-top:25px;
	margin-bottom:10px
}
.color-option {
	display:inline-block;
	margin:0 5px;
	width:40px;
	height:40px
}
.product-thumbs {
	margin-bottom:20px
}
.product-thumbs>img {
	width:64px
}
.product-dimensions {
	margin-bottom:20px
}
.line-icon {
	height:50px;
	padding:0
}
@media (min-width:768px) {
.line-icon {
	height:120px;
	padding:0
}
}
@media (min-width:998px) {
.line-icon {
	height:120px;
	padding:10px 0
}
}
.product-information>p {
	font-size:12px;
	font-size:1.2rem
}
.product-information>.price {
	font-size:30px;
	font-size:3rem;
	font-weight:700;
	margin-bottom:25px
}
.product-information>.price>strike {
	font-size:20px;
	font-size:2rem;
	font-weight:700
}
.product-menu {
	font-size:12px;
	font-size:1.2rem;
	font-weight:700;
	margin-top:40px;
	margin-bottom:40px
}
.social-icon {
	width:32px;
	margin:0px 2px;
}
.finder {
	margin:20px 0;
	overflow:auto
}
.finder>.available-at {
	font-size:16px;
	font-size:1.6rem
}
.finder>.store {
	font-size:14px;
	font-size:1.4rem
}
.download {
	margin:20px 0;
	border-right:1px solid #8d8d8d
}
.download:last-child {
	border-right:0
}
.download h3 {
	padding:0;
	margin:10px;
	font-size:12px;
	font-size:1.2rem
}
.download img {
	padding:0;
	width:50px
}
.download a {
	float:none;
	display:block;
	padding:10px;
	font-size:12px;
	font-size:1.2rem
}
.review {
	margin:20px 0 0
}
@media (min-width:992px) {
.review {
	border-right:1px solid #8d8d8d
}
}
.review:last-child {
	border-right:0
}
.review img {
	padding:0
}
.review div {
	padding:10px 20px;
	font-size:12px;
	font-size:1.2rem
}
.review div.review-text {
	padding:20px;
	font-size:14px;
	font-size:1.4rem
}
.review div a {
	font-size:12px;
	font-size:1.2rem
}
a.cta-button, div.cta-button {
	background-color:#000;
	color:#FFF;
	padding:20px 0;
	margin-bottom:20px
}
a.cta-button {
	font-size:15px;
	font-size:1.5rem;
	padding:20px;
	float:none;
	display:inline-block;
	clear:both;
	margin-bottom:10px
}
.cta-button p {
	font-size:12px;
	font-size:1.2rem;
	margin-bottom:5px;
	font-weight:700
}
.cta-button .price {
	font-size:18px;
	font-size:1.8rem;
	margin-bottom:5px
}
.cta-button a {
	font-size:20px;
	font-size:2rem;
	color:#FFF;
	font-weight:700
}
.nav-footer-sticky>.container>ul {
	margin-bottom:0;
	padding:10px
}
.nav-footer-sticky>.container>ul>li {
	font-size:10px;
	font-size:1rem
}
.call-us>div {
	background-color:#DDD;
	padding:0 20px 20px
}
.call-us>div>.telephone {
	font-size:16px;
	font-size:1.6rem;
	font-weight:700
}
.call-us>div>a {
	font-size:14px;
	font-size:1.4rem
}
.brands>.button, .products>.button, .stores>.button {
	background-color:#DDD;
	font-size:18px;
	font-size:1.8rem;
	margin-top:10px;
	padding:15px 0
}
.location {
	font-size:14px;
	font-size:1.4rem
}
.whats-in-store {
	font-size:14px;
	font-size:1.4rem
}
.whats-in-store>h3 {
	margin-bottom:30px
}
.whats-in-store>.store-description>.store-facilities .glyphicon {
	font-size:10px;
	font-size:1rem;
	margin-right:5px
}

.store-description{
	padding-left:30px!important;
	}
	
.find-your-local-store {
	margin-bottom:20px
}
.find-your-local-store>input {
	padding:5px;
	font-size:14px;
	font-size:1.4rem
}
.find-your-local-store>input[type=text] {
	width:80%
}
.btn-cta {
	background-color:#000;
	color:#FFF;
	padding:10px;
	margin-bottom:20px
}
.help-block {
  margin-bottom: 5px;
}
.btn-pay {
	display:inline-block;
	margin-top:10px;
	margin-bottom:0;
	font-size:12px;
	font-size:1.2rem;
  background: #9cc541;
  color: #ffffff;
  text-shadow: #6b882c 1px 1px 1px;
}
.btn-pay:hover {
  color: #FFFFFF;
  background: #007c73;
}

.btn:hover {
  color: #FFFFFF !important;
  background: #8b9199 !important;
}

.form-control.error {
  border-color: #d9534f;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(217,83,79,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(217,83,79,.6);
}
.btn-full-width {
	width:auto
}
@media (min-width:768px) {
.btn-full-width {
	width:80%
}
.btn-pay {
	display:inline-block;
	margin-top:10px;
	margin-bottom:0;
	font-size:18px;
	font-size:1.8rem
}
}
.btn-next-step {
	padding-left:30px;
	padding-right:30px;
  background: #9cc541;
  color: #ffffff;
  text-shadow: #6b882c 1px 1px 1px;
}
.btn-next-step:hover {
  color: #FFFFFF;
  background: #007c73;
}
form.bs-form {
	margin:10px 0;
	padding:0;
	font-size:12px;
	font-size:1.2rem
}
.bs-form button[type=submit] {
	font-size:14px;
	font-size:1.4rem
}
.bs-form.form-horizontal .control-label {
	text-align:left
}
.bs-form>.row>div>h3, .bs-form>div>h3 {
	margin-bottom:20px
}
@media (min-width:992px) {
form.bs-form {
	margin:0;
	padding:0;
	font-size:14px;
	font-size:1.4rem
}
.bs-form button[type=submit] {
	font-size:20px;
	font-size:2rem
}
}
.map {
	margin-top:0;
	margin-bottom:20px
}
@media (min-width:992px) {
.map {
	margin-top:-120px
}
}
.header>.order-journey-steps {
	list-style:none;
	font-size:14px;
	font-size:1.4rem;
	margin:0;
	padding:0 5px
}
.header>.order-journey-steps>li {
	position:relative;
	display:block;
	margin-right:50px;
	margin-bottom:5px
}
.header>.order-journey-steps>li.active {
	font-weight:700
}
.header>.order-journey-steps>li.active::after {
	color:#000
}
@media (min-width:768px) {
.header>.order-journey-steps {
	list-style:none;
	font-size:16px;
	font-size:1.6rem;
	margin:20px 0 0;
	padding:0 5px
}
.header>.order-journey-steps>li {
	position:relative;
	display:inline;
	margin-right:50px
}
.header>.order-journey-steps>li::after {
	content:"▼";
	position:absolute;
	top:-20px;
	left:50%;
	color:#BBB
}
.header>.order-journey-steps>li.complete::after {
	content:"✓";
	position:absolute;
	top:-20px;
	left:50%;
	color:#BBB
}
.header>.order-journey-steps>li.active {
	font-weight:700
}
.header>.order-journey-steps>li.active::after {
	color:#000
}
}
.register {
	padding:20px;
	overflow:auto;
	margin-bottom:20px
}
.order-form {
	padding:0
}
@media (min-width:768px) {
.order-form {
	padding:20px
}
}
.order-form>div {
	background-color:#FFF
}
.checkout>div>h1 {
	margin-top:20px;
	margin-bottom:10px
}
.checkout>.order-summary {
	padding:0
}
.checkout>.order-summary>div {
	background-color:#EEE;
	margin-top:15px;
	padding:15px
}
.checkout>.order-summary>div>h3 {
	margin:0 0 10px;
	padding:0
}
.checkout>.order-summary>div>div {
	font-size:14px;
	font-size:1.4rem
}
.checkout>.order-summary>div>div>span {
	float:right
}
.detail-card {
	background-color:#EEE;
	margin:0 0 20px;
	padding:20px;
	overflow:auto
}
.detail-card>h4 {
	margin:0 0 10px
}
.basket>.header>p {
	font-size:14px;
	font-size:1.4rem
}
.basket-view {
	background-color:#f0f0f0;
	padding:10px
}
.basket-view>.headings {
	margin:0 10px;
	padding:0 10px;
	font-size:12px;
	font-size:1.2rem
}
.basket-view>.item {
	background-color:#FFF;
	margin:10px;
	padding:10px;
	font-size:14px;
	font-size:1.4rem;
	word-wrap:break-word
}
.basket-view>.item img {
	max-width:100%
}
@media (max-width:1200px) {
.basket-view>.item img {
	width:50%
}
}
.basket-view>.options {
	margin:0;
	padding:0;
	font-size:14px;
	font-size:1.4rem
}
.basket-view>.options>div>div>h3 {
	font-size:16px;
	font-size:1.6rem
}
.basket-view>.options p {
	font-size:12px;
	font-size:1.2rem
}
.recycle, .delivery-charges {
	margin-top:15px
}
.delivery-charges>div {
	font-size:16px;
	font-size:1.6rem
}
.delivery-charges>div>span {
	float:right
}
.basket-view>.item>div>span {
	display:block;
	margin-bottom:10px
}
.basket-view>.item>div>div.heading {
	font-weight:700
}
.basket-view>.item>div>.muted {
	color:#BBB
}
.basket-view>.item>div>.product-title {
	font-size:16px;
	font-size:1.6rem;
	font-weight:700;
	margin-bottom:20px
}
.basket-view>.item>div>.product-sku {
	font-size:12px;
	font-size:1.2rem
}
.basket-view>.item>div>.product-message {
	font-size:12px;
	font-size:1.2rem
}
.basket-links>div>h3 {
	font-size:16px;
	font-size:1.6rem;
	font-weight:700
}
.basket-links>div>p {
	font-size:14px;
	font-size:1.4rem
}
.contact-details>h3 {
	font-size:24px;
	font-size:2.4rem
}
.contact-details>div>p {
	font-size:14px;
	font-size:1.4rem
}
.contact-details>div>a {
	font-size:16px;
	font-size:1.6rem
}
.contact-details>div>div>h4 {
	font-size:18px;
	font-size:1.8rem;
	font-weight:700
}
.contact-details>div>div>p {
	font-size:14px;
	font-size:1.4rem
}
.contact-details>div>div>span {
	display:block;
	font-size:18px;
	font-size:1.8rem;
	font-weight:700;
	margin-bottom:30px
}
.popular-queries>div>h4 {
	font-size:18px;
	font-size:1.8rem;
	font-weight:700
}
.popular-queries>div {
	font-size:14px;
	font-size:1.4rem
}
.questions>h3 {
	font-size:24px;
	font-size:2.4rem
}
.questions>div>p {
	font-size:14px;
	font-size:1.4rem
}
.questions>div>a {
	font-size:14px;
	font-size:1.4rem
}
.contact-us {
	font-size:14px;
	font-size:1.4rem
}
.contact-us>div>h4 {
	margin-top:30px
}
@media (min-width:992px) {
.contact-us>div>h4 {
	margin-top:80px
}
.contact-us>div>h4:first-child {
	margin-top:20px
}
}
.ticked-list {
	list-style:none;
	margin-left:10px;
	padding:0
}
.ticked-list>li {
	margin-left:0
}
.ticked-list>li::before {
	content:"✓";
	margin-right:10px
}
ul.filter {
	list-style:none;
	padding:0
}
ul.filter>li {
	vertical-align:top;
	padding:2px 0;
	margin:0
}
ul.filter>li.filter-group {
	padding:0;
	margin:10px 0 10px;
	border-bottom:1px solid #CCCCCC;
	text-transform:uppercase;
	font-family:'GothamBold';
}
ul.filter li a:link,
ul.filter li a:visited,
ul.filter li a:active,
ul.filter li a:hover {
  color:#333333;
}
ul.filter li.current-page a:link,
ul.filter li.current-page a:visited,
ul.filter li.current-page a:active,
ul.filter li.current-page a:hover {
  color:#EC008C;
}
/*
.filter-colour img {
  border-radius: 20px;
  border: 2px solid #CCCCCC;
  margin-right: 5px;
}
*/
ul.filter>li.filter-colour {
  float:left;
  padding: 0 5px 5px 0;
}
.filter-colour span {
  display: none;
}

.sq-link {
	display:inline;
	margin-right:20px
}
.sq {
	display:inline-block;
	width:20px;
	height:20px;
	margin:0 3px 0 0;
	background-color:#DDD
}
.about>.copy>div>h3 {
	font-size:16px;
	font-size:1.6rem;
	font-weight:700
}
.about>.copy>div>p {
	font-size:14px;
	font-size:1.4rem
}

.create-password h3 {
	font-size:16px;
	font-size:1.6rem
}
@media (min-width:768px) {
  .create-password h3 {
    font-size:25px;
    font-size:2.5rem
  }
}
/** FIX for Bootstrap and Google Maps Info window styes problem **/
img[src*="gstatic.com/"], img[src*="googleapis.com/"] {
	max-width: none;
}


.footer-top .form-control::placeholder {
  color: #FFFFFF;
}
.top-banner-basket > span {
  display: inline;
}
.list-price {
  display: inline-block;
  font-size:1.6rem;
  font-family: 'GothamBold';
  font-weight: 400;
  text-transform: none;
}
.price-colour {
  color:#00a594;
}
.clearance-colour {
  color:#bc1f18;
}
.smart-price {
  color: #18617C;
}
.carousel-control-small {
	position:absolute;
	top:50%;
	margin-top:-40px
}
.carousel-control-small.left {
	left:0px;
	width:45px;
}
.carousel-control-small.right {
	right:0px;
	width:45px;
}
/* ------- carousel for store pages ---------- */
.carousel-control-small-store {
	position:absolute;
	top:45%;
}
.carousel-control-small-store.left {
	left:0px;
	width:auto;
}
.carousel-control-small-store.right {
	right:0px;
	width:auto;
}

@media (max-width: 991px) {
.carousel-control-small.left {
	top:50%;
	width:35px;
	left:5px;
}

.carousel-control-small.right {
	top:50%;
	width:35px;
	right:5px;
}
 
.map iframe {
  max-width: 100%;
}
  .product-range>div {
    padding-bottom:55px;
  }
}
@media (max-width: 767px) {
.store-description{
	padding-left:20px!important;
}
.carousel-inner>.item>img,
.carousel-inner>.item>a>img{
  margin:0 auto;
}
.carousel-control-small {
  background: rgba(255,255,255,0.6);
  margin-top: -40px;
  padding: 5px;
  text-align: center;
}
.carousel-control-small.left {
  top: 50%;
  width: 34px;
  left: 0;
  padding-right: 8px;
}
.carousel-control-small.right {
  top: 50%;
  width: 34px;
  right: 0;
  padding-left: 8px;
}

.navbar-default{
    position: fixed;
    right: 0;
    left: 0;   
    border-radius: 0;
    top: 0;
  }   
  
}
.jfont {
  font-family: 'Gotham';
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	text-transform: uppercase;
	color:#000!important;
}
.smart-colour {
	color:#18617c;
}
/**************NEW TEMPLATE*******************/
.secondary-colour {
	color:#a84666;
}
.main-colour {
	color:#000;
}
/* ---This is for the additional images carousel arrows--- */

#carousel-additional .carousel-inner{margin:0px 10px;width:90%;}

.carousel-control-additional {
	position:absolute;
	top:25%;
	margin-top:10px
}
.carousel-control-additional.left {
	color:#666;
	left:0px;
	width:25px;
	margin:10px 0 0 0;
	outline:none;
}
.carousel-control-additional.right {
	color:#666;
	right:-15px;
	width:20px;
	outline:none;
}

.carousel-control-additional.top, .carousel-control-additional.bottom{left:42%;outline:none;}

/* Carousel thumbnail images */
.thumbnail-square {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0px;
  display: block;
  line-height: 1.42857;
  margin-bottom: 0px;
  padding: 4px;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
}

.selected{border:1px solid #789099;outline:none;}

@media (max-width: 991px) {
.carousel-control-additional.left {
	top:15%;
	/*width:35px;
	left:5px;*/
}
.carousel-control-additional.right {
	top:15%;
	/*width:35px;
	right:5px;*/
}
}
@media (max-width: 767px) {
.carousel-control-additional.left {
	top:15%!important;
/*	width:25px;
	left:5px;*/
}
.carousel-control-additional.right {
	top:15%!important;
	/*width:25px;
	right:5px;*/
}
}
/* For overriding a push-center that doesnt work for you*/

.col-centered {
	float: none;
	margin: 0 auto;
}
/*End*/

/* CSS for product image pop up modal */

#myModal .modal-dialog, #image-gallery .modal-dialog {
	z-index: 1041 !important;
}

.modal-backdrop {
	background-color: #FFFFFF !important;
}

.modal-header {
	border-bottom: none;
}

.btn-modal-img {
	padding:0px!important;
	border:none!important;
}
.modal-body img {
	margin:0 auto;
}
img#main {
	margin:0 auto;
	padding:10px 0px;
}
button.close {
	padding:4px 8px!important;
	border:1px solid #CCC;
}
.swatch-thumb {
	border:none;
}

/* CSS for christmas opening times store page pop up modal */

.popover {
	padding:5px;
	max-width:350px!important;
}
.popover-title h4 {
	line-height: 32px;
	margin: 0 !important;
}
/* End */

.imgBlock {
	display:block;
}

.imgBlock a:hover {
	background-color:#000000;
	color:#ffffff;
	filter:alpha(opacity=50); /* IE */
	-moz-opacity:0.5; /* Mozilla */
	opacity: 0.5; /* CSS3 */
}

.imgBlock-inner {
	text-align: center;
	padding:20px;
}
.imgBlock-inner h3 {
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 10px;
	padding:20px;
	text-transform: uppercase;
	letter-spacing: 4px;
}
.imgBlock-inner p > span {
	font-size: 14px;
	font-weight: 200;
	line-height: 21px;
	padding: 20px;
	padding-top: 6px;
	margin-top: 0px;
	border-top: solid 2px;
}

/* new homapage title layout */
.tile {
    border: 3px solid #fff;
}
.box {
  cursor: pointer;
  height: 335px;
  position: relative;
  overflow: hidden;
  width: 100%;
}


.box img {
  position: absolute;
  left: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  padding-bottom:10px;
}

.box .overbox {
  background-color: #363845;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  z-index: 100;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  opacity:0;
  width: 100%;
  height: 100%;
  padding: 70px 30px 0 30px;
}

.box:hover .overbox { opacity: 0.9; }

.box .overtext {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
}

.box .title {
  font-size: 14px;
  letter-spacing:4px !important;
  text-transform: uppercase;
  opacity: 0;
  transition-delay: 0.1s;
  transition-duration: 0.2s;
}

.box:hover .title,
.box:focus .title {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

.box .tagline {
  font-size: 14px;
  opacity: 0;
  transition-delay: 0.2s;
  transition-duration: 0.2s;
}

.box:hover .tagline,
.box:focus .tagline {
  opacity: 1;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}

/* new category page layout */
.tile {
    border: 3px solid #fff;
}
.box-cat {
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.box-cat img {
  position: absolute;
  left: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  padding-bottom:10px;
}

.box-cat .overbox {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  color: #363845;
  z-index: 100;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  opacity:0;
  width: 100%;
  height: 100%;
  padding: 70px 30px 0 30px;
}

.box-cat:hover .overbox { opacity: 0.9 }

.box-cat .overtext {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
}

.box-cat .overbox2 {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  color: #363845;
  z-index: 100;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  opacity:0;
  width: 100%;
  height: 100%;
  padding: 40px 30px 0 30px;
}

.box-cat:hover .overbox2 { opacity: 0.9 }

.box-cat .overbox3 {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  color: #363845;
  z-index: 100;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  opacity:0;
  width: 100%;
  height: 100%;
  padding: 20px 10px 0 10px;
}

.box-cat:hover .overbox3 { opacity: 0.9 }

.box-cat .title {
  font-size: 14px;
  letter-spacing:4px !important;
  text-transform: uppercase;
  opacity: 0;
  transition-delay: 0.1s;
  transition-duration: 0.2s;
}

.box-cat:hover .title,
.box-cat:focus .title {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

.box-cat .tagline {
  font-size: 14px;
  opacity: 0;
  transition-delay: 0.2s;
  transition-duration: 0.2s;
  text-transform:none !important;
}

.box-cat:hover .tagline,
.box-cat:focus .tagline {
  opacity: 1;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}

.box-cat .cat-title {
	
  font-size:24px; 
  text-transform:none; 
  text-shadow:-4px 3px 5px #000; 
  letter-spacing:2px;
  color: #fff;
}

/* END new category page layout */

/* clearancesale.php links */
a.clearance-links:link,
a.clearance-links:visited,
a.clearance-links:active {
  /*font-family: GothaProMed;*/
  font-size:12px;
  text-decoration:none; 
  color:#c61932;
  margin:0px 0px;
}

a.clearance-links:hover {
  color: #C61932;
}

ul.clearance-links {
  list-style: none;
  margin: 0 auto;
  padding: 10px 0px;
}

ul.clearance-links li {
  padding: 0px;
  width: 30%;
  float: left;
}

h4.clearance-h4 {
  border-bottom: 1px solid #fff;
  padding-bottom: 6px;
  padding-top: 20px;
}

li.main-tel .fa-phone {
  margin-top: 13px;
  color: #999!important;
}

.category-nav {
  padding: 0px 10px;
  text-align: left;
  width: 100%;
	border-bottom: 1px solid #CCCCCC;
}

.category-nav:first-child {
  border-top: 1px solid #CCCCCC;
}

.category-nav p {
  margin: 0;
}

.category-nav a:link,
.category-nav a:visited,
.category-nav a:active,
.category-nav a:hover {
  color: #484848;
  font-size: 13px;
  line-height: 40px;
}

.glyphicon-chevron-right, 
.glyphicon-plus, 
.glyphicon-minus {
  float: right;
  font-size: 12px;
  color: #666;
}

.caption .btn .glyphicon {
  line-height: 18px;
}

/* ---off-canvas menu style--- */
#wrap {z-index: 1; position: relative;}

ul, ol {padding: 0; list-style: none; }

.block {position: relative; margin: 0 auto; float:left; width:100%; font-size:11px; }

.block p{font-size:9px;margin:0px!important;line-height:15px;}

.menu-icon-txt,
.menu-icon-txt a,
.menu-icon-txt a[href^="tel"] {
  color:#999;
  margin:0px;
}

a.header-links:link, a.header-links:active, a.header-links:hover, a.header-links:visited{font-size:13px;font-weight:bold;color:#000;line-height:23px;}

img.svg-img{color:#333!important;} 


.no-gutter > [class*='col-'] {
  padding-right:0;
  padding-left:0;
}

/*#carousel-products-teesside .carousel-control-custom{display:none;}*/

/* ---Hide carousel arrows, show on mouseover only--- */
#carousel-products .carousel-control-small{visibility: hidden;}
#carousel-products:hover .carousel-control-small{visibility: visible;}


.carousel-indicators {
  bottom:-5px!important;
  z-index: 9;
}

.carousel-indicators li {
  background-color: #999!important;
  background-color: rgba(70,70,70,.25)!important;

}

.carousel-indicators .active {
  background-color: #444!important;
}

.carousel-indicators2 {
  bottom:-5px!important;
  z-index: 9;
}

.carousel-indicators2 li {
  background-color: #999!important;
  background-color: rgba(70,70,70,.25)!important;

}

.carousel-indicators2 .active {
  background-color: #444!important;
}

footer.footer-mob .search {
  margin: 0px 8px 0px 0px;
}

h5.order-title{
	 text-transform: none!important;
	 margin-bottom: 0px!important;
}

.why-us-2 div a{
  color: #333;
}

input[type="text"] {
  -webkit-appearance: none;
  border-radius: 0;
}
/* ---Footer accordion --- */

ul.footer-nav li {
  text-align: left;
  font-size: 12px;
  margin: 5px;
}

.panel-group {
  margin-top: 20px;
  text-align: left;
}

.panel-group .panel {
  border: none;
  box-shadow: none;
}

.panel-group .panel-heading {
  border-bottom: 1px solid #E0E0E0;
  background: #ffffff;
}

.product-accordion .panel-title {
  font-size: 1.4rem;
}

.panel-heading a {
  color: #1A2441;
}

.panel-group .glyphicon {
  float: right;
  font-size: 1rem;
  line-height: 1.4rem;
}

.panel-group li a {
  color: #333333;
}

#accordion-footer .glyphicon-chevron-down,
#accordion-footer .glyphicon-chevron-up,
#accordion-prod-details .glyphicon-chevron-down,
#accordion-prod-details .glyphicon-chevron-up,
#accordion-prod-details .glyphicon-chevron-down,
#accordion-prod-details .glyphicon-chevron-up,
li.dropdown .glyphicon-chevron-down,
li.dropdown .glyphicon-chevron-up {
  font-size: 10px;
  float: right;
  color: #666;
  top: 4px;
}

footer.footer-mob form div #search-button-in-header{
  left: 0px!important;
}

footer.footer-mob {
  padding-bottom: 0;
}

/* --- catalogue request --- */
.form-control-catalogue-request {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #555;
  display: block;
  font-size: 12px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.form-control-catalogue-request[disabled],
.form-control-catalogue-request[readonly],
fieldset[disabled] .form-control-catalogue-request {
  background-color: #eee!important;
  cursor: not-allowed;
  opacity: 1;
}


/* Trade Enquiry */
.form-control-trade-enquiry {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #555;
  display: block;
  font-size: 12px;
  line-height: 1.42857;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

/* End */

/* --- new cool blue homepage --- */
.category-header {
	padding-top:20px; 
	letter-spacing:1px; 
	color:#000; 
	font-size: 14pt; 
	font-weight:bold;
}

.category-text {
	font-size:14px; 
	line-height:18px; 
	color:#000;
	text-transform:none;
}

ul#navbar-category-footer {
	float:none;
  font-size: 12px;
	font-family:GothamBold21010;
  margin: 20px 0px 20px 0px;
  padding: 0 !important;
  width: auto;
	color:#2e2e2d;
	text-decoration:none;
}

ul#navbar-category-footer li{display:inline;}

ul#navbar-category-footer > li a:hover{
	color:#C6CBCE;
	text-decoration:none;
}

ul#navbar-category-footer li a::after {
	margin-left:10px;
	margin-right:10px;
	content:"|";
	color:#404040;
	text-decoration:none;
}

ul#navbar-category-footer li:last-child a::after{
	content:"";
	margin-left:0px!important;
	text-decoration:none;
}

/* Fade transition for carousel items */
.carousel .item {
  left: 0 !important;
  -webkit-transition: opacity .4s; /*adjust timing here */
     -moz-transition: opacity .4s;
       -o-transition: opacity .4s;
          transition: opacity .4s;
}
.carousel-control {
  background-image: none !important; /* remove background gradients on controls */
}
/* Fade controls with items */
.next.left,
.prev.right {
  opacity: 1;
  z-index: 1;
}
.active.left,
.active.right {
  opacity: 0;
  z-index: 2;
}

/* End */

/*Carousel Hack for Full Width*/
.carousel {
  margin-right: -15px !important;
  margin-left: -15px !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: @screen-tablet) {

  ::i-block-chrome, .row.safari-fix  {
    display:table!important;
  }
 ::i-block-chrome, .row.safari-fix [class*="col-"] {
   display:table-cell!important;
   float:none!important;
   width:auto!important;
   padding-left:2%!important;
   padding-right:2%!important;
  }

} /* end safari rounding bug hack */

@media (min-width: 767px) {
  .divHeight {
    min-height:100%;
    margin:0;
  }
}

@media (max-width: 1024px) {
  #sticky.stick{
    width: 95%!important;
  }
}

/* --- header tabs --- */
table.header-tabs td div:hover {
  background: #f4f4f4;
}

div.header-tab {
  background:#EFEFF0;
  padding:6px 8px;
  font-size:10px;
  letter-spacing:1px;
  margin-right:10px;
  font-family: GothamBold;
}

td:last-child div.header-tab {
  margin-right:0;
}

/* Contact form 7 */
div.wpcf7-response-output {
  margin: 0!important;
	padding:0px 5px;
}
/*Store opening times*/
.opening-hours > .table > tbody > tr > td,
.table > tbody > tr > th,
.opening-hours .table > tfoot > tr > td,
.table > tfoot > tr > th,
.opening-hours .table > thead > tr > td,
.table > thead > tr > th {
  padding: 4px 0px!important;
}

.img-responsive {
  margin: 0 auto;
}

/* --- New product layout tabs at top of page --- */
.mobile-tabs .nav > li {width:20%;}
.mobile-tabs .nav > li > a{padding:10px 0px!important;}

.thumbnail-control {
  cursor: pointer;
  display: block;
	margin:20px 0px;
	height:30px;
}

.thumbnail-control-btm {
  cursor: pointer;
  display: block;
	margin:0px;
	height:30px;
}

a.carousel-control-additional .fa-chevron-up,
a.carousel-control-additional .fa-chevron-down {
  display: block;
  color: #666;
  text-align: center;
  outline: none;
}

.thumbnail-control-btm .col-md-12 a.carousel-control-additional i {
  outline:none;
}

/* --- about us page --- */
.about-bg {
  background:url(../images/about/about-bg.jpg) no-repeat #f4e8ce;
}

.timeline-bg{
  background:url(../images/about/timeline-bg.jpg) repeat;	
  -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.3);
  -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.3);
  box-shadow:5px 5px 5px rgba(0,0,0,0.3);
}

.timeline-date{
  font-weight: bold;
  margin: 0 auto;
  text-align: center;
  width: 100px;
  font-size: 16px;
  text-transform: uppercase;
}

.timeline-img {
    background: rgba(0, 0, 0, 0) url("../images/about/timeline-marker.png") no-repeat scroll center 24px;
    border-bottom: 1px solid #000;
    font-weight: bold;
    height: 35px;
    margin: 0 auto;
    width: 80%;
}

.timeline-img-short {
    background: rgba(0, 0, 0, 0) url("../images/about/timeline-marker.png") no-repeat scroll center 24px;
    font-weight: bold;
    height: 35px;
    margin: 0px auto 20px;
}

.timeline-img-left {
  background: rgba(0, 0, 0, 0) url("../images/about/timeline-marker.png") no-repeat scroll 0px 24px;
  border-bottom: 1px solid #000;
  font-weight: bold;
  height: 35px;
  margin: 0 auto;
  width: 55%;
	text-align:left!important;
}
.prodQuestion .panel-body {
  border: 1px solid #ccc;
}
.prodQuestion .panel{
  border: none!important;
}

.prodQuestion .panel-heading .panel-title{
  text-align: center!important;
  font-family: GothamHTF!important;
  font-weight: bold;
}

.prodQuestion .form-control {
  border-radius:0px!important;
}

.prodQuestion .panel-collapse {
  margin-bottom: 25px;
}

h3.store-title{
  font-family: GothamBold21010;
  font-size: 18px;
  margin-bottom: 5px;
  margin-top: 10px;
}

.detail-share img {
  padding: 0 6px;
}

.nav-tabs {
    border-bottom: none!important;
}

.nav-tabs > li {
  flex: auto;
}

.nav-tabs > li > a {
   margin-right: 5px;
}

.nav-tabs-3 > li {
    float: left;
    margin-bottom: -1px;
    width: 33%;
}

.nav-tabs-3 > li:nth-child(1), .nav-tabs-3 > li:nth-child(2) {
  margin-right:0.5%;
}

.nav-tabs-5 > li {
    margin-bottom: -1px;
    width: 20%;
}
.nav-tabs-5 > li > a {
   margin-right: 5px;
}

.nav-tabs-5 > li > a:nth-child(5) {
   margin-right: 0px!important;
  border:1px solid #000;
}

.nav-tabs-prod-details > li > a {
  border: 1px solid #ddd;
  border-radius: 0;
  line-height: 1.42857;
	color:#333;
}

.nav-tabs-prod-details > li:last-child > a {
  margin-right: 0;
}

.nav-tabs-prod-details > li.active a,
.nav-tabs-prod-details > li.active a:hover {
  color: #555;
  font-weight: bold;
	background:#f4f4f4!important;
	border-bottom:1px solid #ddd!important;
}

.nav-tabs-surplus-stock > li > a {
  text-decoration: none;
  color: #333;
  border: 1px solid #424242;
  padding: 10px;
  background-color: #FFFFFF;
  margin-right: 10px;
  margin-top: 10px;
}

.nav-tabs-surplus-stock > li.active > a {
  color: #555;
  font-weight: bold;
  background: #f4f4f4!important;
  border-bottom: 1px solid #ddd!important;
}


label > input.swatch{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}

label > input.swatch + img{ /* IMAGE STYLES */
  cursor:pointer;
  border:2px solid transparent;
}

label > input.swatch:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
  border:2px solid #f00;
}

a {
   outline: 0;
}

/* --- Mattress Template --- */
.mattress-dimensions .table > tbody > tr > td,
.mattress-dimensions .table > thead > tr > th{
  text-align: center;
}

.mattress-features img{
  width: 80px;
}
.mattress-features img {
  display: block;
  margin: 0 auto 26px;
}

/* carousel */
#quote-carousel {
  padding: 0 10px 30px 10px;
}

#quote-carousel .carousel-control {
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}

#quote-carousel .carousel-control.left {
  left: -12px;
}

#quote-carousel .carousel-control.right {
  right: -12px !important;
}

#quote-carousel .carousel-indicators {
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}

#quote-carousel .carousel-indicators li {
  background: #c0c0c0;
}

#quote-carousel .carousel-indicators .active {
  background: #333333;
}

#quote-carousel img {
  width: 250px;
  height: 100px
}
/* End carousel */

#quote-carousel blockquote{
  font-size:15.5px!important;
}

.item blockquote {
  border-left: none; 
  margin: 0;
}

.item blockquote img {
  margin-bottom: 10px;
}

.item blockquote p:before {
  content: "\f10d";
  font-family: 'Fontawesome';
  float: left;
  margin-right: 10px;
}

.item blockquote p:after {    
	content: "\f10e";
  font-family: 'Fontawesome';
  float: right;
  margin-right: 10px;
}
.prod-answer {
  border-bottom:1px dashed #e5e5e5;
  padding:20px 30px;	
}

/* New Template 3 */
.error-popup {
  border: 1px solid #f00001;
  border-radius: 0;
  padding: 0px;
	margin-left:50px;
	width:330px;
	text-align:left;
  z-index: 1001 !important;
	position:relative;
}


.error-popup li {
  font-weight: bold;
	color:#A80002;
  padding: 10px;
	font-size:12px;
}


/* New Accessories template */
.clearance-title {
  font-size: 2.2em;
  font-family:GothamBold21010;
}

.accessories-title {
  margin-top:-10px; 
  font-size:2.0em;
}

.clearance-strapline {
  margin-top:0px;
  font-size:1.0em; 
  letter-spacing:1px;
}

@media (min-width: 992px) {
/* Menu Lightbox */
#js-menu-hover {
  display: none;
  position: fixed;
  height: 100%;
  min-height:1000px;
  top: 0;
  width: 100%;
  background: rgba(0,0,0,0.3);
  z-index: 20;
}
}

.thumbnail-modal {
  width: 100%;
  height:100%;
  display:block;
}

.loader {
  height: auto;
  text-align: center;
  width: 100%
}

.loader img {
  display: block;
  margin: 0 auto
}

.back-top-btn {
  position: fixed;
  bottom: 30%;
  right: 0;
  min-height: 1px;
  margin-bottom: -35px;
  z-index: 10
}

.back-top-btn .scrollup {
  color: #333;
  font-size: 18px;
  padding: 5px;
  border-radius: 5px 0 0 5px;
  display: block;
  text-align: center;
}

.back-top-btn .scrollup:hover {
  text-decoration: none;
  cursor: pointer
}

.back-top-btn .scrollup-text {
  display: block;
  font-size: 13px;
}

.fa-stack-1x {
    margin-top: -2px!important;
}

.messages {
  height: auto;
  text-align: center;
  padding: 5px 0 10px;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 15px;
}

a.anchor {
  display: block;
  position: relative;
  top: -250px;
  visibility: hidden;
}

@media (min-width: 768px) {
  .clearancenewcastle-overview {
    min-height: 600px;
  }
}

@media (max-width: 768px) {
  .back-top-btn .scrollup-text{
    display: none;
  }
  .back-top-btn .scrollup {
    font-size:20px;
	  background:#fff;
  }
}

.featured-departments > div:nth-child(2n-1) {
  padding-right: 7.5px;
}

.featured-departments > div:nth-child(2n) {
  padding-left: 7.5px;
}

.js-zoom-message {
  background: rgba(180,180,180,0.9);
  border-radius: 5px;
  color: #ffffff;
  padding: 15px 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -100px;
}

#frmOrderGuardsman {
  float: left;
  margin: 20px 0 10px;
  width: 100%;
}

@media (max-width: 767px) {
  .guardsman-protection-info {
    text-align: center;
  }
}

.product-info {
  border: 1px solid #ddd;
  border-bottom: 0;
  margin-top: 15px;
  min-height: 369px;
  padding: 0px;
}

.product-store-info {
  border: 1px solid #ddd;
  border-top: 0;
  min-height: 231px;
  padding-top: 10px;
}


#carousel-products .ghost-button-white,
#carousel-smart .ghost-button-white {
  background-color: #FFFFFF;
  border: 4px solid #AAA;
  color: #333;
  font-family: GothamBold;
  font-size: 16px;
  letter-spacing: 4px;
  opacity: 0.7;
  padding: 10px 20px;
}

@media (max-width: 991px) {
  #carousel-products .ghost-button-white,
  #carousel-smart .ghost-button-white {
    font-size: 11px;
  }
}


/** FIX for Bootstrap and Google Maps Info window styes problem **/
img[src*="gstatic.com/"], img[src*="googleapis.com/"] {
  max-width: none;
}


/* Mobile Navigation styling -- START */

body.menuActive {
  position: fixed;
}

.menuActive #nav_overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999;
}

.sidenav {
  background-color: #f8f8f8;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  transform: translatex(-100%);
  -webkit-transform: translatex(-100%);
  transition: 0.25s;
  width: 80%;
  z-index: 99;
}

.sidenav .sidenav {
  width: 100%;
  z-index: 2;
}

#closeNav {
  background: rgba(0,0,0,0.8);
  height: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  transform: translatex(100%);
  -webkit-transform: translatex(100%);
  transition: 0.25s;
  width: 0;
  z-index: 99;
}

#closeNav .menuToggle {
  border-radius: 50%;
  background: #FFFFFF;
  width: 32px;
  height: 32px;
  left: 10px;
  top: 50px;
  position: relative;
  text-align: center;
}

.menuActive #mySidenav,
.menuActive #closeNav,
li.active>.sidenav {
  transform: translatex(0);
  -webkit-transform: translatex(0);
}

.menuActive #closeNav {
  width: 20%;
}

.menu_title {
  border-bottom: 1px solid #CCCCCC;
  color: #AAAAAA;
  font-size:16px;
  text-align: center;
  position: absolute;
  width: 100%;
}

.menu_title_link {
  color: #AAAAAA;
  display: block;
}

.menu_title_link,
.menu_title_text {
  padding: 20px 10px 10px;
}

.menu_title_link i {
  float: left;
  line-height: 24px;
}

.sidenav > ul {
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  width: calc(100% + 18px);
  height: 100%;
  position: absolute;
  top: 53px;
}

.sidenav > ul.top {
  top: 0;
}

.sidenav > ul > li {
  width: calc(100% - 18px);
}

.sidenav > ul > li:last-child {
  margin-bottom: 52px;
}

.sidenav a:not(.menu_title_link) {
  border-bottom: 1px solid #cccccc;
  color: #484848;
  display: block;
  font-size: 11px;
  line-height: 35px;
  padding: 5px 20px;
  text-align: left;
  text-decoration: none;
  transition: 0.3s;
}

.sidenav a.clearance_link {
  color: #E00003;
}

.clearance_link i {
  color: #999;
}

.sidenav .closeMenu {
  font-size: 36px;
  margin-left: 50px;
  position: absolute;
  right: 25px;
  top: 0;
}

#menubtn {
  color: #999999;
  height: 32px;
  line-height: 36px;
  text-align: center;
}

#closeNav i {
  height: 32px;
  line-height: 32px;
}

#menubtn:hover,
#menubtn:focus {
  cursor: pointer;
}

.menu_link i,
.category-nav i {
  color: #999999;
  float: right;
  font-size: 17px;
  line-height: 40px;
}

.navbar-default {
  background: #FFFFFF;
  border-color: #FFFFFF;
}

/* Mobile Navigation styling -- END */

#frmOrderItems {
  padding-bottom: 15px;
}

/*  Filters -- START */
.paginate-box {
  display: inline-block;
  text-align: center;
  width: 20px;
}

.filters-title {
  font-size: 20px;
  margin-bottom: 10px;
  padding: 10px 0px;
  text-transform: uppercase;
}

.filter > i {
  width: 20px;
}

.filter .fa-check-square-o {
  display: none;
}

.filter.active .fa-square-o {
  display: none;
}

.filter.active .fa-check-square-o {
  display: inline-block;
}

#loader_overlay {
  background: #ffffff;
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1;
}

#loader_overlay img {
  margin-top: -75px;
  position: relative;
  top: 50%;
}
/*  Filters -- END */

.cuadro_intro_hover .caption-text a,
.cuadro_intro_hover2 .caption-text a, 
.cuadro-sml_intro_hover .caption-text a {
  color: #333;
  display: block;
}

.cuadro_intro_hover .caption-text a.btn,
.cuadro_intro_hover2 .caption-text a.btn,
.cuadro-sml_intro_hover .caption-text a.btn {
  display: inline-block;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-promo-split {
    padding-left: 0;
    padding-right: 0;
  }
  
  .home-promo-split > div:nth-child(1) {
    padding-right: 5px;
  }
  
  .email-signup {
    padding: 75px 20px 100px 20px;
  }
  
  .home-promo-split > div:nth-child(2) {
    padding-left: 5px;
  }
  
  .navbar-default{
    position: fixed !important;
    right: 0;
    left: 0;   
    border-radius: 0;
    top: 0;
  }   
  
  body {
      margin-top: 155px;
  }
}

@media only screen and (max-width: 991px) {
  .filter-button a {
    color: #333;
    margin-top: 25px;
    border: 1px solid #a9a9a9;
    line-height: 24px;
    padding: 0 5px;
    display: block;
  }
  body.filtersActive {
    position: fixed;
  }
  .filter-wrapper {
    background-color: #f8f8f8;
    height: 100%;
    right: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    transform: translatex(100%);
    -webkit-transform: translatex(100%);
    transition: 0.25s;
    padding: 20px;
    width: 80%;
    z-index: 99;
  }
  .filter-container {
    position: fixed;
    height: calc(100% - 40px);
    width: calc(100% - 40px);
    overflow: hidden;
  }
  .filter-options {
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    width: calc(100% + 18px);
    height: 100%;
  }
  .filter-options .filter:last-child {
    padding-bottom: 48px;
  }
  .closeFilter {
    background: rgba(0,0,0,0.8);
    height: 100%;
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    transform: translatex(-100%);
    -webkit-transform: translatex(-100%);
    transition: 0.25s;
    width: 20%;
    z-index: 99;
  }
  .closeFilter .filterToggle {
    border-radius: 50%;
    background: #FFFFFF;
    float: right;
    width: 32px;
    height: 32px;
    right: 10px;
    top: 50px;
    position: relative;
    text-align: center;
  }
  .closeFilter i {
    color: #999999;
    height: 32px;
    line-height: 32px;
    text-align: center;
  }
  .filtersActive .filter-wrapper,
  .filtersActive .closeFilter {
    transform: translatex(0);
    -webkit-transform: translatex(0);
  }
}

@media only screen and (min-width: 992px) {
  .filters {
    padding: 10px;
  }
  
  .home-promo-split {
    padding-left: 10px;
    padding-right: 0;
  }
  
  .email-signup {
    padding: 20px;
  }
  
  .home-promo-split > div:nth-child(2) {
    padding-top: 10px;
  }
}

.home-promo-split .form-inline {
  margin-top: 10px;
}

#clock {
  position:relative;
  display:block;
  float:left;
  width:100%;
  min-width:1000px;
  text-align:center;
  margin:0;
  top:0;
  height:95px;
}

#clock div{
  font-family:helvetica;
}

#time li{
  display:inline-block;
  width:70px;
  height:auto;
  text-align:center;
  font-size:40px;
  color:#333;
  background:#fff;
  border-radius:5px;
  opacity: 0.9;
}

#time-label li{
  color:#333;
  display:inline-block;
  position:relative;
  text-align:center;
  width:70px;
  top:-15px;
  list-style:none;
  font-size:11px;
}

#clock{background-image:url(../images/homepage/summer17b-9.jpg);}

/* Cookie Banner - START */
.cc-window {
  opacity: 1;
  transition: opacity 1s ease
}
.cc-window.cc-invisible {
  opacity: 0
}
.cc-animate.cc-revoke {
  transition: transform 1s ease
}
.cc-animate.cc-revoke.cc-top {
  transform: translateY(-2em)
}
.cc-animate.cc-revoke.cc-bottom {
  transform: translateY(2em)
}
.cc-animate.cc-revoke.cc-active.cc-bottom,
.cc-animate.cc-revoke.cc-active.cc-top,
.cc-revoke:hover {
  transform: translateY(0)
}
.cc-grower {
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s
}
.cc-link,
.cc-revoke:hover {
  text-decoration: underline
}
.cc-revoke,
.cc-window {
  position: fixed;
  overflow: hidden;
  box-sizing: border-box;
  font-family: Helvetica, Calibri, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  z-index: 9999
}
.cc-window.cc-static {
  position: static
}
.cc-window.cc-floating {
  padding: 2em;
  -ms-flex-direction: column;
  flex-direction: column
}
.cc-window.cc-banner {
  padding: 1em 1.8em;
  width: 100%;
  -ms-flex-direction: row;
  flex-direction: row
}
.cc-revoke {
  padding: .5em
}
.cc-header {
  font-size: 18px;
  font-weight: 700
}
.cc-btn,
.cc-close,
.cc-link,
.cc-revoke {
  cursor: pointer
}
.cc-link {
  opacity: .8;
  display: inline-block;
  padding: .2em 0
}
.cc-link:hover {
  opacity: 1
}
.cc-link:active,
.cc-link:visited {
  color: initial
}
.cc-btn {
  display: block;
  padding: .4em .8em;
  font-size: .9em;
  font-weight: 700;
  border-width: 2px;
  border-style: solid;
  text-align: center;
  white-space: nowrap
}
.cc-banner .cc-btn:last-child {
  min-width: 140px
}
.cc-highlight .cc-btn:first-child {
  background-color: transparent;
  border-color: transparent
}
.cc-highlight .cc-btn:first-child:focus,
.cc-highlight .cc-btn:first-child:hover {
  background-color: transparent;
  text-decoration: underline
}
.cc-close {
  display: block;
  position: absolute;
  top: .5em;
  right: .5em;
  font-size: 1.6em;
  opacity: .9;
  line-height: .75
}
.cc-close:focus,
.cc-close:hover {
  opacity: 1
}
.cc-revoke.cc-top {
  top: 0;
  left: 3em;
  border-bottom-left-radius: .5em;
  border-bottom-right-radius: .5em
}
.cc-revoke.cc-bottom {
  bottom: 0;
  left: 3em;
  border-top-left-radius: .5em;
  border-top-right-radius: .5em
}
.cc-revoke.cc-left {
  left: 3em;
  right: unset
}
.cc-revoke.cc-right {
  right: 3em;
  left: unset
}
.cc-top {
  top: 1em
}
.cc-left {
  left: 1em
}
.cc-right {
  right: 1em
}
.cc-bottom {
  bottom: 1em
}
.cc-floating>.cc-link {
  margin-bottom: 1em
}
.cc-floating .cc-message {
  display: block;
  margin-bottom: 1em
}
.cc-window.cc-floating .cc-compliance {
  -ms-flex: 1;
  flex: 1
}
.cc-window.cc-banner {
  -ms-flex-align: center;
  align-items: center
}
.cc-banner.cc-top {
  left: 0;
  right: 0;
  top: 0
}
.cc-banner.cc-bottom {
  left: 0;
  right: 0;
  bottom: 0
}
.cc-banner .cc-message {
  -ms-flex: 1;
  flex: 1
}
.cc-compliance {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: justify;
  align-content: space-between
}
.cc-compliance>.cc-btn {
  -ms-flex: 1;
  flex: 1
}
.cc-btn+.cc-btn {
  margin-left: .5em
}
@media print {
  .cc-revoke,
  .cc-window {
    display: none
  }
}
@media screen and (max-width: 900px) {
  .cc-btn {
    white-space: normal
  }
}
@media screen and (max-width: 414px) and (orientation: portrait),
screen and (max-width: 736px) and (orientation: landscape) {
  .cc-window.cc-top {
    top: 0
  }
  .cc-window.cc-bottom {
    bottom: 0
  }
  .cc-window.cc-banner,
  .cc-window.cc-left,
  .cc-window.cc-right {
    left: 0;
    right: 0
  }
  .cc-window.cc-banner {
    -ms-flex-direction: column;
    flex-direction: column
  }
  .cc-window.cc-banner .cc-compliance {
    -ms-flex: 1;
    flex: 1
  }
  .cc-window.cc-floating {
    max-width: none
  }
  .cc-window .cc-message {
    margin-bottom: 1em
  }
  .cc-window.cc-banner {
    -ms-flex-align: unset;
    align-items: unset
  }
}
.cc-floating.cc-theme-classic {
  padding: 1.2em;
  border-radius: 5px
}
.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
  text-align: center;
  display: inline;
  -ms-flex: none;
  flex: none
}
.cc-theme-classic .cc-btn {
  border-radius: 5px
}
.cc-theme-classic .cc-btn:last-child {
  min-width: 140px
}
.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
  display: inline-block
}
.cc-theme-edgeless.cc-window {
  padding: 0
}
.cc-floating.cc-theme-edgeless .cc-message {
  margin: 2em 2em 1.5em
}
.cc-banner.cc-theme-edgeless .cc-btn {
  margin: 0;
  padding: .8em 1.8em;
  height: 100%
}
.cc-banner.cc-theme-edgeless .cc-message {
  margin-left: 1em
}
.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn {
  margin-left: 0
}/* Cookie Banner - END */

/* Product page styling - START */
/* Moved from detail templates */
.breadcrumbs-button {
  padding:5px 10px !important;
  margin-right:5px !important;
  background-color:#8d8d8d !important;
  color:#FFFFFF !important;
}
.breadcrumbs1-cta {
  background-color:#DA5C2B !important;
}
.breadcrumbs2-cta {
  background-color:#789099 !important;
  border-radius: 10px;
  border-color:#FFF;
  padding:20px;
  height:50px;
  width:200px;
}
.breadcrumbs3-cta {
  background-color:#789099 !important;
  border-radius: 10px;
  border-color:#FFF;
  padding:10px;
  height:35px;
  width:80px;
  font-size:14px;
}
.breadcrumbs4-cta {
  background-color:#789099 !important;
  border-radius: 10px;
  border-color:#FFF;
  padding:10px;
  height:44px;
  width:100px;
  font-size:18px;
}
.popover { 
  max-width : 600px;
  width: 600px;
  z-index: 1060;
}
#sticky {
  background-color:#FFF;
  -webkit-box-shadow: 0 10px 10px -6px #ccc;
  -moz-box-shadow: 0 10px 10px -6px #ccc;
  box-shadow: 0 10px 10px -6px #ccc;
  z-index: 0;
  padding-bottom:10px;
}
#sticky.stick {
  position: fixed;
  top: 0;
  left:0;
  z-index: 16;
  width:100%!important;
  border-bottom:1px solid #eee;
}
#sticky2 {
  background-color:#FFF;
  -webkit-box-shadow: 0 10px 6px -6px #ccc;
  -moz-box-shadow: 0 10px 6px -6px #ccc;
  box-shadow: 0 10px 6px -6px #ccc;
  z-index: 10;
  height:auto;
  padding-bottom:10px;
}
#sticky2.stick {
  position: fixed;
  top: 0;
  left:0;
  z-index: 10;
  width:100%!important;
}
#sticky3 {
  background-color:#FFF;
  -webkit-box-shadow: 0 10px 6px -6px #ccc;
  -moz-box-shadow: 0 10px 6px -6px #ccc;
  box-shadow: 0 10px 6px -6px #ccc;
  z-index: 10;
  height:auto;
  padding-bottom:10px;
}
#sticky3.stick {
  position: fixed;
  top: 0;
  left:0;
  z-index: 10;
  width:100%!important;
}
.btn-sticky,
.btn-sticky-sml,
.btn-sticky-tab {
  background:#9cc541;
  color: #fff;
  min-height: 36px;
  padding: 5px 20px;
  text-shadow: #6b882c 1px 1px 1px;
  width: 200px;
}
.product-page-options .btn-sticky {
  margin-top: 10px;
  width: 300px;
}
.btn-sticky-tab {
  width: 245px;	
}	
.btn-sticky-sml {
  padding: 5px 15px;
  width: auto;
}
.btn-sticky:hover,
.btn-sticky-sml:hover,
.btn-sticky-tab:hover {
  color: #FFFFFF;
  background: #3b893f;
}
.top-solid-light {
  border-top: 1px solid #ececec;
}	
.qty-dropdown {
  border: 1px solid #b4b2ae;
  border-radius: 0px;
  color: #5f5f5f;
  float: left;
  height: 36px;
  padding: 6px 10px;
  width: 60px;
}
/* Product page styling - END */

.pagination {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 15px 10px;
  border-radius: 0;
}

.pagination-link {
  border: 1px solid #A9A9A9;
  float: left;
  height: 30px;
  line-height: 30px;
  margin-right: 5px;
  text-align: center;
  width: 30px;
}

.pagination-link:last-child {
  margin: 0;
}

.pagination-link a {
  color: #333333;
  display: block;
  font-size: 0.8em;
  height: 28px;
}

.pagination-link .current-page {
  background: #DDDDDD;
}

.pagination-link .inactive {
  opacity: 0.3;
}

.pagination-link .current-page:hover,
.pagination-link .inactive:hover {
  text-decoration: none;
}

.pagination > span {
  font-size: 0.8em;
  line-height: 32px;
  margin-right: 5px;
}

:-ms-input-placeholder.form-control {
  color: #555;
}

.cuadro_intro_hover,
.cuadrolarge_intro_hover {
  position: relative;
  overflow: hidden;
}

.cuadro_intro_hover .caption,
.cuadrolarge_intro_hover .caption {
  padding: 10px;
  background: rgba(255,255,255,0.80);
  position: absolute;
  bottom: 0;
  width: 100%;
  transform: translatey(100%) translatey(-66px);
  -webkit-transform: translatey(100%) translatey(-66px);
  -moz-transform: translatey(100%) translatey(-66px);
  -ms-transform: translatey(100%) translatey(-66px);
  -o-transform: translatey(100%) translatey(-66px);
  transition: 0.5s;
}

.cuadro_intro_hover .caption.no-sub-text,
.cuadrolarge_intro_hover .caption.no-sub-text {
  transform: translatey(100%) translatey(-42px);
  -webkit-transform: translatey(100%) translatey(-42px);
  -moz-transform: translatey(100%) translatey(-42px);
  -ms-transform: translatey(100%) translatey(-42px);
  -o-transform: translatey(100%) translatey(-42px);
}

.cuadro_intro_hover .caption.brand {
  transform: translatey(100%) translatey(-88px);
  -webkit-transform: translatey(100%) translatey(-88px);
  -moz-transform: translatey(100%) translatey(-88px);
  -ms-transform: translatey(100%) translatey(-88px);
  -o-transform: translatey(100%) translatey(-88px);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cuadro_intro_hover .caption,
  .cuadrolarge_intro_hover .caption {
    transform: translatey(100%) translatey(-60px);
    -webkit-transform: translatey(100%) translatey(-60px);
    -moz-transform: translatey(100%) translatey(-60px);
    -ms-transform: translatey(100%) translatey(-60px);
    -o-transform: translatey(100%) translatey(-60px);
  }
}

@media only screen and (max-width: 767px) {  
  .cuadro_intro_hover .caption,
  .cuadrolarge_intro_hover .caption {
    padding: 10px 2px;
  }
}

.cuadro_intro_hover:hover .caption,
.cuadrolarge_intro_hover:hover .caption {
  transform: translatey(0);
  -webkit-transform: translatey(0);
  -moz-transform: translatey(0);
  -ms-transform: translatey(0);
  -o-transform: translatey(0);
}

.homepage-header2 {
	color: #000;
	font-size: 1.6rem;
	font-family: GothamBold;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: inherit;
  margin: 0;
  text-transform: uppercase;
}

.promo-text.no-sub-text .homepage-header2 {
  font-size: 1.8rem;
  line-height: 2.7rem;
}

@media only screen and (max-width: 767px) {
  .promo-text.no-sub-text .homepage-header2 {
    font-size: 1.4rem;
  }
  .homepage-header2 {
    font-size: 1.2rem;
    line-height: 23px;
  }
}

.homepage-header1 {
	color: #000;
	font-size: 1.8rem;
  letter-spacing: 1px;
  margin-bottom: 0;
  text-transform: uppercase;
}

.cuadro_intro_hover .caption-text,
.cuadrolarge_intro_hover .caption-text {
  text-align: center;
}

#carousel-picks .item > .row > .col-xs-3 {
  padding-left: 5px;
  padding-right: 5px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #carousel-picks .price-colour {
    font-size: 1.2rem;
  }
  .homepage-header1 {
    font-size: 1.4rem;
  }
}

@media only screen and (max-width: 767px) {
  .top-picks-mob .price-colour {
    font-size: 1.4rem;
  }
}

@media only screen and (max-width: 344px) {
  .homepage-header2,
  .homepage .homepage-header2 {
    font-size: 1.1rem;
    line-height: 1.5rem;
    letter-spacing: 0.5px;
  }
  .no-sub-text .homepage-header2,
  .homepage .no-sub-text .homepage-header2 {
    line-height: 2.2rem;
  }
  .homepage-header1 {
    font-size: 1rem;
  }
}

.btn .category-link {
  text-transform: uppercase;
}


.brand h2.homepage-header2 {
  line-height: 68px;
}

.brand h2.homepage-header2 img {
  max-height: 68px;
}

#sticky-nav {
  display: none;
}

@media only screen and (min-width: 992px) {
  #sticky-nav.sticky {
    background: #FFFFFF;
    border-bottom: 1px solid #808080;
    display: block;
    left: 0;
    margin: 0;
    position: fixed;
    top: 0;
    width: 100%; 
    z-index: 200;
  }
}

#listings_banner_hover {
  /*left: 0;
  position: fixed;
  top: 0;
  width: 100%; 
  z-index: 2;*/
}

#listings_banner_hover img {
 /* display: block;
  margin: 0 auto;*/
}

@media only screen and (min-width: 992px) {
  #listings_banner_hover {
   /* top: 44px;*/
  }
}

.footer-newsletter-text {
  color: #FFFFFF;
  display: inline;
  font-size: 1.3rem;
  padding-right: 30px;
  position: relative;
  text-transform: uppercase;
  top: 7px;
}

.footer-newsletter-signup {
  float: right;
}

.footer-newsletter-signup input::-webkit-input-placeholder,
.footer-newsletter-signup input::-moz-placeholder,
.footer-newsletter-signup input:-ms-input-placeholder,
.footer-newsletter-signup input:-moz-placeholder {
  color: #FFFFFF;
}

@media only screen and (max-width: 991px) {
  .footer-newsletter-text {
    float: left;
    padding-right: 15px;
    top: 0;
  }
}

.lower-description {
  background: #F7F7F7;
  padding: 15px 10%;
  text-align: center;
	font-size:11px;
}

@media only screen and (max-width: 767px) {
  .lower-description {
    padding: 15px;
  }
}

.flex {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
}

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


.video-link,
.video-link-tab {
  padding: 10px 15px;
  display: block;
  width: 100%;
  text-align: center;
}

#product_page_youtube {
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .video-link {
    border-top: 2px solid #f2f2f2;
    border-bottom: 2px solid #f2f2f2;
  }
}

.options-heading {
  background: #f2f2f2;
  float: left;
  font-family: GothamBold;
  font-size: 16px;
  padding: 20px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.options-table {
  width: auto;
  margin: auto;
}

.options-table td {
  /*min-width: 80px*/
}

.hide-radio {
  display: none;
}

.popover-cont a,
.popover-cont label {
  color: #333333;
  font-weight: 400;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 15px;
  text-decoration: none;
}

.popover-cont a img {
  pointer-events: none;
}

.selectionMade .popover-cont a,
.selectionMade .popover-cont label,
.product-page-3 .selectionMade td {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  opacity: 0.3;
}


.hide-radio:checked + label,
.selectionMade .popover-cont:hover label,
.selectionMade .popover-cont.selected a,
.selectionMade .popover-cont a:hover,
.product-page-3 .selectionMade td.selected,
.product-page-3 .selectionMade td:hover {
  -webkit-filter: none;
  filter: none;
  opacity: 1;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

}

.product-page-3 .selectionMade td.selected,
.popover-cont.selected {
  border: none;
}

@media (max-width: 767px) {
  .product-page-options .table-responsive>.table>tbody>tr>td,
  .product-page-options .table-responsive>.table>tbody>tr>th,
  .product-page-options .table-responsive>.table>tfoot>tr>td,
  .product-page-options .table-responsive>.table>tfoot>tr>th,
  .product-page-options .table-responsive>.table>thead>tr>td,
  .product-page-options .table-responsive>.table>thead>tr>th {
    min-width: 80px;
  }
}

.overview {
  font-size: 12px;
  line-height: 20px;
}

/*.overview-title {
  font-size: 16px;
  font-family: GothamBold;
  letter-spacing: 1px;
  padding-bottom: 5px;
  padding-top: 20px;
}*/

.overview-highlights ul {
  margin: 0;
}

.overview-highlights li::before {
  display: inline;
  content: url(/img/tick-16.png);
  height: 20px;
  padding-right: 2px;
  position: relative;
  top: 2px;
  width: 20px;
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
  /*margin: 15px auto;*/
}

@media only screen and (max-width: 767px) {
  .overview {
    line-height: 18px;
    font-size: 11px;
  }
  .overview-title {
    font-size: 12px;
  }
  .panel-body .overview > .overview-title:first-child {
    padding-top: 10px;
  }
}

.roundel {
  position: absolute;
  top: 5px;
  right: 5px;
  max-width: 100px;
}

.roundel.left {
  right: auto;
  left: 5px;
}

.roundel.bottom {
  top: auto;
  bottom: 50px;
}

@media only screen and (max-width: 1199px) {
  .roundel {
    max-width: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .roundel {
    max-width: 80px;
  }
}
.homepage .roundel {
  max-width: 80px;
}

.stores-guildford .roundel {
  max-width: 150px;
}

.homepage #carousel-products .roundel {
  max-width: 150px;
}
@media only screen and (max-width: 1199px) {
  .homepage .roundel {
    max-width: 108px;
  }
  .stores-guildford .roundel {
    max-width: 120px;
  }
}
@media only screen and (max-width: 991px) {
  .homepage .roundel {
    max-width: 83px;
  }
  .stores-guildford .roundel {
    max-width: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .homepage .roundel {
    max-width: 36%;
    top: 1.75%;
    right: 1.75%;
  }
  .stores-guildford .roundel {
    max-width: 20%;
  }
  .homepage .roundel.left,
  .stores-guildford .roundel.left {
    left: 1.75%;
  }

  .homepage .roundel.bottom,
  .stores-guildford .roundel.bottom {
    bottom: 1.75%;
  }
}

#carousel-picks .carousel-inner a {
  display: inline-block;
  width: 90%;
}

#carousel-latest-mob .carousel-control-custom {
  top: 0;
}

#carousel-latest-mob .carousel-control-custom.left {
  left: auto;
  right: 60px;
}

.cat-bestsellers {
  text-align: center;
  padding: 20px 15px 15px;
}
.best-item > a {
  display: block;
  height: 200px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .best-item > a {
    height: 170px
  }
}
@media only screen and (max-width: 991px) {
  .best-item > a {
    height: 120px
  }
}

.stores-divider {
  border-top: 1px solid #C2C2C2;
  margin-top: 20px;
}

@media only screen and (min-width: 768px) {
  .stores-divider {
    margin-left: 15px;
    margin-right: 15px;
  }
  .overview .stores {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.list-swatches {
  margin-bottom: 5px;
  margin-top: 10px;
  min-height: 30px;
}

.list-no-swatches {
  height: 40px;
}

.swatch {
  display: inline-block;
}

.swatch img {
  height: 30px;
  width: 30px;
  cursor: pointer;
}

.swatch.swatch-link img {
  width: auto;
}

.swatch-link i {
  color: #505050;
  font-size: 30px;
  line-height: 1;
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  .list-swatches .swatch:nth-child(5) {
    display: none;
  }
  .swatch img {
    height: 22px;
    width: 22px;
  }
  .swatch-link i {
    font-size: 22px;
  }
}

.table-responsive {
  padding-bottom: 10px;
}

.clear-selection {
  font-size: 11px;
  cursor: pointer;
  display: inline-block;
}
.options-link a {
  color: #333333;
}
.options-link:hover {
  text-decoration: underline;
  cursor: pointer;
}


/* Fix for accordions */
/* Allows user to click anywhere in the tab to open the content */
.panel-heading {
  padding: 0;
}

.panel-heading a {
  padding: 10px 15px;
  display: inline-block;
  width: 100%;
}

/* New site styling */
/********************/

.isyourhouse-text {
  font-family: 'JustLovely';
  font-size: 37px;
  font-weight: 400;
  line-height: 41px;
}

@media only screen and (max-width: 1199px) {
  .isyourhouse-text {
    font-size: 31px;
  }
}

.btn-advance {
  background: #9cc541;
  color: #FFFFFF;
  text-shadow: #6b882c 1px 1px 1px;
  min-height: 36px;
  padding: 5px 20px;
  vertical-align: bottom;
}

.btn-advance:hover {
  color: #FFFFFF;
  background: #007c73;
}

.search {
  border: 1px solid #808080;
  border-right: 0;
  font-size: 1.4rem;
 /*letter-spacing: 0.5px;*/
  line-height: 36px;
	margin: 0;
  padding: 0 0 0 10px;
	font-family: 'GothamRegular';
  width: 85%;
}

#search-close img {
  width: 28px;
}

/* Search suggestion dropdown */
.search-hook {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.search-header {
  border: 1px solid #808080;
  border-left: 0;
  background: #FFFFFF;
  padding: 0;
}

.search-header:after {
  border-left: 1px solid #808080;
  content: url(/img/icon-search.png);
  display: block;
  height: 28px;
  margin: 3px auto;
  width: 46px;
}

.smart-search {
  position: relative;
}

#search_holder {
  background: #FFFFFF;
  border: 1px solid #808080;
  display: none;
  left: 0;
  position: absolute;
  top: 37px;
  width: 353px;
  z-index: 205;
}

.ui-corner-all {
  display: block;
}

ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
  top: 0!important;
  left: 0!important;
  width: 100%!important;
}

.ui-menu .ui-menu-item {
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 10px;
  padding: 10px;
}

p.media-heading{
	color:#333;
	font-size:1.2rem;
	margin-top:20px;
}

.search-more a {
	margin:0 8px 10px;
	padding:10px;
	background-color:#f8f8f8;
	color:#404040;
	font-size:18px;
	font-size:1.8rem
}

#search-close {
  color: #333;
  font-size: 1.8rem;
  line-height: 36px;
  width: 36px;
  display: none;
  text-align: center;
  background: #FFFFFF;
  border: 1px solid #808080;
  border-right: 0;
  cursor: pointer;
  position: absolute;
  top: 37px;
  left: -36px;
  z-index: 210;
}

#search-close.active {
  display: block;
}

#search-close i {
  top: 3px;
}

@media only screen and (max-width: 991px) {
  .search-header {
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .search-header {
    width: 15%;
  }
}

@media only screen and (min-width: 768px) {
  .search {
    width: 663px;
  }
}

@media only screen and (min-width: 992px) {
  .search {
    width: 250px;
  }
}

@media (min-width:1200px) {
  .search {
    width: 306px;
  }
}

/* Header icons */
.header-links {
	margin-top: 20px;
}

.header-link {
  display: inline-block;
  margin-left: 20px;
  position: relative;
  text-align: center;
}

.header-link > a {
  color: #333;
  font-size: 1.1rem;
  text-transform: uppercase;
}

.header-icon > img {
  max-width: 44px;
}

.header-link-text {
  font-size: 1rem;
  padding-top: 5px;
}

.basket-link-qty {
  position: absolute;
  top: 5px;
  width: 100%;
}

a[href^=tel] { 
  color: #404040; 
  text-decoration: none; 
}

.sales-number {
  font-size: 1.6rem;
  text-transform: uppercase;
  margin-top: 15px;
}
.rTapNumber5480{
  font-family: 'GothamBold21010';
	font-size: 1.6rem;
  font-weight: 400;
}

.sales-txt {
  font-size: 1.2rem;
}

/* Basket hover */
.basket-hover {
  background: #FFFFFF;
  border: 1px solid #808080;
  display: none;
  font-size: 1.2rem;
  padding-top: 5px;
  position: absolute;
  right: 0;
  text-align: left;
  top: 48px;
  width: 300px;
  z-index: 201;
}

.basket-icon:hover .basket-hover {
  display: block;
}

.basket-hover-product {
  border-bottom: 1px solid #f0f0f0;
  clear: both;
  float: left;
  padding: 10px 15px;
  width: 100%;
}

.basket-hover-product img {
  position: relative;
}

/* Navigation and menu */
.megaMenu {
  border: none;
  border-bottom: 1px solid #808080;
  border-top: 1px solid #808080;
  border-radius: 0;
  margin: 0 -15px;
  min-height: 45px;
  text-align: center;
}

.homepage .megaMenu {
  border-bottom: none;
}

#sticky-nav .megaMenu {
  border: none;
}

.megaMenu > ul {
  position: absolute;
  width: 100%;
  z-index: 200;
}

.megaMenu > ul > li {
  display: inline-flex;
  display: -moz-box;
  position: static;
}

.megaMenu > ul > li.bs-menu-spacer:before {
  content: "\2022";
  font-size: 1.2rem;
}

.megaMenu > ul > li > a {
  color: #bbbcbe;
  font-size: 14px;
  line-height: 44px;
  padding: 0 15px;
  -webkit-transition: height 5s;
  -moz-transition: height 5s;
  -ms-transition: height 5s;
  -o-transition: height 5s;
  transition: height 5s;
  z-index: 100;
}

.megaMenu > ul > li > a:focus,
.megaMenu > ul > li > a:hover {
  background: #FFFFFF;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .megaMenu > ul > li > a {
    padding: 0 9px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) and (orientation: landscape) {
  .megaMenu > ul > li > a {
    padding: 0 6px;
    letter-spacing: -0.4px;
  }
}

.megaMenu > ul > li > a.clearance {
  color: #C61932;
}
.megaMenu > ul > li > a.garden-menu {
  color: #006633;
}

.megaMenu > ul > li.active > a {
  background: #FFFFFF;
}

.megamenu {
  display: none;
  font-size: 1.3rem;
  left: 0;
  position: absolute;
  top: 43px;
  width: 100%;
  z-index: 99;
}

.megamenu .homepage-header2 {
  line-height: inherit;
}

.menu-inner {
	background: #FFF;
	margin: 0;
  padding: 25px 15px 10px;
	text-align: left;
	text-transform: capitalize;
}

.menu-inner:before,
.menu-inner:after {
  content: " ";
  display: table;
}

.menu-inner:after {
  clear: both;
}

.megamenu ul {
  padding-bottom: 15px;
}

.megamenu h3,
.megamenu h3 a:link,
.megamenu h3 a:visited,
.megamenu h3 a:active,
.megamenu h3 a:hover {
  color: #666666;
  font-size: 1.4rem;
	margin: 0 0 15px;
}

.megamenu h3.best-sellers {
  color: #8CD0E5;
  font-family: 'JustLovely';
  font-size: 38px;
  text-transform: none;
}

.megamenu li a {
  color: #bbbcbe;
}

.megamenu li a.megamenu-link-clearance,
.megamenu li a.megamenu-link-clearance:hover{
  color:#EB5C5F;
}

/* Carousel control icons */
.carousel-control-custom {
  left: 0;
  margin-top: -50px;
  padding: 10px;
	position: absolute;
	top: 50%;
}

.carousel-control-custom.right {
  left: auto;
  right: 0;
}

.carousel-control-custom.bg {
  background: rgba(255,255,255,0.60);
}

.carousel-control-custom.small {
	width: 40px;
}

/*@media only screen and (max-width: 1199px) {
  .carousel-control-custom.left.small {
    left: 0;
  }
  .carousel-control-custom.right.small {
    right: 0;
  }
}*/

.home-top-btn {
  margin-top: 15px;
}

.home-top-btn a {
  background: #1A2A49;
  color: #FFFFFF;
  cursor: pointer;
  display: block;
  font-size: 1.6rem;
  padding: 15px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  width: 100%;
}

.home-top-btn a:hover {
  background: #3C4A64;
  text-decoration: none;
}

/* Brand carousel section */
#carousel-home-brands {
  margin-bottom: 15px;
}

.cust-pic-spacer {
  padding-left: 40px;
}
.img1-container {
  overflow: hidden;
  margin: 0 5px;
}
.img-thumbnail.img1 {
  padding: 0;
  border: none;
  border-radius: 0;
}
.img1 {
  filter: gray; /* IE5+ */
  -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
  -webkit-transition: all .3s ease-in-out;
  max-width: 260px;
  margin-left: -45px;
}

.img1:hover {
  filter: none;
  -webkit-filter: grayscale(0);
  -webkit-transform: scale(1.04);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .img1 {
    max-width: 270px;
  }
}

.home-brand-logo {
  padding: 10px 0;
}

.home-brand-logo img {
  width: auto;
  height: 70px;
}

/* Customer Picture / My barker and stonehouse - Homepage */
.customersHomeTxt {
  font-family: 'JustLovely';
  font-size: 55px;
  text-align: center;
color: #1A2A49;
}

.hashTag a:link, .hashTag a:visited, .hashTag a:active, .hashTag a:hover {
  text-transform: uppercase;
  text-align: center;
  font-size: 18px;
color: #007e97;
}

.homeBrands {
  margin: 15px 0 30px 0;
  font-size: 20px;
}

#carousel-home-brands .carousel-control-custom {
  top: 145px;
}

.socialText {
  font-family: 'JustLovely';
  font-size: 55px;
  margin: 15px 0 0;
  text-align: right;
}
.socialText a {
  display: inline-block;
}
.socialText a:first-child {
  padding-left: 20px;
}
.socialText img {
  width: 52px;
}
.cust-pic-spacer > .row > .col-sm-3:last-child > .img1-container {
  margin-right: 0;
}

.home-brand-text {
  font-family: 'Plantin-BoldItalic', Times, sans-serif;
}

@media only screen and (max-width: 1199px) {
  .home-brand-logo img {
    width: auto;
    height: 60px;
  }
  .customersHomeTxt {
    font-size: 48px;
  }
  .socialText {
    font-size: 46px;
  }
  .socialText img {
    width: 54px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-links {
    text-align: center;
  }
  
  .footer-split {
    margin-top: 20px;
  }
}

.mattress-size-guide .main-body h1 {
  margin-bottom: 10px
}

.mattress-size-guide .main-body table {
  width: 100%
}

.mattress-size-guide .main-body table td {
  padding: 5px;
  border: 1px solid #dedede
}

.mattress-size-guide .main-body ul {
  padding-left: 20px;
}

.mattress-size-guide .main-body li {
  padding: 0 0 6px;
  list-style: initial;
}

.list-savings {
  position: absolute;
  top: 210px;
  width: auto;
  padding: 5px 10px;
  left: 15px;
  color: #ffffff;
  background: rgba(0, 126, 151, 0.7);
  font-weight: 700;
}

.list-roundel {
  left: 15px;
  position: absolute;
  top: 0;
}

.menu.sticky {
  background: #FFFFFF;
  border-bottom: 1px solid #808080;
  display: block;
  left: 0;
  margin: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 200;
}

.menu-placeholder {
  display: none;
  height: 45px;
  width: 100%;
}

.sticky + .menu-placeholder {
  display: block;
}

.sticky .megaMenu {
  border: none;
}

.megaMenu > ul > li.menu-logo,
.megaMenu > ul > li.spacer-hidden {
  overflow: hidden;
  position: absolute;
  width: 0;
}

.sticky .megaMenu > ul > li.menu-logo {
  left: 25px;
  width: 70px;
}

.sticky .megaMenu > ul > li.spacer-hidden {
  width: 7px;
  top: 12px;
  left: 100px;
}

.garden-banner h2 {
  padding-top: 5px;
  color: #fff;
  margin-bottom: 5px;
  margin-top: 0;
  padding-bottom: 5px;
}

.garden-banner:hover {
  text-decoration: none;
}

ul.trends-nav {
  border: 0;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding-top: 20px;
}

ul.trends-nav li {
  display: inline-block;
  line-height: 4rem;
}

ul.trends-nav li a {
  padding: 0;
}

ul.trends-nav li::after {
  color: #CCCCCC;
  content: "\2022";
  margin: 0 10px;
}

ul.trends-nav li:last-child:after {
  content: "";
  margin: 0;
}

ul.trends-nav li.trend-header a:link {
  font-family: 'GothamBold';
  font-size: 1.6rem;
  line-height: inherit;
  margin: 0;
  text-transform: none;
}

ul.trends-nav li.trend-header a[aria-expanded="true"],
ul.trends-nav li.active a {
  text-decoration: underline;
}

.bargains-and-savings .product-range > div {
  padding-bottom: 95px;
}

.bargains-and-savings .product-range div .price {
  bottom: 20px;
  height: 75px;
}

.bargains-and-savings .list-price {
  font-size: 1.4rem;
}

.bargains-and-savings .list-price.price-colour {
  font-size: 1.6rem;
}

.bargains-and-savings .top-carousel-button {
  margin-top: 5px;
}

@media only screen and (max-width: 767px) {
  .bargains-and-savings .product-range > div {
    padding-bottom: 117px;
  }

  .bargains-and-savings .product-range div .price {
    height: 97px;
  }

  .remaining-block{
    height:50px!important;
  }

  .garden-furniture .product-range > div {
    margin-bottom:40px!important;
  }
}

.online-exclusives .price > span:last-child {
  color:#EC008C;
}

.house-credit .product-range > div {
  padding-bottom: 100px;
}

.house-credit .product-range div .price {
  height: 88px;
}

@media only screen and (max-width: 767px) {
  #range-desc-collapse {
    display: block;
    height: 70px;
    min-height: 70px;
  }

  .desc-collapse::before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 17px;
    left: 0;
    pointer-events: none;
    background: linear-gradient(180deg,hsla(180,3%,93%,0),#FFFFFF 90%);
    width: 100%;
    height: 4em;
    transition: all .3s;
  }

  #range-desc-collapse.collapse.in {
    height: auto;
  }
  
  #range-desc-collapse.collapse.in + .desc-collapse::before {
    display: none;
  }

  .desc-collapse {
    z-index: 2;
    position: relative;
    background: #fff;
    font-size: 1.2rem;
    text-decoration: underline;
  }

  .desc-collapse .read-more {
    display: none;
  }
  
  .desc-collapse .collapsed .read-less {
    display: none;
  }
  
  .desc-collapse .collapsed .read-more {
    display: block;
  }
}

.customer-pics-intro > .col-xs-12.col-md-6 {
  margin-top: 20px;
}

.customer-pics-intro > .col-xs-12.col-md-6 a {
  display: block;
}

@media only screen and (min-width: 768px) {
  .customer-pics-intro > p {
    margin-top: 10px;
  }
}

.flex .customer-pic {
  padding: 0 2.5px;
  margin-bottom: 5px;
}

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  position: absolute;
  /*overflow: hidden;*/
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 10%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  resize: vertical;
}

.hovereffect .overlay-inner {
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
}

.hovereffect:hover .overlay-inner {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.6);
  -webkit-filter: brightness(0.6);
}

.hovereffect h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 14px;
  background-color: transparent;
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

.hovereffect a,
.hovereffect p {
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, 80%, 0);
  transform: translate3d(0, 80%, 0);
}

.hovereffect:hover a,
.hovereffect:hover p,
.hovereffect:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  text-decoration: none;
}

.hovereffect p {
  margin-bottom: 0;
}

.hovereffect p span {
  display: block;
}

@media only screen and (min-width: 992px) {
  .modal-open {
    padding-right: 17px;
  }

  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 17px;
  }
}

h1.header-lines {
 overflow: hidden;
 text-align: center;
}

h1.header-lines:before,
h1.header-lines:after {
 background-color: #333;
 content: "";
 display: inline-block;
 height: 1px;
 position: relative;
 vertical-align: middle;
 width: 50%;
}

h1.header-lines:before {
 margin-left: -50%;
 right: 0.5em;
}

h1.header-lines:after {
 left: 0.5em;
 margin-right: -50%;
}

h2.header-lines {
 overflow: hidden;
 text-align: center;
}

h2.header-lines:before,
h2.header-lines:after {
 background-color: #333;
 content: "";
 display: inline-block;
 height: 1px;
 position: relative;
 vertical-align: middle;
 width: 50%;
}

h2.header-lines:before {
 margin-left: -50%;
 right: 0.5em;
}

h2.header-lines:after {
 left: 0.5em;
 margin-right: -50%;
}

.store-modal-btn {
  display: block;
  width: 3vw;
}
/* new 404 page */
h1.header-error{
	font-family:Bliss;
	text-transform:none;
	color:#0e294b;
	font-size:74px;
	margin-top:0px!important;
}
h2.subheader-error-bold{
	font-weight:800;
}

a.link-error{
	text-decoration:underline;
	font-family:BlissBold;
	text-transform:uppercase;
}

h2.subheader-error{font-family: Bliss;
	color:#0081B3;
	font-size:38px;
	text-transform:none;
}

span.error-bold{
	font-family:BlissBold;
	font-size:78px;
}
/* STORE MAP - map needs width and height to appear */
#mapCanvas{
	width: 100%!important;
	height: 700px;
}