/* line 1, scss/legacy/_reset.scss */
.clearfix {
  *zoom: 1;
}

/* line 5, scss/legacy/_reset.scss */
.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

/* line 12, scss/legacy/_reset.scss */
.clearfix:after {
  clear: both;
}

/* line 16, scss/legacy/_reset.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

/* line 34, scss/legacy/_reset.scss */
a:hover,
a:active {
  outline: 0;
}

/* line 39, scss/legacy/_reset.scss */
img {
  width: auto;
  height: auto;
  /*max-width: 100%;*/
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/* line 48, scss/legacy/_reset.scss */
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}

/* line 57, scss/legacy/_reset.scss */
button,
input {
  *overflow: visible;
  line-height: normal;
}

/* line 63, scss/legacy/_reset.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* line 70, scss/legacy/_reset.scss */
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

/* line 76, scss/legacy/_reset.scss */
a {
  text-decoration: none;
}

/* line 81, scss/legacy/_reset.scss */
p {
  margin: 0 0 10px;
}

/* line 85, scss/legacy/_reset.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: inherit;
  font-weight: bold;
  color: inherit;
  text-rendering: optimizelegibility;
}

/* line 98, scss/legacy/_reset.scss */
ul,
ol {
  padding: 0;
  margin: 0 0 10px 25px;
}

/* line 104, scss/legacy/_reset.scss */
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}

/* ==========================================================================
Typography
========================================================================== */
/* line 4, scss/legacy/_typo.scss */
body {
  font-family: Arial, sans-serif;
  font-size: 100%;
  color: #444;
  background: #fff;
}

/* line 11, scss/legacy/_typo.scss */
a {
  font-family: 'Effra W01 Medium', Arial, sans-serif;
  font-size: 0.875em;
  color: #318D2E;
  line-height: 1.1em;
}

/* line 18, scss/legacy/_typo.scss */
a:hover {
  text-decoration: none;
  color: #59b956;
}

/* line 23, scss/legacy/_typo.scss */
a.arrow-link {
  background: url("/web/images/_new_images/arrow-link.png") center right no-repeat;
  font-weight: normal;
  padding: 0 20px 0 0;
}

/* line 29, scss/legacy/_typo.scss */
a.arrow-link:hover {
  text-decoration: none;
  color: #59b956;
}

/* line 34, scss/legacy/_typo.scss */
a.button,
input.button,
button.button,
input.submit-quantity,
input.basket-nav-checkout,
input.submit {
  position: relative;
  background: url("/web/images/_new_images/bg-button.png") 0 0 repeat-x;
  border: 1px solid #2A7A28;
  box-shadow: -1px 0 3px #999;
  padding: 4px 30px 6px 14px;
  color: #FFF;
  font-size: 0.938em;
  font-weight: bold;
  line-height: 1em;
  display: block;
}

/* line 52, scss/legacy/_typo.scss */
a#white.button {
  background: url("/web/images/_new_images/buttons/bg-button-white.png") 0 0 repeat-x;
  border: 1px solid #B4B4B4;
}

/* line 57, scss/legacy/_typo.scss */
input.submit-quantity {
  padding: 3px 14px 4px 14px;
  margin: 10px 0 0 0;
  cursor: pointer;
}

/* line 62, scss/legacy/_typo.scss */
input.basket-nav-checkout,
input.voucher-code {
  padding: 2px 14px;
}

/* line 66, scss/legacy/_typo.scss */
input.basket-nav-checkout {
  margin: 0 0 10px 0;
  cursor: pointer;
  line-height: 1.2em;
}

/* line 71, scss/legacy/_typo.scss */
input.country-select {
  margin: 0 5px 5px 0;
}

/* line 75, scss/legacy/_typo.scss */
a.button.grey,
input.button.grey,
button.button.grey {
  background: url("/web/images/_new_images/bg-button-grey.png") 0 0 repeat-x;
  color: #444;
  border: 1px solid #dcdcdc;
}

/* line 83, scss/legacy/_typo.scss */
input.button,
button.button {
  padding: 3px 30px 4px 14px;
  line-height: 1.2em;
}

/* line 89, scss/legacy/_typo.scss */
a.button:hover,
input.button:hover,
button.button:hover,
a.button.grey:hover,
input.button.grey:hover,
button.button.grey:hover {
  box-shadow: none;
}

/* line 99, scss/legacy/_typo.scss */
a.button:active,
input.button:active,
button.button:active {
  background: url("/web/images/_new_images/bg-button-active.png") 0 0 repeat-x;
  box-shadow: none;
}

/* line 106, scss/legacy/_typo.scss */
a.button.grey:active,
input.button.grey:active,
button.button.grey:active {
  background: url("/web/images/_new_images/bg-button-grey-active.png") 0 0 repeat-x;
  box-shadow: none;
}

/* line 113, scss/legacy/_typo.scss */
a.button.disabled,
input.button[disabled=disabled],
button.button[disabled=disabled] {
  background: #318d2e;
  box-shadow: none;
  border: 1px solid #318d2e;
  color: #85ca83;
}

/* line 123, scss/legacy/_typo.scss */
a.button span,
input.button span,
button.button span {
  position: absolute;
  top: 6px;
  right: 10px;
  display: block;
  float: left;
  width: 9px;
  height: 12px;
  background: url("/web/images/_new_images/widget-arrow-active.png") 0 0 no-repeat;
}

/* line 136, scss/legacy/_typo.scss */
a.button.grey span,
input.button.grey span,
button.button.grey span {
  background: url("/web/images/_new_images/widget-arrow-grey-active.png") 0 0 no-repeat;
}

/* line 142, scss/legacy/_typo.scss */
a.button.disabled span,
input.button[disabled=disabled] span,
button.button[disabled=disabled] span {
  background: url("/web/images/_new_images/widget-arrow-disabled.png") 0 0 no-repeat;
}

/* line 148, scss/legacy/_typo.scss */
.button.remove {
  padding-left: 30px;
  /*padding-right:14px;*/
  float: right;
  display: block;
  cursor: pointer;
}

/* line 156, scss/legacy/_typo.scss */
.button.remove span {
  background: url("/web/images/_new_images/widget-cross.png") no-repeat scroll 0 0 transparent;
  display: block;
  float: left;
  height: 12px;
  position: absolute;
  left: 6px;
  top: 6px;
  width: 10px;
}

/* line 166, scss/legacy/_typo.scss */
.button.back {
  padding-left: 30px;
  padding-right: 14px;
}

/* line 171, scss/legacy/_typo.scss */
.button.back span {
  background: url("/web/images/_new_images/widget-arrow-back.png") no-repeat scroll 0 0 transparent;
  display: block;
  float: left;
  height: 12px;
  position: absolute;
  left: 12px;
  top: 6px;
  width: 9px;
}

/* line 181, scss/legacy/_typo.scss */
p a {
  font-size: 1em;
  font-family: Arial, sans-serif;
}

/* line 185, scss/legacy/_typo.scss */
p {
  line-height: 1.3em;
  margin: 0 0 14px 0;
  font-size: 0.813em;
  font-family: Arial, sans-serif;
}

/* line 191, scss/legacy/_typo.scss */
span {
  line-height: 1em;
}

/* line 197, scss/legacy/_typo.scss */
h2 {
  font-size: 1.875em;
  line-height: 1em;
  font-family: 'Effra W01 Regular', Arial, sans-serif;
  font-weight: bold;
  margin: 0 0 14px 0;
}

/* line 205, scss/legacy/_typo.scss */
h3 {
  font-size: 1.313em;
  line-height: 1.1em;
  font-family: 'Effra W01 Medium', Arial, sans-serif;
  font-weight: normal;
  margin: 0 0 14px 0;
}

/* line 213, scss/legacy/_typo.scss */
h4 {
  font-size: 1em;
  line-height: 1.2em;
  font-family: Arial, sans-serif;
  font-weight: bold;
  margin: 0 0 10px 0;
}

/* line 221, scss/legacy/_typo.scss */
h5 {
  font-size: 0.818em;
  line-height: 1.2em;
  font-family: Arial, sans-serif;
  font-weight: bold;
  margin: 0 0 10px 0;
}

/* line 229, scss/legacy/_typo.scss */
h2.alt {
  font-size: 1.45em;
  line-height: 1em;
  font-family: Arial, sans-serif;
  font-weight: bold;
  margin: 0 0 14px 0;
}

/* line 236, scss/legacy/_typo.scss */
h3.alt {
  font-size: 1em;
  line-height: 1.1em;
  font-family: Arial, sans-serif;
  font-weight: bold;
  margin: 0 0 14px 0;
}

/* line 244, scss/legacy/_typo.scss */
h4.alt {
  color: #6c6c6c;
  font-size: 1em;
  line-height: 1.1em;
  font-family: Arial, sans-serif;
  font-weight: bold;
  margin: 0;
}

/* line 253, scss/legacy/_typo.scss */
.wtb-button {
  display: inline-block !important;
  margin: 0 0 30px 0;
  background: #0070c0 !important;
}

/*
    Variable Grid System.
    Learn more ~ http://www.spry-soft.com/grids/
    Based on 960 Grid System - http://960.gs/

    Licensed under GPL and MIT.
*/
/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/
/* line 17, scss/legacy/_grid.scss */
body {
  min-width: 960px;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
/* line 23, scss/legacy/_grid.scss */
.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 900px;
  position: relative;
  z-index: 200;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
/* line 35, scss/legacy/_grid.scss */
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display: inline;
  float: left;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}

/* line 56, scss/legacy/_grid.scss */
.grid_3 li.cookie-item {
  display: flex;
  flex-direction: column;
  margin-top: 5px;
}
/* line 60, scss/legacy/_grid.scss */
.grid_3 li.cookie-item .cookie-btn {
  color: #8b8b8b;
  font-size: 0.688em;
  font-family: Arial, sans-serif;
  cursor: pointer;
  border: 0;
  padding: 0;
}
/* line 68, scss/legacy/_grid.scss */
.grid_3 li.cookie-item .cookie-btn:hover {
  background: inherit;
  color: #444;
}

/* line 77, scss/legacy/_grid.scss */
.push_1,
.pull_1,
.push_2,
.pull_2,
.push_3,
.pull_3,
.push_4,
.pull_4,
.push_5,
.pull_5,
.push_6,
.pull_6,
.push_7,
.pull_7,
.push_8,
.pull_8,
.push_9,
.pull_9,
.push_10,
.pull_10,
.push_11,
.pull_11,
.push_12,
.pull_12 {
  position: relative;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
/* line 107, scss/legacy/_grid.scss */
.alpha {
  margin-left: 0;
}

/* line 111, scss/legacy/_grid.scss */
.omega {
  margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
/* line 118, scss/legacy/_grid.scss */
.container_12 .grid_1 {
  width: 55px;
}

/* line 122, scss/legacy/_grid.scss */
.container_12 .grid_2 {
  width: 130px;
}

/* line 126, scss/legacy/_grid.scss */
.container_12 .grid_3 {
  width: 205px;
}

/* line 130, scss/legacy/_grid.scss */
.container_12 .grid_4 {
  width: 280px;
}

/* line 134, scss/legacy/_grid.scss */
.container_12 .grid_5 {
  width: 355px;
}

/* line 138, scss/legacy/_grid.scss */
.container_12 .grid_6 {
  width: 430px;
}

/* line 142, scss/legacy/_grid.scss */
.container_12 .grid_7 {
  width: 505px;
}

/* line 146, scss/legacy/_grid.scss */
.container_12 .grid_8 {
  width: 580px;
}

/* line 150, scss/legacy/_grid.scss */
.container_12 .grid_9 {
  width: 655px;
}

/* line 154, scss/legacy/_grid.scss */
.container_12 .grid_10 {
  width: 730px;
}

/* line 158, scss/legacy/_grid.scss */
.container_12 .grid_11 {
  width: 805px;
}

/* line 162, scss/legacy/_grid.scss */
.container_12 .grid_12 {
  width: 880px;
}

/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
/* line 169, scss/legacy/_grid.scss */
.container_12 .prefix_1 {
  padding-left: 75px;
}

/* line 173, scss/legacy/_grid.scss */
.container_12 .prefix_2 {
  padding-left: 150px;
}

/* line 177, scss/legacy/_grid.scss */
.container_12 .prefix_3 {
  padding-left: 225px;
}

/* line 181, scss/legacy/_grid.scss */
.container_12 .prefix_4 {
  padding-left: 300px;
}

/* line 185, scss/legacy/_grid.scss */
.container_12 .prefix_5 {
  padding-left: 375px;
}

/* line 189, scss/legacy/_grid.scss */
.container_12 .prefix_6 {
  padding-left: 450px;
}

/* line 193, scss/legacy/_grid.scss */
.container_12 .prefix_7 {
  padding-left: 525px;
}

/* line 197, scss/legacy/_grid.scss */
.container_12 .prefix_8 {
  padding-left: 600px;
}

/* line 201, scss/legacy/_grid.scss */
.container_12 .prefix_9 {
  padding-left: 675px;
}

/* line 205, scss/legacy/_grid.scss */
.container_12 .prefix_10 {
  padding-left: 750px;
}

/* line 209, scss/legacy/_grid.scss */
.container_12 .prefix_11 {
  padding-left: 825px;
}

/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
/* line 216, scss/legacy/_grid.scss */
.container_12 .suffix_1 {
  padding-right: 75px;
}

/* line 220, scss/legacy/_grid.scss */
.container_12 .suffix_2 {
  padding-right: 150px;
}

/* line 224, scss/legacy/_grid.scss */
.container_12 .suffix_3 {
  padding-right: 225px;
}

/* line 228, scss/legacy/_grid.scss */
.container_12 .suffix_4 {
  padding-right: 300px;
}

/* line 232, scss/legacy/_grid.scss */
.container_12 .suffix_5 {
  padding-right: 375px;
}

/* line 236, scss/legacy/_grid.scss */
.container_12 .suffix_6 {
  padding-right: 450px;
}

/* line 240, scss/legacy/_grid.scss */
.container_12 .suffix_7 {
  padding-right: 525px;
}

/* line 244, scss/legacy/_grid.scss */
.container_12 .suffix_8 {
  padding-right: 600px;
}

/* line 248, scss/legacy/_grid.scss */
.container_12 .suffix_9 {
  padding-right: 675px;
}

/* line 252, scss/legacy/_grid.scss */
.container_12 .suffix_10 {
  padding-right: 750px;
}

/* line 256, scss/legacy/_grid.scss */
.container_12 .suffix_11 {
  padding-right: 825px;
}

/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
/* line 263, scss/legacy/_grid.scss */
.container_12 .push_1 {
  left: 75px;
}

/* line 267, scss/legacy/_grid.scss */
.container_12 .push_2 {
  left: 150px;
}

/* line 271, scss/legacy/_grid.scss */
.container_12 .push_3 {
  left: 225px;
}

/* line 275, scss/legacy/_grid.scss */
.container_12 .push_4 {
  left: 300px;
}

/* line 279, scss/legacy/_grid.scss */
.container_12 .push_5 {
  left: 375px;
}

/* line 283, scss/legacy/_grid.scss */
.container_12 .push_6 {
  left: 450px;
}

/* line 287, scss/legacy/_grid.scss */
.container_12 .push_7 {
  left: 525px;
}

/* line 291, scss/legacy/_grid.scss */
.container_12 .push_8 {
  left: 600px;
}

/* line 295, scss/legacy/_grid.scss */
.container_12 .push_9 {
  left: 675px;
}

/* line 299, scss/legacy/_grid.scss */
.container_12 .push_10 {
  left: 750px;
}

/* line 303, scss/legacy/_grid.scss */
.container_12 .push_11 {
  left: 825px;
}

/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
/* line 310, scss/legacy/_grid.scss */
.container_12 .pull_1 {
  left: -75px;
}

/* line 314, scss/legacy/_grid.scss */
.container_12 .pull_2 {
  left: -150px;
}

/* line 318, scss/legacy/_grid.scss */
.container_12 .pull_3 {
  left: -225px;
}

/* line 322, scss/legacy/_grid.scss */
.container_12 .pull_4 {
  left: -300px;
}

/* line 326, scss/legacy/_grid.scss */
.container_12 .pull_5 {
  left: -375px;
}

/* line 330, scss/legacy/_grid.scss */
.container_12 .pull_6 {
  left: -450px;
}

/* line 334, scss/legacy/_grid.scss */
.container_12 .pull_7 {
  left: -525px;
}

/* line 338, scss/legacy/_grid.scss */
.container_12 .pull_8 {
  left: -600px;
}

/* line 342, scss/legacy/_grid.scss */
.container_12 .pull_9 {
  left: -675px;
}

/* line 346, scss/legacy/_grid.scss */
.container_12 .pull_10 {
  left: -750px;
}

/* line 350, scss/legacy/_grid.scss */
.container_12 .pull_11 {
  left: -825px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
/* line 359, scss/legacy/_grid.scss */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
/* line 370, scss/legacy/_grid.scss */
.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* line 380, scss/legacy/_grid.scss */
.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
/* line 389, scss/legacy/_grid.scss */
.clearfix {
  zoom: 1;
}

/* ==========================================================================
Main & Common
========================================================================== */
/* line 6, scss/legacy/_main.scss */
body.gradient {
  background: #FFF url("/web/images/_new_images/bg-gradient.jpg") 0 96px repeat-x !important;
}

/* line 10, scss/legacy/_main.scss */
body.push .massive-wrapper .content-wrapper {
  background-color: white;
  height: 430px;
}

/* line 15, scss/legacy/_main.scss */
div.gradient {
  position: absolute;
  top: 96px;
  left: 0;
  min-width: 990px;
  width: 100%;
  height: 33px;
  background: #FFF url("/web/images/_new_images/bg-gradient.jpg") 0 0 repeat-x !important;
  z-index: 300;
}

/* line 26, scss/legacy/_main.scss */
div.gradient.order {
  top: 154px;
}

/* line 30, scss/legacy/_main.scss */
div.wrapper {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
}

/* line 36, scss/legacy/_main.scss */
div.sep-line {
  width: 880px;
  height: 1px;
  margin: 35px 0 17px 0;
  background: url("/web/images/_new_images/sep-line.png") center center no-repeat;
}

/* line 43, scss/legacy/_main.scss */
a, a:active, a:focus, a:visited {
  outline: 0;
}

/* line 47, scss/legacy/_main.scss */
.left {
  float: left;
}

/* line 51, scss/legacy/_main.scss */
.right {
  float: right;
}

@media (min-width: 641px) {
  /* line 55, scss/legacy/_main.scss */
  .hidden-desktop {
    display: none !important;
  }
}

/* line 61, scss/legacy/_main.scss */
img.border {
  border: 3px solid #DEDEDE;
}

/* line 65, scss/legacy/_main.scss */
img.big {
  border: 4px solid #FFF;
}

/* line 69, scss/legacy/_main.scss */
img.shadow {
  box-shadow: -4px 0 5px #CCC;
}

/* line 73, scss/legacy/_main.scss */
.mr0 {
  margin-right: 0 !important;
}

/* line 77, scss/legacy/_main.scss */
.mr10 {
  margin-right: 10px;
}

/* line 81, scss/legacy/_main.scss */
.mr20 {
  margin-right: 20px;
}

/* line 85, scss/legacy/_main.scss */
.mb20 {
  margin-bottom: 20px;
}

/* line 89, scss/legacy/_main.scss */
.mt0 {
  margin-top: 0;
}

/* line 93, scss/legacy/_main.scss */
.mt15 {
  margin-top: 15px;
}

/* line 97, scss/legacy/_main.scss */
.mt-20 {
  margin-top: -20px;
}

/* line 101, scss/legacy/_main.scss */
.mt20 {
  margin-top: 20px;
}

/* line 105, scss/legacy/_main.scss */
.mt30 {
  margin-top: 30px;
}

/* line 109, scss/legacy/_main.scss */
.mt35 {
  margin-top: 35px;
}

/* line 113, scss/legacy/_main.scss */
.mt40 {
  margin-top: 40px;
}

/* line 117, scss/legacy/_main.scss */
.mt45 {
  margin-top: 45px;
}

/* line 121, scss/legacy/_main.scss */
.mt55 {
  margin-top: 55px;
}

/* line 125, scss/legacy/_main.scss */
.mt60 {
  margin-top: 60px;
}

/* line 129, scss/legacy/_main.scss */
.mt80 {
  margin-top: 80px;
}

/* line 133, scss/legacy/_main.scss */
.mt90 {
  margin-top: 90px;
}

/* line 137, scss/legacy/_main.scss */
.pt10 {
  padding-top: 10px;
}

/* line 141, scss/legacy/_main.scss */
.pt15 {
  padding-top: 15px;
}

/* line 145, scss/legacy/_main.scss */
.pt20 {
  padding-top: 20px;
}

/* line 149, scss/legacy/_main.scss */
.pt35 {
  padding-top: 35px;
}

/* line 153, scss/legacy/_main.scss */
.pt40 {
  padding-top: 40px;
}

/* line 157, scss/legacy/_main.scss */
.pt45 {
  padding-top: 45px;
}

/* line 161, scss/legacy/_main.scss */
.pt50 {
  padding-top: 50px;
}

/* line 165, scss/legacy/_main.scss */
.pt60 {
  padding-top: 60px;
}

/* line 169, scss/legacy/_main.scss */
.pt90 {
  padding-top: 90px;
}

/* line 173, scss/legacy/_main.scss */
.pb10 {
  padding-bottom: 10px;
}

/* line 177, scss/legacy/_main.scss */
.pb20 {
  padding-bottom: 20px;
}

/* line 181, scss/legacy/_main.scss */
.pb28 {
  padding-bottom: 28px;
}

/* line 185, scss/legacy/_main.scss */
.pb30 {
  padding-bottom: 30px;
}

/* line 189, scss/legacy/_main.scss */
.pb35 {
  padding-bottom: 35px;
}

/* line 193, scss/legacy/_main.scss */
.pb40 {
  padding-bottom: 40px;
}

/* line 197, scss/legacy/_main.scss */
.pb45 {
  padding-bottom: 45px;
}

/* line 201, scss/legacy/_main.scss */
.pb50 {
  padding-bottom: 50px;
}

/* line 205, scss/legacy/_main.scss */
.pb60 {
  padding-bottom: 60px;
}

/* line 209, scss/legacy/_main.scss */
.pb80 {
  padding-bottom: 80px;
}

/* line 213, scss/legacy/_main.scss */
.pb170 {
  padding-bottom: 170px !important;
}

/* line 217, scss/legacy/_main.scss */
.pb300 {
  padding-bottom: 300px !important;
}

/* line 221, scss/legacy/_main.scss */
.lh1 {
  line-height: 1em;
}

/* line 225, scss/legacy/_main.scss */
button {
  cursor: pointer;
}

/* line 229, scss/legacy/_main.scss */
.hidden {
  display: none;
}

/* line 233, scss/legacy/_main.scss */
.no-border {
  border: 0 !important;
}

/* line 237, scss/legacy/_main.scss */
.hard-border-top {
  border-top: 1px solid #707070;
}

/* line 241, scss/legacy/_main.scss */
.hard-border-bottom {
  border-bottom: 1px solid #707070;
}

/* line 245, scss/legacy/_main.scss */
.soft-border-top {
  border-top: 1px solid #d6d6d6;
}

/* line 249, scss/legacy/_main.scss */
.soft-border-bottom {
  border-bottom: 1px solid #d6d6d6;
}

/* line 253, scss/legacy/_main.scss */
.imageHeading {
  margin-top: 98px;
  margin-bottom: 6px;
}

/* line 258, scss/legacy/_main.scss */
.image {
  margin: 0;
}

/* line 262, scss/legacy/_main.scss */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ==========================================================================
Leafs
========================================================================== */
/* line 277, scss/legacy/_main.scss */
div.leaf {
  position: absolute;
  z-index: 7000;
}

/* line 282, scss/legacy/_main.scss */
div.top-left {
  top: 97px;
  left: 0;
  width: 350px;
  height: 105px;
  background: url("/web/images/_new_images/leaf-topLeft.png") right top no-repeat;
  z-index: 6000;
}

/* line 292, scss/legacy/_main.scss */
div.top-right {
  top: 97px;
  right: 0;
  width: 350px;
  height: 155px;
  background: url("/web/images/_new_images/leaf-topRight.png") left top no-repeat;
  z-index: 6000;
}

/* line 302, scss/legacy/_main.scss */
div.middle-left {
  top: 770px;
  left: 0;
  width: 167px;
  height: 375px;
  background: url("/web/images/_new_images/leaf-middleLeft.png") right top no-repeat;
  z-index: 7100;
}

/* line 311, scss/legacy/_main.scss */
div.middle-right {
  right: 0;
  width: 187px;
  height: 558px;
  background: url("/web/images/_new_images/leaf-middleRight.png") left top no-repeat;
  z-index: 7100;
}

/* line 319, scss/legacy/_main.scss */
div.bottom-left {
  top: 1300px;
  left: 0;
  width: 178px;
  height: 549px;
  background: url("/web/images/_new_images/leaf-bottomLeft.png") right top no-repeat;
}

/* line 327, scss/legacy/_main.scss */
div.bottom-right {
  bottom: 0;
  right: 0;
  width: 194px;
  height: 324px;
  background: url("/web/images/_new_images/leaf-bottomRight.png") left top no-repeat;
}

/* ==========================================================================
Fence Backgrounds
========================================================================== */
/* line 341, scss/legacy/_main.scss */
body.inner
div.massive-wrapper {
  background: none;
}

/* line 346, scss/legacy/_main.scss */
div.fence-wrapper {
  position: relative;
  width: 100%;
}

/* line 351, scss/legacy/_main.scss */
div.fence.t425 {
  top: 425px;
  /* 425px from the sub navigation */
}

/* line 355, scss/legacy/_main.scss */
div.fence.t675 {
  top: 772px;
  /* 675px from the end of the header */
}

/* line 359, scss/legacy/_main.scss */
div.fence.checkout {
  top: 522px;
  /* 675px from the end of the header */
}

/* line 363, scss/legacy/_main.scss */
div.fence {
  position: absolute;
  width: 100%;
  height: 167px;
  background: url("/web/images/_new_images/bg-fence-top.jpg") 0 0 repeat-x;
}

/* line 370, scss/legacy/_main.scss */
div.fence-repeat {
  position: absolute;
  top: 167px;
  width: 100%;
  background: url("/web/images/_new_images/bg-fence.jpg") 0 0 repeat;
  z-index: 100;
}

/* line 378, scss/legacy/_main.scss */
div.fence-wrapper
div.massive-shadow {
  position: absolute;
  left: 50%;
  width: 1089px;
  margin: 0 0 0 -544px;
  height: 200px;
  background: url("/web/images/_new_images/massive-shadow.png");
  z-index: 100;
}

/* ==========================================================================
Header
========================================================================== */
/* line 392, scss/legacy/_main.scss */
header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 106px;
  background: url("/web/images/_new_images/bg-header.png") 0 0 repeat-x;
  z-index: 9999;
}

/* line 402, scss/legacy/_main.scss */
div.logo {
  float: left;
  width: 186px;
  height: 63px;
  padding: 14px 0 0;
  margin: 0 0 0 24px;
}

/* line 410, scss/legacy/_main.scss */
.free-delivery-banner {
  position: absolute;
  top: 97px;
  right: 50%;
  margin-right: -448px;
  z-index: 10000;
  height: 67px;
  padding: 7px 5px 0;
  background-color: #fff;
}
/* line 419, scss/legacy/_main.scss */
.free-delivery-banner::after {
  content: '';
  width: 100%;
  height: 16px;
  position: absolute;
  bottom: -16px;
  left: 0;
  background: url("/web/images/home/cuprinol-sale-banner-bottom-bg.png") top center;
}
/* line 428, scss/legacy/_main.scss */
.free-delivery-banner div {
  color: #bf1a21;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
}
/* line 434, scss/legacy/_main.scss */
.free-delivery-banner div:first-child {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 3px;
}
/* line 439, scss/legacy/_main.scss */
.free-delivery-banner div:nth-child(2) {
  margin-bottom: 10px;
  font-size: 8px;
}
/* line 442, scss/legacy/_main.scss */
.free-delivery-banner div:nth-child(2)::after {
  content: '';
  display: block;
  margin: 8px auto 0;
  width: 12px;
  height: 1px;
  background-color: #bf1a21;
}
/* line 451, scss/legacy/_main.scss */
.free-delivery-banner div:nth-child(3) {
  font-size: 8.5px;
}

@media (max-width: 640px) {
  /* line 458, scss/legacy/_main.scss */
  .free-delivery-banner {
    margin-right: 0;
    top: 48px;
    right: 20px;
  }
}
/* Navigation
========================================================================== */
/* line 467, scss/legacy/_main.scss */
nav {
  float: left;
  padding: 0 0 0 0;
}

/* line 472, scss/legacy/_main.scss */
nav a,
nav a:visited {
  font-size: 0.938em;
  float: left;
  color: #fff;
  padding: 0 0 0 0;
  text-shadow: 1px 1px 4px #555;
  text-align: center;
  height: 56px;
  padding-top: 46px;
  font-weight: bold;
}

/* line 485, scss/legacy/_main.scss */
nav
a.two-lines {
  margin-top: -2px;
  height: 58px;
  line-height: 17px;
}

/* line 492, scss/legacy/_main.scss */
nav > span {
  float: left;
  background: url("/web/images/_new_images/sep-nav.jpg") 0px 46px no-repeat;
  width: 4px;
  height: 100px;
  margin: 0 11px;
}

/* line 500, scss/legacy/_main.scss */
nav > span.buildings-pre {
  margin-right: 18px;
}

/* line 505, scss/legacy/_main.scss */
nav > span.buildings-pos {
  margin-left: 18px;
}

/* line 509, scss/legacy/_main.scss */
nav
a:hover {
  border-bottom: 3px solid #fcfcfc;
  height: 46px;
  color: #fcfcfc;
  text-shadow: none;
}

/* line 517, scss/legacy/_main.scss */
nav
a:first-child {
  margin-left: 50px;
  background: none;
}

/* line 523, scss/legacy/_main.scss */
nav
a:last-child {
  border-right: 0;
  min-width: 65px;
}

/* Account, Basket & Search
========================================================================== */
/* line 531, scss/legacy/_main.scss */
header
ul {
  float: left;
  margin: 6px 0 0 28px;
  padding: 25px 0 0 16px;
  height: 77px;
  background: url("/web/images/_new_images/sep-ul.png") 0 0 no-repeat;
}

/* line 540, scss/legacy/_main.scss */
header
ul li {
  display: inline-block;
}

/* line 545, scss/legacy/_main.scss */
header
ul li a {
  display: block;
  /*text-indent: -9999px;*/
}

/* line 551, scss/legacy/_main.scss */
header
ul li a.account {
  width: 42px;
  height: 43px;
  background: url("/web/images/_new_images/ico-account.png") 0 0 no-repeat;
  text-indent: -9999px;
}

/* line 559, scss/legacy/_main.scss */
header ul li a.account:hover {
  background-position: 0 -43px;
  padding: 0 0 20px 0;
}

/* line 564, scss/legacy/_main.scss */
header
ul li a.basket {
  width: 42px;
  height: 43px;
  background: url("/web/images/_new_images/ico-basket.png") 0 0 no-repeat;
  text-indent: -9999px;
}

/* line 572, scss/legacy/_main.scss */
header ul li a.basket:hover {
  background-position: 0 -43px;
  padding: 0 0 20px 0;
}

/* line 577, scss/legacy/_main.scss */
header
ul li a.search {
  width: 42px;
  height: 43px;
  background: url("/web/images/_new_images/ico-search.png") 0 0 no-repeat;
  text-indent: -9999px;
}

/* line 585, scss/legacy/_main.scss */
header ul li a.search:hover {
  background-position: 0 -43px;
  padding: 0 0 20px 0;
}

/* line 590, scss/legacy/_main.scss */
header .dropdown {
  width: 100%;
  height: 77px;
  border-bottom: 1px solid #c2c2c1;
  position: absolute;
  top: 97px;
  left: 0;
  background: #fff url(/web/images/_new_images/bg-nav-dropdown.png) bottom left repeat-x;
  display: none;
}

/* line 601, scss/legacy/_main.scss */
header .dropdown .container {
  width: 960px;
  margin: 0 auto;
}

/* line 606, scss/legacy/_main.scss */
header .dropdown input {
  float: none;
}

/* line 610, scss/legacy/_main.scss */
.alert {
  position: absolute;
  top: 94px;
  z-index: 9998;
  width: 100%;
  text-align: center;
  padding: 1rem 0;
  color: #fff;
  background: #44697d;
}
@media (max-width: 641px) {
  /* line 610, scss/legacy/_main.scss */
  .alert {
    top: 48px;
    padding: 10px 0;
  }
}

/* line 626, scss/legacy/_main.scss */
.alert p {
  margin: 0;
  font-size: 1rem;
}
@media (max-width: 641px) {
  /* line 626, scss/legacy/_main.scss */
  .alert p {
    margin: 0 10px;
    font-size: 12px !important;
  }
}

/* ==========================================================================
Homepage Carousel
========================================================================== */
/* line 639, scss/legacy/_main.scss */
div#carousel {
  position: relative;
  width: 100%;
  height: 520px;
  margin: 108px 0 0;
  background: url(/web/images/_new_images/sections/home/background.png) repeat-x center top;
}

/* line 647, scss/legacy/_main.scss */
div#carousel div.caroufredsel_wrapper {
  background: url(/web/images/_new_images/sections/home/birds.png) center no-repeat;
}

/* line 651, scss/legacy/_main.scss */
div.slides {
  position: absolute;
  top: -28px;
  width: auto;
  height: 596px;
  overflow: hidden;
  z-index: 5600;
}

/* line 660, scss/legacy/_main.scss */
div.slide {
  position: static;
  float: left;
  z-index: 5600;
}

/* line 666, scss/legacy/_main.scss */
body.sheds div.slide-info-wrap {
  background-image: url(/web/images/_new_images/sections/sheds/slide-info.png);
  margin-left: -420px;
  width: 360px;
}

/* line 672, scss/legacy/_main.scss */
div.slide-info-wrap {
  position: relative;
  top: 325px;
  left: 53%;
  /*width: 289px;*/
  width: 360px;
  margin-left: -440px;
  height: 147px;
  /*background: url('/web/images/_new_images/slide-info.png') 0 0 no-repeat;*/
  background-image: url(/web/images/_new_images/sections/sheds/slide-info.png);
  z-index: 6100;
}

/* line 685, scss/legacy/_main.scss */
div.slide-info-wrap.longer {
  background-image: url(/web/images/_new_images/sections/sheds/slide-info-longer.png);
  width: 357px;
  height: 162px;
}

/* line 691, scss/legacy/_main.scss */
div.slide-info-wrap.longer h2 {
  width: 315px;
}

/* line 695, scss/legacy/_main.scss */
div.slide-info-wrap img {
  display: block;
  float: left;
  margin: 0 5px;
  /*margin-left: 10px;
  	margin-right: 12px;*/
}

/* line 703, scss/legacy/_main.scss */
.slides .slide6 .description {
  width: 100%;
}

/* line 707, scss/legacy/_main.scss */
.slides .slide6 h2 {
  margin-top: 12px;
  margin-bottom: 5px;
}

/* line 712, scss/legacy/_main.scss */
div.slide-info {
  padding: 2px 0 0 24px;
}

/* line 716, scss/legacy/_main.scss */
div.slide-info
h2 {
  font-size: 1em;
  font-weight: bold;
  margin: 15px 0 10px 0;
  padding: 0;
  /*width: 230px;*/
  width: 100%;
}

/* line 726, scss/legacy/_main.scss */
div.slide-info
h3 {
  font-size: 0.813em;
  font-weight: bold;
  padding: 0;
  margin: 0 0 3px 0;
  line-height: 1.2em;
  font-family: Arial, sans-serif;
}

/* line 736, scss/legacy/_main.scss */
div.slide-info
p {
  font-size: 0.75em;
  line-height: 1.2em;
  margin: 0 10px 10px 0;
}

/* line 743, scss/legacy/_main.scss */
div.slide-info p span {
  color: red;
}

/* line 747, scss/legacy/_main.scss */
div.description {
  float: left;
  width: 150px;
}

/* line 752, scss/legacy/_main.scss */
div.slide-info .button {
  position: relative;
  top: 1px;
  /*    left:-3px;*/
  float: left;
}

/* line 759, scss/legacy/_main.scss */
div.slide-info #download-now {
  top: 70px;
}

/* line 768, scss/legacy/_main.scss */
div.slide-info .tool-colour-mini ul.colours {
  background-color: transparent !important;
  border: none;
  height: auto;
  list-style-position: none;
  list-style-type: none;
  margin: 0;
  overflow: auto;
  padding: 0;
  width: auto;
}

/* line 780, scss/legacy/_main.scss */
div.slide-info .tool-colour-mini ul.colours li {
  padding: 0;
  margin: 2px 3px 0 0;
}

/* line 785, scss/legacy/_main.scss */
div.slide-info .tool-colour-mini ul.colours li img {
  margin: 0;
}

/* line 789, scss/legacy/_main.scss */
div.slide-info .tool-colour-mini ul.colours li.hover img {
  border: none;
  height: 54px;
  width: 61px;
}

/* line 795, scss/legacy/_main.scss */
div.colors {
  float: left;
}

/* line 799, scss/legacy/_main.scss */
div.colors span {
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin: 2px 3px 0 0;
  border: 2px solid #FFF;
  border-radius: 4px;
  text-indent: -9999px;
  behavior: url(/web/styles/_new_styling/ie-css3.htc);
}

/* line 811, scss/legacy/_main.scss */
div.colors li {
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin: 2px 3px 0 0;
  border: 2px solid #FFF;
  border-radius: 4px;
  overflow: hidden;
  behavior: url(/web/styles/_new_styling/ie-css3.htc);
}

/* line 823, scss/legacy/_main.scss */
div.colors
.blue {
  background: #87A3B2;
}

/* line 828, scss/legacy/_main.scss */
div.colors
.grey {
  background: #C2BBAE;
}

/* line 833, scss/legacy/_main.scss */
div.controls {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -63px 0 0 -443px;
  width: 889px;
  height: 100px;
}

/* line 842, scss/legacy/_main.scss */
div.controls
a:hover {
  background-position: 0px -78px;
}

/* line 847, scss/legacy/_main.scss */
a.left-control {
  position: absolute;
  left: 0;
  width: 76px;
  height: 78px;
  background: url("/web/images/_new_images/control-left.png") 0 0 no-repeat;
  z-index: 9000;
}

/* line 856, scss/legacy/_main.scss */
a.right-control {
  position: absolute;
  right: 0;
  width: 76px;
  height: 78px;
  background: url("/web/images/_new_images/control-right.png") 0 0 no-repeat;
  z-index: 9000;
}

/* line 865, scss/legacy/_main.scss */
div.carousel-nav {
  position: absolute;
  bottom: 18px;
  left: 50%;
  margin: 0 0 0 -62px;
  width: auto;
  height: 29px;
  background: url("/web/images/_new_images/bg-carousel-nav.jpg") 0 0 no-repeat;
  background-size: 100% 29px;
  z-index: 6000;
}

/* line 877, scss/legacy/_main.scss */
div.carousel-nav {
  float: left;
  padding: 7px 0 0 9px;
}

/* line 882, scss/legacy/_main.scss */
div.carousel-nav a {
  display: block;
  width: 17px;
  height: 17px;
  background: url("/web/images/_new_images/bg-carousel-nav-item.png") 0 0 no-repeat;
  text-indent: -9999px;
  float: left;
  margin-right: 9px;
}

/* line 892, scss/legacy/_main.scss */
div.carousel-nav a.selected {
  display: block;
  width: 17px;
  height: 17px;
  background: url("/web/images/_new_images/bg-carousel-nav-item-active.png") 0 0 no-repeat;
}

/* line 899, scss/legacy/_main.scss */
div.carousel-bench {
  position: absolute;
  left: 50%;
  bottom: -39px;
  margin: 0 0 0 -437px;
  width: 873px;
  height: 70px;
  background: url("/web/images/_new_images/carousel-bench.png");
  z-index: 5500;
}

/* line 910, scss/legacy/_main.scss */
div.slide {
  width: 100%;
  height: 563px;
}

/* line 915, scss/legacy/_main.scss */
div.slide.slide0 {
  background: url(/web/images/_new_images/sections/home/carousel-slide-spraynbrush.png) no-repeat center 0px;
}

/* line 919, scss/legacy/_main.scss */
div.slide.slide1 {
  background: url(/web/images/_new_images/sections/home/shed-header.png) no-repeat center 20px;
}

/* line 923, scss/legacy/_main.scss */
div.slide.slide2 {
  background: url(/web/images/_new_images/sections/home/fences-header.png) no-repeat center 20px;
}

/* line 927, scss/legacy/_main.scss */
div.slide.slide3 {
  background: url(/web/images/_new_images/sections/home/decking-header.png) no-repeat center 20px;
}

/* line 931, scss/legacy/_main.scss */
div.slide.slide4 {
  background: url(/web/images/_new_images/sections/home/gardenFurniture-header.png) no-repeat center 20px;
}

/* line 935, scss/legacy/_main.scss */
div.slide.slide5 {
  background: url(/web/images/_new_images/sections/home/buildings-header.png) no-repeat center 20px;
}

/* line 939, scss/legacy/_main.scss */
div.slide.slide6 {
  background: url(/web/images/_new_images/sections/home/outspiration-header.png) no-repeat center 20px;
}

/* line 943, scss/legacy/_main.scss */
div.slide.slide7 {
  background: url(/web/images/_new_images/sections/home/pre-painted-header.png) no-repeat center 20px;
}

/* line 947, scss/legacy/_main.scss */
div.slide.slide8 {
  background: url(/web/images/_new_images/sections/home/Carousel-image-beer-garden.png) no-repeat center 20px;
}

/* line 951, scss/legacy/_main.scss */
div.slide.slide9 {
  background: url(/web/images/_new_images/shedoftheyear/Cuprinol-Finalists-2021.jpg) no-repeat center 20px;
}

/* line 955, scss/legacy/_main.scss */
div.slide.slide10 {
  background: url(/web/images/_new_images/sections/home/garden-shades.png) no-repeat center 20px;
}

/* line 959, scss/legacy/_main.scss */
div.slide.slide11 {
  background: url(/web/images/_new_images/sections/home/5-years-ducksback-colour-of-the-year-slide.png) no-repeat center 20px;
}

/* line 964, scss/legacy/_main.scss */
div.slide
.image {
  display: block;
  position: absolute;
  width: 100%;
  height: 563px;
  z-index: 6000;
}

/*body.home #carousel {

		.controls,
		.carousel-nav,
		.slides {
				visibility: hidden;
		}

		.controls,
		.carousel-nav {
				opacity: 0;
				-moz-transition: opacity 0.4s;
				-webkit-transition: opacity 0.4s;
				-o-transition: opacity 0.4s;
				-ms-transition: opacity 0.4s;
				transition: opacity 0.4s;
		}

		&.visible {

				.controls,
				.carousel-nav,
				.slides {
						visibility: visible;
				}

				.controls,
				.carousel-nav {
						opacity: 1;
				}
		}

		video {
				position: relative;
				display: block;
				width: 960px;
				height: 563px;
				margin: 0 auto;
				background: transparent;
				z-index: 5601;
		}
}*/
/* ==========================================================================
Content
========================================================================== */
/* line 1019, scss/legacy/_main.scss */
div.massive-wrapper {
  position: relative;
  width: 100%;
  background: url("/web/images/_new_images/bg-fence.jpg") 0 167px repeat;
}

/* line 1025, scss/legacy/_main.scss */
div.shadow {
  position: absolute;
  bottom: 165px;
  left: 50%;
  width: 1056px;
  height: 57px;
  margin: 0 0 0 -528px;
  background: url("/web/images/_new_images/shadow.png") center center no-repeat;
  z-index: 100;
}

/* line 1036, scss/legacy/_main.scss */
div.fence-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 167px;
  background: url("/web/images/_new_images/bg-fence-top.jpg") 0 0 repeat-x;
}

/* line 1045, scss/legacy/_main.scss */
div.content-wrapper {
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
  background: #FFF;
}

/* line 1052, scss/legacy/_main.scss */
div.content-wrapper
div.left-shadow {
  position: absolute;
  top: -35px;
  left: -29px;
  background: url("/web/images/_new_images/content-shadow-left.png") 0 0 no-repeat;
  width: 30px;
  height: 740px;
}

/* line 1062, scss/legacy/_main.scss */
div.content-wrapper
div.right-shadow {
  position: absolute;
  top: -35px;
  right: -29px;
  background: url("/web/images/_new_images/content-shadow-right.png") 0 0 no-repeat;
  width: 30px;
  height: 740px;
}

/* ==========================================================================
Homepage specific
========================================================================== */
/* line 1075, scss/legacy/_main.scss */
div.homepage {
  padding-top: 48px;
}

/* line 1079, scss/legacy/_main.scss */
div.homepage
h1 {
  margin-bottom: 13px;
}

/* line 1084, scss/legacy/_main.scss */
div#homepage-carousel .slide-info img {
  margin: 0 15px 0 0;
}

/* line 1088, scss/legacy/_main.scss */
div#homepage-carousel div.colors {
  float: none;
  margin-bottom: 10px;
}

/* Browse inspiration
========================================================================== */
/* line 1098, scss/legacy/_main.scss */
div.border-mask {
  position: relative;
  width: 100%;
  height: 304px;
}

/* line 1104, scss/legacy/_main.scss */
div.widget-mask {
  display: none;
  display: block \0/ !important;
  position: absolute;
  top: -5px;
  left: -5px;
  width: 444px;
  height: 321px;
  background: url("/web/images/_new_images/widget-mask.png") 0 0 no-repeat;
  z-index: 5000;
  border-radius: 10px;
}

/* line 1117, scss/legacy/_main.scss */
div.widget {
  width: 100%;
  height: 304px;
  background-color: transparent;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 20px 0 4px 0;
  /*behavior: url('/web/styles/_new_styling/backgroundsize.htc');*/
}

/* line 1127, scss/legacy/_main.scss */
.inspiration div.widget .caroufredsel_wrapper {
  box-shadow: 3px 2px 3px #CCC, inset 0px 0px 30px #333;
  overflow: hidden;
  z-index: 0;
  border-radius: 10px;
}

/* line 1134, scss/legacy/_main.scss */
.inspiration .tabs-content div {
  position: relative;
  float: left;
  width: 403px;
  height: 304px;
  background-color: transparent;
  background-size: cover;
  border-radius: 10px !important;
  background-repeat: no-repeat;
  /*behavior: url('/web/styles/_new_styling/backgroundsize.htc');*/
  overflow: hidden;
  z-index: 6000;
}

/* line 1148, scss/legacy/_main.scss */
div.inspiration-nav {
  width: 130px;
  height: 100%;
  background: url("/web/images/_new_images/bg-widgetCategories.png") 0 0 no-repeat;
  position: relative;
  margin-top: -304px;
  z-index: 6500;
}

/* line 1157, scss/legacy/_main.scss */
div.inspiration-nav {
  padding: 19px 0 0 0;
}

/* line 1161, scss/legacy/_main.scss */
div.inspiration-nav div {
  width: 130px;
  display: table;
  border-bottom: 1px solid #D1D1D2;
}

/* line 1167, scss/legacy/_main.scss */
div.inspiration-nav a {
  height: 50px;
  cursor: pointer;
  color: #444;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

/* line 1176, scss/legacy/_main.scss */
div.inspiration-nav div:first-child {
  border-top: 1px solid #D1D1D2;
}

/* line 1180, scss/legacy/_main.scss */
div.inspiration-nav div.selected {
  background: url("/web/images/_new_images/bg-widget-active.png") 0 0 repeat-x;
}

/* line 1184, scss/legacy/_main.scss */
div.inspiration-nav div.selected a {
  color: #FFF;
}

/* line 1188, scss/legacy/_main.scss */
div.inspiration-nav div.selected span {
  background: url("/web/images/_new_images/widget-arrow-active.png") 0 0 no-repeat;
}

/* line 1192, scss/legacy/_main.scss */
div.inspiration a {
  width: 100px;
  font-weight: bold;
}

/* line 1197, scss/legacy/_main.scss */
div.inspiration div span {
  float: right;
  width: 9px;
  height: 12px;
  margin: 20px 16px 0 0;
  background: url("/web/images/_new_images/widget-arrow.png") 0 0 no-repeat;
  margin-top: 18px;
}

/* line 1206, scss/legacy/_main.scss */
div.loading-indicator {
  background: url(/web/images/_new_images/tab_carousel/loading-indicator.gif) no-repeat 0px 0px;
  width: 21px;
  height: 21px;
  margin-right: 10px;
  /* offset */
  margin-bottom: 10px;
  /* offset */
  z-index: 9000;
}

/* Tester page inspiration widget
========================================================================== */
/* line 1218, scss/legacy/_main.scss */
div.inspiration .slide1 {
  background: url(/web/images/_new_images/sections/home/A_Browse_Inspiration_430x305.jpg);
}

/* line 1222, scss/legacy/_main.scss */
div.inspiration .slide2 {
  background: url(/web/images/_new_images/sections/home/D_Browse_Inspiration_430x305.jpg);
}

/* line 1226, scss/legacy/_main.scss */
div.inspiration .slide3 {
  background: url(/web/images/_new_images/sections/home/B_Browse_Inspiration_430x305.jpg);
}

/* line 1230, scss/legacy/_main.scss */
div.inspiration .slide4 {
  background: url(/web/images/_new_images/sections/home/inspiration_round_table.jpg);
}

/* line 1234, scss/legacy/_main.scss */
div.inspiration .slide5 {
  background: url(/web/images/_new_images/sections/home/E_Browse_Inspiration_430x305.jpg);
}

/* line 1238, scss/legacy/_main.scss */
#tester div.widget {
  margin-top: 0;
}

/* Find product
========================================================================== */
/* line 1244, scss/legacy/_main.scss */
div.find {
  margin-left: 5px;
}

/* line 1248, scss/legacy/_main.scss */
div.find
h1 {
  padding: 0 0 0 4px;
}

/* line 1253, scss/legacy/_main.scss */
div.find .widget {
  box-shadow: 2px 2px 3px #CCC;
  border-radius: 10px;
  height: 304px;
  margin-bottom: 4px;
  background: #FFF;
  behavior: url("/web/scripts/_new_scripts/csspie/PIE.htc");
}

/* line 1262, scss/legacy/_main.scss */
#cboxLoadedContent div.find {
  margin: 0 10px;
}

/* Find product - Nav
========================================================================== */
/* line 1268, scss/legacy/_main.scss */
div.find ul.nav {
  list-style-type: none;
  background: url(/web/images/_new_images/bg-widget-finder-nav.png) 0 0 no-repeat;
  width: 430px;
  height: 52px;
  display: block;
  padding: 0px;
  margin: 0px;
}

/* line 1278, scss/legacy/_main.scss */
div.find ul.nav li {
  cursor: default;
  width: 142px;
  height: 52px;
  display: block;
  float: left;
  overflow: auto;
  line-height: 16px;
  font-family: 'Effra W01 Medium', Arial, sans-serif;
  font-weight: normal;
  color: #444;
}

/* line 1291, scss/legacy/_main.scss */
div.find ul.nav li span {
  font-size: 1.15em;
  display: block;
  float: left;
  height: 20px;
  margin-left: 26px;
  margin-top: 11px;
  color: #444444;
}

/* line 1301, scss/legacy/_main.scss */
div.find ul.nav li:first-child span {
  margin-left: 16px;
}

/* line 1305, scss/legacy/_main.scss */
div.find ul.nav li em {
  font-size: 0.938em;
  margin-top: 13px;
  display: block;
  float: left;
  margin-left: 3px;
  color: #444444;
  font-style: normal;
}

/* Find product - Footer
========================================================================== */
/* line 1317, scss/legacy/_main.scss */
div.find .footer {
  background: url(/web/images/_new_images/bg-widget-finder-footer.png) 0px 0px no-repeat;
  width: 430px;
  height: 67px;
  overflow: auto;
}

/* line 1324, scss/legacy/_main.scss */
div.find .footer a {
  background: url(/web/images/_new_images/bg-widget-finder-button-arrow.png) 0px 1px no-repeat;
  margin-left: 18px;
  margin-top: 26px;
  padding-left: 16px;
  display: block;
  font-family: 'effra w01 medium', Arial, sans-serif;
  font-size: 0.938em;
  line-height: 14px;
}

/* Find product - Options
========================================================================== */
/* line 1338, scss/legacy/_main.scss */
div.find ul.options {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  width: 430px;
  overflow: hidden;
}

/* line 1346, scss/legacy/_main.scss */
div.find ul.options li {
  margin-top: 1px;
  margin-left: 1px;
  cursor: pointer;
}

/* line 1352, scss/legacy/_main.scss */
div.find ul.options li:first-child {
  margin-left: 0px;
}

/* line 1356, scss/legacy/_main.scss */
div.find ul.options li span {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  color: #318d2e;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

/* line 1365, scss/legacy/_main.scss */
div.find ul.options li.hover > span,
div.find ul.options li.checked > span {
  color: white;
}

/* Find product - Wizard carousel
========================================================================== */
/* line 1372, scss/legacy/_main.scss */
div.find .steps > div {
  width: 430px;
  height: 257px;
  float: left;
}

/* Find product - Step 1
========================================================================== */
/* line 1381, scss/legacy/_main.scss */
div.find .step1 ul.options li {
  float: left;
  width: 142px;
  height: 125px;
  color: #318d2e;
  font-weight: normal;
  overflow: hidden;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

/* line 1397, scss/legacy/_main.scss */
div.find .step1 ul.options li span {
  margin-top: -23px;
  height: 24px;
  width: 142px;
}

/* line 1403, scss/legacy/_main.scss */
div.find .step1 ul.options img {
  width: 142px;
  height: 124px;
}

/* line 1408, scss/legacy/_main.scss */
div.find .step1 ul.options li > div {
  position: relative;
  width: 142px;
  height: 100px;
  top: -124px;
  background: url(/web/images/_new_images/bg-widget-checkboxes.png) -80px -396px no-repeat;
}

/* line 1416, scss/legacy/_main.scss */
div.find .step1 ul.options li.hover > div,
div.find .step1 ul.options li.checked > div {
  background-position: -80px -96px;
}

/* line 1421, scss/legacy/_main.scss */
div.find .step1 ul.options li > span,
div.find .step1 ul.options li > span {
  height: 21px;
  padding-top: 3px;
  font-weight: normal;
  font-family: 'Effra W01 Medium', Arial, sans-serif;
  font-size: 0.938em;
  overflow: hidden;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

/* line 1438, scss/legacy/_main.scss */
div.find .step1 ul.options li.hover > span,
div.find .step1 ul.options li.checked > span {
  background: url(/web/images/_new_images/bg-widget-button.png) 0 0 repeat-x;
}

/* Find product - Step 2
========================================================================== */
/* line 1450, scss/legacy/_main.scss */
div.find .step2 ul.options li {
  float: left;
  width: 214px;
  height: 189px;
  color: #318d2e;
  font-weight: normal;
}

/* line 1458, scss/legacy/_main.scss */
div.find .step2 ul.options li span {
  margin-top: -23px;
  height: 24px;
  width: 214px;
}

/* line 1464, scss/legacy/_main.scss */
div.find .step2 ul.options img {
  width: 214px;
  height: 189px;
}

/* line 1469, scss/legacy/_main.scss */
div.find .step2 ul.options li > div {
  position: relative;
  width: 214px;
  height: 164px;
  top: -187px;
  background: url(/web/images/_new_images/bg-widget-checkboxes.png) -42px -366px no-repeat;
}

/* line 1477, scss/legacy/_main.scss */
div.find .step2 ul.options li.hover > div,
div.find .step2 ul.options li.checked > div {
  background-position: -42px -66px;
}

/* line 1482, scss/legacy/_main.scss */
div.find .step2 ul.options li > span,
div.find .step2 ul.options li > span {
  height: 21px;
  padding-top: 3px;
  font-weight: normal;
  font-family: 'Effra W01 Medium', Arial, sans-serif;
}

/* line 1490, scss/legacy/_main.scss */
div.find .step2 ul.options li.hover > span,
div.find .step2 ul.options li.checked > span {
  background: url(/web/images/_new_images/bg-widget-button.png) 0 0 repeat-x;
  padding-top: 2px;
}

/* Find product - Step 3
========================================================================== */
/* line 1502, scss/legacy/_main.scss */
div.find .step3 ul.options {
  height: 190px;
}

/* line 1506, scss/legacy/_main.scss */
div.find .step3 ul.options li {
  float: left;
  width: 142px;
  height: 125px;
  color: #318d2e;
  font-weight: normal;
}

/* line 1514, scss/legacy/_main.scss */
div.find .step3 ul.options li span {
  margin-top: -23px;
  height: 24px;
  width: 142px;
}

/* line 1520, scss/legacy/_main.scss */
div.find .step3 ul.options img {
  width: 142px;
  height: 124px;
}

/* line 1525, scss/legacy/_main.scss */
div.find .step3 ul.options li > div {
  position: relative;
  width: 142px;
  height: 100px;
  top: -124px;
  background: url(/web/images/_new_images/bg-widget-checkboxes.png) -80px -396px no-repeat;
}

/* line 1533, scss/legacy/_main.scss */
div.find .step3 ul.options li.hover > div,
div.find .step3 ul.options li.checked > div {
  background-position: -80px -96px;
}

/* line 1538, scss/legacy/_main.scss */
div.find .step3 ul.options li > span,
div.find .step3 ul.options li > span {
  height: 21px;
  padding-top: 3px;
  font-weight: normal;
  font-family: 'Effra W01 Medium', Arial, sans-serif;
  font-size: 0.938em;
}

/* line 1547, scss/legacy/_main.scss */
div.find .step3 ul.options li.hover > span,
div.find .step3 ul.options li.checked > span {
  background: url(/web/images/_new_images/bg-widget-button.png) 0 0 repeat-x;
}

/* line 1555, scss/legacy/_main.scss */
div.find .step3.bigger-options ul.options li {
  float: left;
  width: 214px;
  height: 189px;
  color: #318d2e;
  font-weight: normal;
}

/* line 1563, scss/legacy/_main.scss */
div.find .step3.bigger-options ul.options li span {
  margin-top: -23px;
  height: 24px;
  width: 214px;
}

/* line 1569, scss/legacy/_main.scss */
div.find .step3.bigger-options ul.options img {
  width: 214px;
  height: 189px;
}

/* line 1574, scss/legacy/_main.scss */
div.find .step3.bigger-options ul.options li > div {
  position: relative;
  width: 214px;
  height: 164px;
  top: -187px;
  background: url(/web/images/_new_images/bg-widget-checkboxes.png) -42px -366px no-repeat;
}

/* line 1582, scss/legacy/_main.scss */
div.find .step3.bigger-options ul.options li.hover > div,
div.find .step3.bigger-options ul.options li.checked > div {
  background-position: -42px -66px;
}

/* line 1587, scss/legacy/_main.scss */
div.find .step3.bigger-options ul.options li > span,
div.find .step3.bigger-options ul.options li > span {
  height: 21px;
  padding-top: 3px;
  font-weight: normal;
  font-family: 'Effra W01 Medium', Arial, sans-serif;
}

/* line 1595, scss/legacy/_main.scss */
div.find .step3.bigger-options ul.options li.hover > span,
div.find .step3.bigger-options ul.options li.checked > span {
  background: url(/web/images/_new_images/bg-widget-button.png) 0 0 repeat-x;
  padding-top: 2px;
}

/* News
========================================================================== */
/* line 1603, scss/legacy/_main.scss */
div.news-wrapper {
  position: relative;
  width: 960px;
  background: #FCF8D9 url("/web/images/_new_images/bg-news.png") 0 0 repeat-x;
  margin: 0 0 0 -30px;
}

/* line 1610, scss/legacy/_main.scss */
div.news {
  position: relative;
  margin: 55px 0 0 0;
  padding: 55px 0 54px 30px;
  overflow: hidden;
}

/* line 1617, scss/legacy/_main.scss */
div.news
img {
  margin: 3px 0 0;
}

/* line 1622, scss/legacy/_main.scss */
div.news
div.text {
  margin: 0 0 0 20px;
}

/* line 1627, scss/legacy/_main.scss */
div.zig-zag {
  position: absolute;
  top: 0;
  left: -30px;
  width: 960px;
  height: 64px;
  padding: 0 30px 0 0;
  background: url("/web/images/_new_images/zig-zag-yellow-top.png") 0 0 repeat-x;
}

/* line 1637, scss/legacy/_main.scss */
div.news div.grid_4 .news-header {
  min-height: 50px;
  position: relative;
}

/* line 1642, scss/legacy/_main.scss */
div.news div.grid_4 .news-header h3 {
  position: absolute;
  bottom: 0;
}

/* line 1647, scss/legacy/_main.scss */
div.news div.grid_4.text {
  margin: 0;
  padding-top: 10px;
}

/* line 1652, scss/legacy/_main.scss */
div.news div.grid_4 .clickable-news-header {
  font-family: Arial, sans-serif;
  font-size: 100%;
  color: #444;
}
/* line 1657, scss/legacy/_main.scss */
div.news div.grid_4 .clickable-news-header:hover {
  color: #318D2E;
}

/* ==========================================================================
Footer
========================================================================== */
/* line 1665, scss/legacy/_main.scss */
footer {
  padding: 0 0 130px 0;
}

/* line 1672, scss/legacy/_main.scss */
footer.checkout
div.footer-icons {
  position: absolute;
}

/* line 1677, scss/legacy/_main.scss */
footer.checkout
div.akzonobel {
  position: absolute;
  top: 40px;
  right: 10px;
}

/* Footer Icons
========================================================================== */
/* line 1686, scss/legacy/_main.scss */
div.footer-icons {
  position: relative;
  padding: 0 0 0 18px;
}

/* line 1691, scss/legacy/_main.scss */
div.footer-icons
div.zig-zag {
  top: -10px;
  padding: 0;
  background: url("/web/images/_new_images/zig-zag-yellow-bottom.png") 0 0 repeat-x;
}

/* line 1698, scss/legacy/_main.scss */
div.footer-icon {
  padding-top: 29px;
  text-align: center;
  margin-right: 0;
  margin-left: 0;
}

/* line 1705, scss/legacy/_main.scss */
div.footer-icon
div {
  text-align: center;
  color: #888;
  padding: 0 0 0 12px;
}

/* line 1712, scss/legacy/_main.scss */
div.footer-icon
h2 {
  font-size: 0.875em;
  font-family: Arial, sans-serif;
  font-weight: bold;
  padding: 11px 0 0 0;
  margin: 0;
}

/* line 1721, scss/legacy/_main.scss */
div.footer-icon
span {
  display: block;
  font-size: 0.750em;
  font-family: Arial, sans-serif;
  max-width: 150px;
  margin: 0 auto;
  padding: 2px 0 0;
  line-height: 1.3em;
}

/* line 1732, scss/legacy/_main.scss */
div.footer-icon
div.store-finder {
  margin-left: 20px;
}

/* line 1737, scss/legacy/_main.scss */
div.footer-icon
div.professional {
  padding-left: 26px;
  width: 220px;
}

/* line 1743, scss/legacy/_main.scss */
div.footer-icon
a {
  margin: 0 auto;
  display: block;
  width: 64px;
  height: 62px;
}

/* line 1751, scss/legacy/_main.scss */
div.footer-icon
a.phone {
  background: url("/web/images/_new_images/footer-phone.png") 0 0 no-repeat;
}

/* line 1756, scss/legacy/_main.scss */
div.footer-icon
a.phone:hover {
  background-position: 0px -72px;
}

/* line 1761, scss/legacy/_main.scss */
div.footer-icon
a.search {
  background: url("/web/images/_new_images/footer-search.png") 0 0 no-repeat;
}

/* line 1766, scss/legacy/_main.scss */
div.footer-icon
a.search:hover {
  background-position: 0px -72px;
}

/* line 1771, scss/legacy/_main.scss */
div.footer-icon
a.prof {
  background: url("/web/images/_new_images/footer-prof.png") 0 0 no-repeat;
}

/* line 1776, scss/legacy/_main.scss */
div.footer-icon
a.prof:hover {
  background-position: 0px -72px;
}

/* line 1781, scss/legacy/_main.scss */
a.mail {
  background: url("/web/images/_new_images/footer-mail.png") 0 0 no-repeat;
}

/* line 1785, scss/legacy/_main.scss */
div.footer-icon
a.mail:hover {
  background-position: 0px -72px;
}

/* line 1790, scss/legacy/_main.scss */
form.search-form {
  position: relative;
}

/* line 1794, scss/legacy/_main.scss */
button.finder-button {
  position: absolute;
  top: 12px;
  right: 7px;
  text-indent: -9999px;
  border: 0;
  background: url("/web/images/_new_images/arrow-link.png") 0 0 no-repeat;
  cursor: pointer;
}

/* line 1804, scss/legacy/_main.scss */
div.footer-icon
.search-form input {
  border: 1px solid #c4c4c3;
  color: #888;
  text-align: left;
  width: 164px;
  height: 24px;
  border-radius: 0px !important;
  font-size: 0.813em;
  padding: 0 0 0 10px;
  margin-top: 4px;
}

/* line 1817, scss/legacy/_main.scss */
div.footer-icon
.search-form
input:focus {
  box-shadow: inset 0 0px 0px transparent !important;
}

/* Footer Links
========================================================================== */
/* line 1825, scss/legacy/_main.scss */
div.footer-links {
  padding: 15px 0 0 0;
  overflow: hidden;
}

/* line 1830, scss/legacy/_main.scss */
div.footer-links
h2 {
  color: #6d6d6d;
  font-weight: bold;
  font-size: 0.875em;
  margin: 0 0 12px 0;
  font-family: Arial, sans-serif;
}

/* line 1839, scss/legacy/_main.scss */
div.footer-links
ul {
  float: left;
  list-style: none;
  margin: 0;
  width: 150px;
}

/* line 1851, scss/legacy/_main.scss */
div.footer-links
ul li a {
  color: #8b8b8b;
  font-size: 0.688em;
  font-family: Arial, sans-serif;
}

/* line 1858, scss/legacy/_main.scss */
div.footer-links
ul li a:hover {
  color: #444;
}

/* line 1863, scss/legacy/_main.scss */
div.join
a.youtube {
  display: block;
  width: 38px;
  height: 40px;
  background: url("/web/images/_new_images/ico-youtube.png") 0 0 no-repeat;
  text-indent: -9999px;
  margin-bottom: 10px;
}

/* line 1873, scss/legacy/_main.scss */
div.join
a.facebook {
  display: block;
  width: 38px;
  height: 40px;
  background: url("/web/images/_new_images/ico-facebook.png") 0 0 no-repeat;
  text-indent: -9999px;
  margin-bottom: 10px;
}
/* line 1882, scss/legacy/_main.scss */
div.join
a.facebook.inline-item {
  display: inline-block;
}

/* line 1887, scss/legacy/_main.scss */
div.join
a.twitter {
  display: block;
  width: 38px;
  height: 38px;
  background: url("/web/images/_new_images/twitter_icon.png") 0 0 no-repeat;
  background-size: contain;
  text-indent: -9999px;
}
/* line 1896, scss/legacy/_main.scss */
div.join
a.twitter.inline-item {
  display: inline-block;
}

/* line 1901, scss/legacy/_main.scss */
div.join
a.app-store {
  float: left;
  display: block;
  width: 86px;
  height: 30px;
  background: url("/web/images/_new_images/ico-app-store.png") 0 0 no-repeat;
  text-indent: -9999px;
}

/* line 1911, scss/legacy/_main.scss */
div.akzonobel {
  float: right;
  margin: 0 10px 20px 0;
}

/* line 1916, scss/legacy/_main.scss */
div.akzonobel
a {
  display: block;
  width: 100px;
  height: 24px;
  background: url("/web/images/_new_images/AkzoNobel-logo-thumb.png") 0 0 no-repeat;
  text-indent: -9999px;
}

/* line 1925, scss/legacy/_main.scss */
img.cuprinol-cheer {
  margin: 2px 0 0 0;
}

/* Footer Grass
========================================================================== */
/* line 1931, scss/legacy/_main.scss */
div.grass {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 94px;
  background: url("/web/images/_new_images/footer-grass.png") 0 0 repeat-x;
  z-index: 7010;
  margin: 0;
  padding: 0;
}

/* Search drop down
========================================================================== */
/* line 1945, scss/legacy/_main.scss */
#search-dropdown .container ul {
  margin: 7px 0 0 0;
  padding: 0;
  width: 90px;
  position: absolute;
  left: 423px;
  background: url(/web/images/_new_images/arrow-dropdown.png) 79px 10px no-repeat;
}

/* line 1954, scss/legacy/_main.scss */
#search-dropdown .container ul li {
  clear: both;
  display: none;
  padding: 4px 0 4px 5px;
  background: #fff;
  width: 70px;
}

/* line 1962, scss/legacy/_main.scss */
#search-dropdown .container ul li.selected {
  display: block;
}

/* line 1966, scss/legacy/_main.scss */
#search-dropdown .container ul:hover li {
  display: block;
}

/* line 1970, scss/legacy/_main.scss */
#search-dropdown .container form {
  margin: 0;
  width: 850px;
  margin: 0 0 0 40px;
  height: 77px;
  float: left;
}

/* line 1978, scss/legacy/_main.scss */
#search-dropdown .searchbar {
  width: 526px;
  height: 43px;
  border: 1px solid #c2c2c1;
  margin: 18px 0 0 0;
  float: left;
  background: #fff;
  position: relative;
}

/* line 1988, scss/legacy/_main.scss */
#search-dropdown .searchbar a {
  text-decoration: none;
  color: #000;
  text-indent: 0;
  font-family: Arial, sans-serif;
  font-size: 0.938em;
}

/* line 1996, scss/legacy/_main.scss */
#search-dropdown .input-search {
  border: 0;
  background: #fff;
  color: #000;
  /*    font-style: italic;*/
  float: left;
  height: 28px;
  margin: 8px 0 0 10px;
  box-shadow: none;
  border-radius: 0;
  width: 410px;
  border-right: 1px solid #c2c2c1;
  padding: 0;
}

/* line 2011, scss/legacy/_main.scss */
#search-dropdown .btn-search {
  margin: 18px 0 0 20px;
  box-shadow: -1px 0 3px #999;
}

/* line 2016, scss/legacy/_main.scss */
#search-dropdown .btn-search:hover {
  box-shadow: none;
}

/* line 2020, scss/legacy/_main.scss */
#search-dropdown .dropdown-close {
  margin: 23px 0 0 12px;
  text-indent: 0;
  display: inline;
  float: left;
}

/* My account drop down
========================================================================== */
/* line 2029, scss/legacy/_main.scss */
#account-dropdown {
  height: 85px;
}

/* line 2033, scss/legacy/_main.scss */
#account-dropdown .container.login form {
  margin: 18px 0 0 0;
  width: auto;
  float: right;
}

/* line 2039, scss/legacy/_main.scss */
#account-dropdown .container.register form {
  width: 910px;
  margin: 18px 0 0 0;
  float: left;
}

/* line 2045, scss/legacy/_main.scss */
#account-dropdown .container.forgotten form {
  margin: 4px 0 0 135px;
  width: 775px;
  float: left;
}

/* line 2051, scss/legacy/_main.scss */
#account-dropdown .container.forgotten form p {
  margin: 2px 0 8px 0;
}

/* line 2055, scss/legacy/_main.scss */
#account-dropdown .container.login form .toggle-forgotten {
  clear: both;
  float: left;
  font-weight: bold;
  margin: 0 0 5px 375px;
  display: block;
  font-size: 0.813em;
}

/* line 2064, scss/legacy/_main.scss */
#account-dropdown .input-email {
  border: 0;
  background: #fff;
  color: #b7b7b7;
  font-style: italic;
  float: left;
  height: 30px;
  margin: 0 20px 0 0;
  box-shadow: none;
  border-radius: 0;
  width: 180px;
  border: 1px solid #c2c2c1;
  padding: 5px 12px 5px 13px;
}

/* line 2079, scss/legacy/_main.scss */
#account-dropdown .input-password {
  border: 0;
  background: #fff;
  color: #b7b7b7;
  font-style: italic;
  float: left;
  height: 30px;
  margin: 0 20px 0 0;
  box-shadow: none;
  border-radius: 0;
  width: 180px;
  border: 1px solid #c2c2c1;
  padding: 5px 11px 5px 12px;
}

/* line 2094, scss/legacy/_main.scss */
#account-dropdown .btn-login {
  margin: 0;
  padding: 11px 12px;
  background: url(/web/images/_new_images/bg-button-large.png) 0 0 repeat-x;
  font-weight: bold;
  text-align: left;
}

/* line 2102, scss/legacy/_main.scss */
#account-dropdown .btn-logout {
  margin: 0;
  padding: 11px 12px;
  background: url(/web/images/_new_images/bg-button-large.png) 0 0 repeat-x;
  font-weight: bold;
  text-align: right;
  margin-top: 8px;
  float: right;
  margin-left: 16px;
}

/* line 2113, scss/legacy/_main.scss */
#account-dropdown .btn-login span {
  top: 14px;
}

/* line 2117, scss/legacy/_main.scss */
#account-dropdown .dropdown-close {
  margin: 32px 0 0 12px;
  text-indent: 0;
  display: inline;
  float: right;
}

/* line 2124, scss/legacy/_main.scss */
#account-dropdown .login label {
  width: 125px;
  float: left;
  text-align: right;
  padding: 0 5px 0 0;
  font-size: 1.3em;
  margin: 10px 10px 0 0;
  line-height: 1em;
}

/* line 2134, scss/legacy/_main.scss */
#account-dropdown .login .logout-label {
  width: auto;
  float: right;
  text-align: left;
  padding: 8px 5px 0 0;
  font-size: 1em;
  font-family: 'Effra W01 Bold', Arial, sans-serif;
  margin: 10px 10px 0 0;
  line-height: 1em;
  clear: none;
}

/* line 2146, scss/legacy/_main.scss */
#account-dropdown .register label {
  width: 125px;
  float: left;
  text-align: right;
  padding: 0 5px 0 0;
  font-size: 1.3em;
  margin: 10px 10px 0 0;
  line-height: 1em;
}

/* line 2156, scss/legacy/_main.scss */
#account-dropdown label span {
  font-size: 0.7em;
  clear: both;
  display: block;
  font-weight: bold;
  margin: 2px 0 0 0;
}

/* line 2164, scss/legacy/_main.scss */
#account-dropdown a {
  font-family: Arial, sans-serif;
}

/* line 2168, scss/legacy/_main.scss */
#account-dropdown .container.register,
#account-dropdown .container.forgotten {
  display: none;
}

/* line 2173, scss/legacy/_main.scss */
#account-dropdown .container.forgotten a {
  display: inline;
  font-weight: bold;
}

/* Basket drop down
========================================================================== */
/* line 2180, scss/legacy/_main.scss */
#basket-dropdown {
  width: 356px;
  border-bottom: 1px solid #c2c2c1;
  position: absolute;
  top: 97px;
  left: 57%;
  background: #e6e6e6 url(/web/images/_new_images/bg-nav-dropdown-basket.png) top left repeat-x;
  height: auto;
  border: 1px solid #c2c2c1;
  margin-left: -11px;
  padding-bottom: 10px;
}

/* line 2193, scss/legacy/_main.scss */
#basket-dropdown .container {
  width: 336px;
  margin: 0 auto;
  padding: 15px 10px 10px;
}

/* line 2199, scss/legacy/_main.scss */
#basket-dropdown .button {
  display: block;
  clear: both;
  float: right;
  text-indent: 0;
}

/* line 2206, scss/legacy/_main.scss */
#basket-dropdown .dropdown-close {
  text-indent: 0;
  float: right;
}

/* line 2211, scss/legacy/_main.scss */
#basket-dropdown h3 {
  font-size: 1.25em;
  width: 280px;
  display: block;
  float: left;
  margin: 10px 0 0 0;
  padding: 0;
  line-height: 1em;
}

/* line 2221, scss/legacy/_main.scss */
#basket-dropdown ul {
  border-top: 1px solid #c2c2c1;
  margin: 10px 0;
  padding: 0;
  background: none;
  height: auto;
  width: 336px;
}

/* line 2230, scss/legacy/_main.scss */
#basket-dropdown ul li {
  background: url(/web/images/_new_images/dash-line.png) bottom left repeat-x;
  padding: 10px 0;
  width: 336px;
}

/* line 2236, scss/legacy/_main.scss */
#basket-dropdown p {
  display: none;
  clear: both;
}

/* line 2241, scss/legacy/_main.scss */
#basket-dropdown ul li img {
  float: left;
  width: 50px;
}

/* line 2246, scss/legacy/_main.scss */
#basket-dropdown ul li div {
  float: left;
  width: 240px;
  font-weight: bold;
  padding: 0 10px;
  font-size: 1em;
  font-family: Arial, sans-serif;
}

/* line 2255, scss/legacy/_main.scss */
#basket-dropdown ul li div a {
  font-family: Arial, sans-serif;
  margin: 0 0 5px 0;
}

/* line 2260, scss/legacy/_main.scss */
#basket-dropdown ul li div span {
  clear: both;
  display: block;
  font-size: 0.813em;
  font-weight: normal;
}

/* line 2267, scss/legacy/_main.scss */
#basket-dropdown ul li a {
  float: left;
  /*margin:5px 0 0 10px;*/
  color: #444;
}

/* line 2272, scss/legacy/_main.scss */
a.btn-delete {
  width: 24px;
  height: 24px;
  background: url(/web/images/_new_images/btn-delete.png) top left no-repeat;
  margin: 5px 0 0 10px;
}

/* line 2279, scss/legacy/_main.scss */
a.btn-delete span {
  position: absolute;
  left: -9999px;
}

/* line 2284, scss/legacy/_main.scss */
a.btn-delete:hover {
  background: url(/web/images/_new_images/btn-delete-hover.png) top left no-repeat;
}

/* line 2288, scss/legacy/_main.scss */
.slide-info h2 {
  line-height: 20px;
  margin: 0;
}

/* line 2293, scss/legacy/_main.scss */
.slide-info h3 {
  line-height: 14px;
  margin: 0;
}

/* line 2298, scss/legacy/_main.scss */
.logo h1 {
  margin: 0;
  padding: 0;
  line-height: normal;
}

/*--------------------------------------------------*/
/* Image Headings (sub pages)                       */
/* line 2307, scss/legacy/_main.scss */
.imageHeading img {
  position: relative;
  z-index: 7002;
}

/*--------------------------------------------------*/
/* Sub Nav Styling                                  */
/* line 2315, scss/legacy/_main.scss */
.sub-nav-container {
  height: 59px;
}

/* line 2319, scss/legacy/_main.scss */
.subNav {
  position: relative;
  width: 100%;
  background: url("/web/images/_new_images/subnav-bg.png") top left repeat-x;
  height: 59px;
  z-index: 200;
}
/* line 2326, scss/legacy/_main.scss */
.subNav .selected a {
  border-bottom: 4px solid #444444;
}
/* line 2330, scss/legacy/_main.scss */
.subNav nav {
  height: 59px;
}
/* line 2334, scss/legacy/_main.scss */
.subNav ul {
  overflow: hidden;
  margin-left: 0;
}
/* line 2339, scss/legacy/_main.scss */
.subNav li {
  list-style-type: none;
  line-height: 54px;
  float: left;
  margin-left: 13px;
}
/* line 2345, scss/legacy/_main.scss */
.subNav li a {
  padding: 0;
  color: #444444;
  text-shadow: none;
  font-size: 1.125em;
  height: 54px;
  padding: 0 35px;
  line-height: 3.2em;
  font-family: 'Effra W01 Bold', Arial, sans-serif;
  font-weight: normal;
}
/* line 2356, scss/legacy/_main.scss */
.subNav li a:first-child {
  margin-left: 0;
}
/* line 2360, scss/legacy/_main.scss */
.subNav li a:hover {
  border-bottom: 4px solid #444444;
}

/* ==========================================================================
About
========================================================================== */
/* line 2412, scss/legacy/_main.scss */
body#about
div.top-left {
  top: 0;
  left: -20px !important;
  width: 321px;
  height: 250px;
  background: url("/web/images/_new_images/leaf-topLeft-about.png") right top no-repeat;
}

/* line 2421, scss/legacy/_main.scss */
body#about
footer {
  padding-top: 50px;
}

/* line 2426, scss/legacy/_main.scss */
body#about
div.zig-zag {
  background-image: url("/web/images/_new_images/sep-toothed-footer.png");
}

/* line 2431, scss/legacy/_main.scss */
div.about-container {
  padding-bottom: 46px;
}

/* line 2435, scss/legacy/_main.scss */
div.about {
  padding-bottom: 32px;
  padding-top: 174px;
}

/* line 2440, scss/legacy/_main.scss */
div.about
h1 {
  font-size: 27px;
  line-height: 10px;
  font-weight: normal;
  font-family: 'Effra W01 Regular', Arial, sans-serif;
  letter-spacing: 2.2px;
  margin-bottom: 20px;
}

/* line 2450, scss/legacy/_main.scss */
div.about
h3 {
  letter-spacing: 1.6px;
  font-size: 1.2em;
  line-height: 22px;
}

/* line 2457, scss/legacy/_main.scss */
div.about
h4 {
  font-size: 17px;
  padding: 0;
  margin: 0 0 13px 0;
  font-weight: normal;
}

/*div.about
p {
		font-size: 12px;
		font-weight: 300;
		margin: 0 0 28px 0;
		line-height: 16px;
		letter-spacing: -0.8px;
}*/
/* line 2474, scss/legacy/_main.scss */
div.about li p {
  margin-bottom: 0;
}

/* line 2478, scss/legacy/_main.scss */
div.title {
  border-bottom: 1px solid #B7B7B7;
  margin-bottom: 34px;
}

/* line 2483, scss/legacy/_main.scss */
div.title.noimage {
  margin-top: 175px;
}

/* line 2487, scss/legacy/_main.scss */
div.title h3 {
  margin: -5px 0 27px 0;
}

/* line 2491, scss/legacy/_main.scss */
div.title h3.notification-message {
  padding-top: 10px;
  font-style: italic;
  font-size: 20px;
}

/*--------------------------------------------------*/
/* Help & advice                                    */
/* line 2500, scss/legacy/_main.scss */
body.whiteBg {
  background: #fff;
}

/* line 2504, scss/legacy/_main.scss */
body.whiteBg .zig-zag {
  clear: both;
  background: url("/web/images/_new_images/zigzag_white.png") repeat-x scroll;
  top: 0;
  margin: 0;
  width: 960px;
  left: -30px;
  padding-top: 20px;
}

/* line 2514, scss/legacy/_main.scss */
div.help {
  margin-top: 56px;
  margin-bottom: 15px;
  padding-top: 34px;
}

/* line 2520, scss/legacy/_main.scss */
.three-col {
  padding-bottom: 20px;
}

/* line 2524, scss/legacy/_main.scss */
.three-col .grid_4 h4 {
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 5px;
  margin-top: 0;
}

/* line 2530, scss/legacy/_main.scss */
.three-col .arrow-link {
  margin-top: 10px;
  display: inline-block;
}

/* line 2535, scss/legacy/_main.scss */
#helpadvice .subNav nav ul li a {
  padding: 0px 26px;
}

/* line 2539, scss/legacy/_main.scss */
#helpadvice .imageHeading h2 {
  height: 180px;
}

/* line 2543, scss/legacy/_main.scss */
body.advice .product-listing li.grid_3 {
  margin-bottom: 40px;
}

/* line 2547, scss/legacy/_main.scss */
body.advice #product-list {
  margin-top: 0;
}

/* line 2551, scss/legacy/_main.scss */
body.advice .recommended-container p {
  margin-bottom: 14px;
}

/* line 2555, scss/legacy/_main.scss */
body.advice #product-list {
  margin-top: 0;
  padding-top: 50px;
}

/* line 2560, scss/legacy/_main.scss */
body.advice .product-listing li {
  background: none;
}

/* line 2564, scss/legacy/_main.scss */
body.advice .product-listing li a {
  font-size: 13px;
}

/*--------------------------------------------------*/
/* Product Specific Help Page                       */
/* line 2571, scss/legacy/_main.scss */
.nav_floated {
  position: fixed;
  top: 0px;
  left: auto;
  z-index: 40000;
}

/* line 2578, scss/legacy/_main.scss */
.nav_floated_dd {
  top: 173px;
  z-index: 9999;
}

/* line 2583, scss/legacy/_main.scss */
.product-listing {
  margin: 0;
  list-style-type: none;
}

/* line 2588, scss/legacy/_main.scss */
.product-listing.grid {
  clear: left;
}

/* line 2592, scss/legacy/_main.scss */
.product-listing li {
  margin-left: 10px;
  margin-right: 10px;
  /*background: #e8e8e8;*/
  /*background: white;*/
}

/* line 2599, scss/legacy/_main.scss */
.product-listing li a span.prod-title {
  color: #fff;
  font-size: 1.15em;
  background: #2e872b;
  display: block;
  width: 189px;
  padding: 14px 10px 14px 6px;
  padding-left: 6px;
  padding-top: 12px;
  line-height: 1.10em;
  height: 52px;
}

/* line 2612, scss/legacy/_main.scss */
.product-listing li a .prod-image {
  display: block;
  padding: 4px;
  border: 4px solid #dedede;
  border-bottom: 0;
  text-align: center;
  background-color: white;
}

/* line 2621, scss/legacy/_main.scss */
.product-listing li a:hover .prod-image {
  padding: 0;
  border: 8px solid #dedede;
  border-bottom: 4px solid #dedede;
}

/* line 2627, scss/legacy/_main.scss */
.product-listing.list-view a {
  border: 0px;
}

/* line 2631, scss/legacy/_main.scss */
.product-listing.list-view a span.prod-image {
  overflow: auto;
  float: left;
  border-bottom: 4px solid #dedede;
}

/* line 2637, scss/legacy/_main.scss */
.product-listing.list-view a:hover span.prod-image {
  border-bottom: 8px solid #dedede;
}

/* line 2641, scss/legacy/_main.scss */
.product-listing.list-view a span.prod-image > img {
  border: 0px !important;
}

/* line 2645, scss/legacy/_main.scss */
.green-grad {
  background: url(/web/images/_new_images/bg-green-box.png) -7px -7px no-repeat !important;
}

/* line 2649, scss/legacy/_main.scss */
.green-grad:hover {
  background-position: -235px -7px !important;
}

/* line 2653, scss/legacy/_main.scss */
.box_link_green {
  height: 271px;
  width: 209px;
  margin-right: 0;
  position: relative;
  box-shadow: 0 0 4px 1px #CCC;
}

/* line 2661, scss/legacy/_main.scss */
.box_link_green:hover {
  box-shadow: 0 0 2px 1px #CCC;
}

/* line 2665, scss/legacy/_main.scss */
.box_link_green span {
  display: block;
  position: absolute;
  bottom: 20px;
  margin: 0 24px;
  font-size: 16px;
  line-height: 19px;
  color: #fff;
}

/* line 2676, scss/legacy/_main.scss */
.box_link_green.mini-copy span {
  bottom: auto;
  margin-top: 136px;
  font-family: 'Effra W01 Regular', Arial, sans-serif;
  font-size: 1.35em;
}

/* line 2683, scss/legacy/_main.scss */
.box_link_green.mini-copy span i {
  margin-left: 10px;
}

/* line 2687, scss/legacy/_main.scss */
.recommended-container h2,
.heading-filters h2 {
  margin-top: 0;
  margin-left: 10px;
}

/* line 2693, scss/legacy/_main.scss */
.recommended-container h4 {
  margin: 0 0 30px 10px;
}

/* line 2697, scss/legacy/_main.scss */
.recommended-container p {
  margin-bottom: 30px;
  margin-left: 10px;
}

/* line 2703, scss/legacy/_main.scss */
.section-intro .first {
  margin-left: 0;
}

/* line 2707, scss/legacy/_main.scss */
.section-intro {
  line-height: 16px;
}

/* line 2711, scss/legacy/_main.scss */
.section-intro .borderRight {
  border-right: 1px solid #b7b7b7;
  width: 194px;
  padding-right: 10px;
  margin-right: 10px;
}

/* line 2718, scss/legacy/_main.scss */
.yellow-section {
  width: 900px;
  padding: 50px 30px;
  margin-left: -30px;
  background: #fffef2 url("/web/images/_new_images/zig-zag-yellow-top.png") repeat-x top left;
}

/* line 2725, scss/legacy/_main.scss */
#product-list {
  width: 900px;
  padding: 0 30px 0 30px;
  margin-top: 24px;
  margin-left: -30px;
  background: #fff url("/web/images/_new_images/zig-zag-yellow-bottom.png") repeat-x top left;
}

/* line 2733, scss/legacy/_main.scss */
#product-list.pb30 {
  padding: 50px 30px 26px;
}

/* line 2737, scss/legacy/_main.scss */
.fenceshelpadvice #product-list {
  margin-top: 0px;
}

/* line 2741, scss/legacy/_main.scss */
#product-list .heading-filters {
  margin-bottom: 10px;
}

/* line 2745, scss/legacy/_main.scss */
#product-list .title {
  margin-top: 20px;
  margin-bottom: 20px;
  display: inline-block;
}

/* line 2751, scss/legacy/_main.scss */
#product-list ul.product-listing li {
  margin-bottom: 20px;
}

/* line 2755, scss/legacy/_main.scss */
.fenceshelpadvice .filter-control {
  width: 277px;
  margin-right: 10px;
}

/*--------------------------------------------------*/
/* Alternate View                                   */
/* line 2763, scss/legacy/_main.scss */
#product-list ul.list-view li.grid_3 {
  width: 880px;
  padding: 30px 40px 40px;
  margin-left: -30px;
  margin-bottom: 0;
  margin-top: 0;
  overflow: hidden;
}

/* line 2772, scss/legacy/_main.scss */
.products #product-list ul.list-view li.grid_3 {
  padding-top: 26px;
  padding-bottom: 28px;
}

/* line 2777, scss/legacy/_main.scss */
#product-list ul.list-view li.grid_3:first-child {
  display: block;
}

/* line 2781, scss/legacy/_main.scss */
.products #product-list ul.list-view li.grid_3.no-zig-zag:first-child {
  padding-bottom: 0px;
  background-image: none;
  display: none;
}

/* line 2787, scss/legacy/_main.scss */
.products #product-list ul.list-view li.grid_3:nth-child(2) {
  padding-top: 20px;
  padding-bottom: 24px;
}

/* line 2792, scss/legacy/_main.scss */
.products #product-list ul.list-view li.grid_3:last-child {
  background: none;
}

/* line 2796, scss/legacy/_main.scss */
.products #product-list ul.list-view li .prod-image img {
  width: 112px;
}

/* line 2800, scss/legacy/_main.scss */
.products #product-list ul.list-view li .prod-info .right p {
  /*padding-left: 12px;*/
}

/* line 2804, scss/legacy/_main.scss */
.products #product-list ul.list-view li span.prod-title {
  font-size: 1.125em;
  margin-top: -5px;
}

/* line 2809, scss/legacy/_main.scss */
.products #product-list ul.list-view li div.prod-info {
  margin-top: 14px;
  margin-left: 20px;
}

/* line 2814, scss/legacy/_main.scss */
.products #product-list ul.list-view li div.prod-info ul li {
  padding-top: 2px;
  padding-left: 34px;
  padding-bottom: 3px;
  font-weight: bold;
  font-size: 0.813em;
}

/* line 2822, scss/legacy/_main.scss */
.list-view li {
  background: #fff url("/web/images/_new_images/zig-zag-yellow-top.png") repeat-x bottom left;
}

/* line 2826, scss/legacy/_main.scss */
.list-view li.alt {
  background: #fffef2 url("/web/images/_new_images/zig-zag-yellow-bottom.png") repeat-x bottom left;
}

/* line 2830, scss/legacy/_main.scss */
#product-list ul.list-view li.grid_3 img {
  border-bottom: 4px solid #dedede;
  float: left;
  width: 124px;
}

/* line 2836, scss/legacy/_main.scss */
#product-list ul.list-view li.grid_3 .prod-title {
  padding: 0;
  float: left;
  background: 0;
  width: 620px;
  margin-left: 20px;
  line-height: 22px;
  color: #444444;
}

/* line 2847, scss/legacy/_main.scss */
#product-list ul.grid li.grid_3 .prod-info {
  display: none;
}

/* line 2851, scss/legacy/_main.scss */
#product-list ul.list-view li.grid_3 .prod-info {
  display: block;
  width: 620px;
  float: left;
  overflow: hidden;
  margin-left: 20px;
  margin-top: 20px;
}

/* line 2860, scss/legacy/_main.scss */
#product-list ul.list-view li.grid_3 .prod-info ul {
  margin-left: 0;
}

/* line 2864, scss/legacy/_main.scss */
#product-list ul.list-view li.grid_3 .prod-info ul li {
  background: url("/web/images/_new_images/sections/fenceshelpandadvice/tick-bullet.png") no-repeat 0 80%;
  padding: 0;
  margin: 0;
  list-style-type: none;
  margin-bottom: 15px;
  padding-left: 28px;
}

/* line 2873, scss/legacy/_main.scss */
#product-list ul.list-view li.grid_3 .prod-info .left {
  float: left;
  width: 212px;
  border-right: 1px solid #dfdfdf;
  padding-right: 10px;
}

/* line 2880, scss/legacy/_main.scss */
#product-list ul.list-view li.grid_3 .prod-info .right {
  float: left;
  width: 360px;
  /*margin-left: 20px;*/
}

/*--------------------------------------------------*/
/* View State Filters                               */
/* line 2889, scss/legacy/_main.scss */
.heading-filters {
  float: left;
  width: 100%;
}

/* line 2894, scss/legacy/_main.scss */
.heading-filters h2 {
  float: left;
}

/* line 2898, scss/legacy/_main.scss */
.filter-control {
  float: right;
  margin-right: 20px;
}

/* line 2903, scss/legacy/_main.scss */
#product-list .filter-control form {
  float: right;
}

/* line 2907, scss/legacy/_main.scss */
.view-states {
  float: right;
  line-height: 35px;
  width: 124px;
}

/* line 2913, scss/legacy/_main.scss */
.view-states #grid-view {
  background: url("/web/images/_new_images/grid-view-inactive.png") no-repeat top left;
  width: 40px;
  height: 42px;
  display: block;
}

/* line 2920, scss/legacy/_main.scss */
.view-states #grid-view.active {
  background: url("/web/images/_new_images/grid-view-active.png") no-repeat top left;
}

/* line 2924, scss/legacy/_main.scss */
.view-states #grid-view span {
  position: absolute;
  left: -10000px;
}

/* line 2929, scss/legacy/_main.scss */
.view-states a {
  height: 34px;
  float: left;
}

/* line 2934, scss/legacy/_main.scss */
.filter-control {
  width: 340px;
}

/* line 2938, scss/legacy/_main.scss */
.filter-control {
  line-height: 35px;
}

/*.filter-control .custom-dd {
		height: 31px;
		background: url('/web/images/_new_images/select-repeat.png') repeat-x;
		float: right;
}

.filter-control .custom-dd-wrapper {
		float: left;
		height: 31px;
		background: url('/web/images/_new_images/select-start.png') no-repeat top left;
		line-height: 35px;
}

.filter-control .custom-dd-wrapper #dd-click {
		padding: 10px;
		color: #444444;
		padding-right: 40px;
		background: url('/web/images/_new_images/select-arrow.png') no-repeat top right;
}
*/
/* line 2962, scss/legacy/_main.scss */
.view-states .text,
.filter-control .text {
  font-size: 0.875em;
  float: left;
  margin: 10px 10px 0 0;
  font-family: 'Effra W01 Medium', Arial, sans-serif;
}

/* line 2970, scss/legacy/_main.scss */
.filter-control .text {
  float: left;
}

/* line 2974, scss/legacy/_main.scss */
.view-states #list-view {
  width: 40px;
  height: 42px;
  background: url("/web/images/_new_images/list-view-inactive.png") no-repeat top left;
  display: block;
}

/* line 2981, scss/legacy/_main.scss */
.view-states #list-view.active {
  background: url("/web/images/_new_images/list-view-active.png") no-repeat top left;
}

/* line 2985, scss/legacy/_main.scss */
.view-states #list-view span {
  position: absolute;
  left: -10000px;
}

/*--------------------------------------------------*/
/* Product details page */
/* line 2992, scss/legacy/_main.scss */
.title.product-title {
  margin-bottom: 40px;
}

/* line 2996, scss/legacy/_main.scss */
.product-shot {
  margin-bottom: 15px;
}

/* line 3000, scss/legacy/_main.scss */
.product-shot > img {
  display: block;
  border: 4px solid #dedede;
}

/* line 3005, scss/legacy/_main.scss */
.product-shot ul {
  display: block;
  border: 4px solid #e4dfaf;
  border-top: 0;
  margin: 0;
  padding: 0 0 0 19px;
  background: #fffbd5;
  width: 177px;
  list-style-type: none;
}

/* line 3016, scss/legacy/_main.scss */
.product-shot ul li {
  display: inline-block;
  padding: 6px 8px 6px 0;
}

/* line 3024, scss/legacy/_main.scss */
.product-summary ul {
  margin: 7px 0 23px 0;
  padding: 15px;
  list-style-type: none;
  width: 430px;
  float: left;
}

/* line 3032, scss/legacy/_main.scss */
.product-summary ul li {
  display: inline-block;
  background: url("/web/images/_new_images/icons/icon-tick.png") 2px 0 no-repeat;
  padding: 0 10px 15px 37px;
  margin: 0;
  font-weight: bold;
  font-size: 0.813em;
  float: left;
  width: 159px;
}

/* line 3043, scss/legacy/_main.scss */
.product-summary ul.no-icon {
  margin: 20px 0;
  padding: 0;
  list-style-type: none;
  width: 430px;
  float: left;
}

/* line 3051, scss/legacy/_main.scss */
.product-summary ul li.no-icon {
  display: inline-block;
  width: 90%;
  background: url("/web/images/_new_images/icons/bullet.png") 4px 3px no-repeat;
  padding: 0 10px 15px 25px;
  margin: 0;
  font-weight: bold;
  font-size: 0.813em;
  float: left;
}

/* line 3062, scss/legacy/_main.scss */
.product-summary h3 {
  margin: 14px 0 6px;
  line-height: 1.4em;
  font-size: 1.2em;
}

/* line 3071, scss/legacy/_main.scss */
.product-summary-roundels ul {
  margin: 7px 0 23px 0;
  padding: 15px;
  list-style-type: none;
  width: 540px;
  float: left;
}

/* line 3079, scss/legacy/_main.scss */
.product-summary-roundels ul li {
  display: inline-block;
  padding: 0 10px 15px 50px;
  position: relative;
  margin: 0;
  font-weight: bold;
  font-size: 0.813em;
  float: left;
  width: 200px;
  height: 50px;
}

/* line 3091, scss/legacy/_main.scss */
.product-summary-roundels ul li img {
  position: absolute;
  left: 0;
  top: -15px;
  width: 50px;
}

/* line 3098, scss/legacy/_main.scss */
.product-summary-roundels ul li:first-child img {
  width: 41px;
}

@media (max-width: 640px) {
  /* line 3103, scss/legacy/_main.scss */
  .product-summary-roundels {
    padding: 0;
    margin: 0;
    padding-top: 10px;
    float: none;
    clear: right;
    width: auto;
  }
  /* line 3111, scss/legacy/_main.scss */
  .product-summary-roundels ul {
    width: 60%;
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 35%;
    clear: right;
    float: none;
    padding-right: 0;
  }
  /* line 3120, scss/legacy/_main.scss */
  .product-summary-roundels ul li {
    width: auto;
    float: none;
    display: block;
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 20px;
  }
}
/* line 3138, scss/legacy/_main.scss */
.product-side-panel h5 {
  display: block;
  color: #fff;
  background: #318d2e;
  padding: 13px 10px;
  width: 205px;
  left: -10px;
  position: relative;
  margin: 0 0 10px;
}

/* line 3149, scss/legacy/_main.scss */
.product-side-panel p {
  margin: 0 0 5px 0;
  line-height: 1.2em;
}

/* line 3154, scss/legacy/_main.scss */
.product-side-panel ul {
  margin: 10px 0 7px 0;
  padding: 0;
  list-style-type: none;
}

/* line 3160, scss/legacy/_main.scss */
.product-side-panel ul li {
  margin: 0;
  padding: 8px 0 9px 0;
  font-weight: bold;
  background: url(/web/images/_new_images/dash-line.png) top left repeat-x;
  line-height: 1.2em;
  font-size: 0.75em;
}

/* line 3169, scss/legacy/_main.scss */
.product-side-panel ul li:first-child {
  background: none;
}

/* line 3173, scss/legacy/_main.scss */
.product-side-panel ul li span {
  font-weight: normal;
  display: inline;
}

/* line 3178, scss/legacy/_main.scss */
.product-side-panel p.footnote {
  font-size: 0.625em;
  font-style: italic;
  line-height: 1.2em;
}

/* line 3186, scss/legacy/_main.scss */
.how-much ul li {
  font-size: 0.813em;
}

/* line 3192, scss/legacy/_main.scss */
.tool-colour-full {
  background: #fdf9db url(/web/images/_new_images/tools/colour-full/bg-colour-full.jpg) top left repeat-x;
}

/* line 3196, scss/legacy/_main.scss */
.tool-colour-full-container {
  background: url(/web/images/_new_images/zig-zag-yellow-top.png) top left repeat-x;
}

/* line 3200, scss/legacy/_main.scss */
.tool-colour-full .zigzag {
  background: url(/web/images/_new_images/zig-zag-yellow-bottom.png) top left repeat-x;
  height: 12px;
}

/* line 3205, scss/legacy/_main.scss */
#product table {
  width: 100%;
}

/* line 3209, scss/legacy/_main.scss */
#product table a {
  display: inline-block;
  width: auto;
}

/* line 3214, scss/legacy/_main.scss */
#product table th {
  text-align: left;
}

/* line 3218, scss/legacy/_main.scss */
#product table th,
#product table td {
  padding: 10px;
}

/* line 3223, scss/legacy/_main.scss */
#product table td {
  font-size: 14px;
}

/* line 3227, scss/legacy/_main.scss */
#product .nth-child-odd {
  background-color: #f2efd3;
}

/* line 3231, scss/legacy/_main.scss */
#product .yellow-zig-top-bottom2 {
  margin-left: -28px;
  margin-right: -28px;
  min-height: 20px;
  background: url(/web/images/_new_images/zig-zag-yellow-top-bottom.png) repeat-x top left !important;
}

/* line 3238, scss/legacy/_main.scss */
.related-products .info {
  width: 118px;
  margin-left: 10px;
}

/* line 3247, scss/legacy/_main.scss */
.related-products.product-side-panel h5 {
  font-size: 14px;
  text-align: left;
  left: 0;
  width: auto;
  margin: 0;
}
/* line 3255, scss/legacy/_main.scss */
.related-products.product-side-panel ul {
  margin-top: 0;
  position: relative;
  width: auto;
  left: 0;
}
/* line 3261, scss/legacy/_main.scss */
.related-products.product-side-panel ul li {
  padding: 0;
  background-image: none;
}
/* line 3267, scss/legacy/_main.scss */
.related-products.product-side-panel .thumb {
  border: 2px solid #eeeeee;
  border-top: 0;
  text-align: center;
}
/* line 3272, scss/legacy/_main.scss */
.related-products.product-side-panel .thumb img {
  padding: 20px;
  max-width: 130px;
  max-height: 130px;
  margin-bottom: 10px;
}
/* line 3279, scss/legacy/_main.scss */
.related-products.product-side-panel .thumb h4 {
  text-align: center;
  font-size: 13px;
  margin: 0 15px 15px 15px;
}

/* Products page
========================================================================== */
/* line 3292, scss/legacy/_main.scss */
body#products div.leaf.can {
  bottom: 0;
  right: 0;
  background: url(/web/images/_new_images/can-bottomRight.png) left top no-repeat;
  width: 169px;
  height: 555px;
  position: absolute;
  margin-top: -10px;
}

/* line 3302, scss/legacy/_main.scss */
div.products .filters a {
  z-index: 6500;
  /* on top of the left/top leafs */
  position: relative;
}

/* line 3307, scss/legacy/_main.scss */
div.products .box-horizontal {
  background: url(/web/images/_new_images/bg-heading.png) 0px 0px no-repeat;
  width: 975px;
  height: 40px;
  margin-left: -35px;
}

/* line 3314, scss/legacy/_main.scss */
div.products form {
  margin: 0 0 20px;
}

/* line 3318, scss/legacy/_main.scss */
div.products .filter-control {
  width: auto;
  float: none;
  margin-right: 0;
}

/* line 3325, scss/legacy/_main.scss */
div.products .filter-control .control-col label {
  display: block;
  font-size: 0.875em;
  margin-top: -10px;
  font-family: 'Effra W01 Medium', Arial, sans-serif;
  padding: 8px 0 18px;
}

/* line 3333, scss/legacy/_main.scss */
div.products .filter-control .control-col {
  float: left;
  width: 227px;
}

/* line 3338, scss/legacy/_main.scss */
div.products .filter-control select {
  width: 106px;
}

/* line 3342, scss/legacy/_main.scss */
div.products .filter-control .control-col .dk_container {
  margin-top: -3px;
}

/* line 3346, scss/legacy/_main.scss */
div.products .filter-control span.text {
  display: block;
  float: left;
  padding-top: 23px;
  padding-left: 9px;
  padding-right: 10px;
  font-size: 0.875em;
  font-family: 'Effra W01 Medium', Arial, sans-serif;
}

/* line 3356, scss/legacy/_main.scss */
div.products #product-list {
  /*padding-top: 126px;*/
  background-image: none;
}

/* line 3361, scss/legacy/_main.scss */
div.products .heading-section {
  background: url(/web/images/_new_images/bg-filters-section-divider.png) 0 0 repeat-x;
  width: 100%;
  height: 94px;
  position: absolute;
  top: 309px;
  left: 0px;
  z-index: 300;
}

/* line 3371, scss/legacy/_main.scss */
div.products .heading-filters {
  float: none;
  width: 900px !important;
}

/* line 3376, scss/legacy/_main.scss */
div.products .imageHeading {
  margin-top: 90px;
}

/* line 3380, scss/legacy/_main.scss */
div.products a i, .mini-copy i {
  display: inline-block;
  width: 9px;
  height: 12px;
  margin-bottom: -2px;
  background: url("/web/images/_new_images/widget-arrow-active.png") 0 0 no-repeat;
}

/* line 3388, scss/legacy/_main.scss */
div.products .box-horizontal {
  font-size: 1.25em;
  color: white;
  padding-left: 46px;
  padding-top: 19px;
  display: none;
  margin-top: -10px;
}

/* line 3397, scss/legacy/_main.scss */
div.products .box-horizontal span {
  padding-left: 30px;
  position: relative;
  color: white;
  font-size: 0.875em;
}

/* line 3404, scss/legacy/_main.scss */
div.products .list-view .box-horizontal {
  display: block;
}

/* line 3408, scss/legacy/_main.scss */
div.products .list-view .box_link_green {
  display: none;
}

/* line 3412, scss/legacy/_main.scss */
div.products .view-states {
  /*margin-top: 19px;*/
}

/* line 3416, scss/legacy/_main.scss */
div.products .box_link_green span {
  position: static;
  display: block;
  font-size: 1.5em;
  color: white;
  padding-top: 16px;
  padding-left: 0px;
  padding-right: 20px;
  font-family: 'Effra W01 Medium', Arial, sans-serif;
  line-height: 1.2em;
}

/* line 3428, scss/legacy/_main.scss */
div.products .box_link_green small {
  display: block;
  color: white;
  font-size: 1.2em;
  font-family: 'Effra W01 Medium', Arial, sans-serif;
  background-image: none;
  bottom: auto;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 14px;
  line-height: 1.2em;
}

/* line 3441, scss/legacy/_main.scss */
div.products .box_link_green small i {
  margin-left: 6px;
}

/* line 3445, scss/legacy/_main.scss */
div.products .box_link_green.grid_3 {
  margin-left: 0px;
}

/* line 3449, scss/legacy/_main.scss */
div.product-usage-guide {
  float: left;
}

/* line 3453, scss/legacy/_main.scss */
body#product #usage-guide {
  margin-bottom: 20px;
}

/* line 3457, scss/legacy/_main.scss */
body#product .product-usage-guide .content {
  background-color: white;
  padding: 0;
  width: 100;
}

/* line 3463, scss/legacy/_main.scss */
.product-usage-guide .content {
  background-color: #fffbd6;
  padding: 20px;
  max-width: 860px;
}

/* line 3469, scss/legacy/_main.scss */
.product-usage-guide .content .grid_12 {
  max-width: 860px;
}

/* line 3473, scss/legacy/_main.scss */
div.product-usage-guide h2,
div.product-spare-parts h2 {
  margin: 0 0 10px 0;
}

/* line 3478, scss/legacy/_main.scss */
div.product-usage-guide a.toggle-hide-show,
div.product-spare-parts a.toggle-hide-show {
  float: right;
  margin: 5px 0 0 0;
}

/* line 3484, scss/legacy/_main.scss */
div.product-usage-guide h3,
div.product-spare-parts h3 {
  margin: -2px 0 10px 0;
  line-height: 1.2em;
}

/* line 3490, scss/legacy/_main.scss */
div.product-usage-guide p,
div.product-spare-parts p {
  line-height: 1.3em;
  margin: 0 0 17px 0;
}

/* line 3496, scss/legacy/_main.scss */
div.product-usage-guide p.tip,
div.product-spare-parts p.tip {
  display: block;
  background: #318d2e;
  color: #fff;
  font-style: italic;
  padding: 14px 22px 12px;
  margin: 28px 0 22px;
}

/* line 3506, scss/legacy/_main.scss */
div.product-usage-guide p.tip span,
div.product-spare-parts p.tip span {
  font-style: normal;
}

/* line 3511, scss/legacy/_main.scss */
div.product-usage-guide ul,
div.product-spare-parts ul {
  list-style: none;
}

/* line 3516, scss/legacy/_main.scss */
div.product-usage-guide li,
div.product-spare-parts li {
  min-height: 20px;
  line-height: 1.3em;
  margin: 0 0 15px 0;
  padding-left: 37px;
  background: url("/web/images/_new_images/icons/icon-tick.png") 2px 0 no-repeat;
}

/* line 3525, scss/legacy/_main.scss */
div.content {
  position: relative;
  float: left;
}

/*--------------------------------------------------*/
/* Colour tool full width                           */
/* line 3532, scss/legacy/_main.scss */
.tool-colour-full {
  background: #fdf9db url(/web/images/_new_images/tools/colour-full/bg-colour-full.jpg) top left repeat-x;
  width: 960px;
  margin-left: -40px;
}

/* line 3538, scss/legacy/_main.scss */
.tool-colour-full h2 {
  margin: 20px 0 30px 40px;
}

/* line 3542, scss/legacy/_main.scss */
.tool-colour-full ul {
  margin: 0 0 0 39px;
  padding: 0;
  list-style-type: none;
  width: 880px;
}

/* line 3549, scss/legacy/_main.scss */
.tool-colour-full ul.tabs {
  margin-top: 20px;
}

/* line 3553, scss/legacy/_main.scss */
.tool-colour-full ul li {
  margin: 0;
  padding: 0;
  display: inline-block;
}

/* line 3559, scss/legacy/_main.scss */
.tool-colour-full ul.tabs li {
  background: #e4e4e2 url(/web/images/_new_images/tools/colour-full/bg-tab-gradient-off.png) top left repeat-x;
  border: 1px solid #ececec;
  border-bottom: 0;
  border-right: 0;
}

/* line 3566, scss/legacy/_main.scss */
.tool-colour-full ul.tabs li:first-child {
  border-radius: 6px 0 0;
}

/* line 3570, scss/legacy/_main.scss */
.tool-colour-full ul.tabs li:last-child,
.tool-colour-full ul.tabs li.last-child {
  border-radius: 0 6px 0 0;
  border-right: 1px solid #ececec;
}

/* line 3576, scss/legacy/_main.scss */
.tool-colour-full ul.tabs li h3 {
  padding: 0;
  margin: 0;
  font-size: 1.1em;
  line-height: 1.3em;
}

/* line 3583, scss/legacy/_main.scss */
.tool-colour-full ul.tabs li a {
  color: #464646;
  text-align: center;
  width: 124px;
  padding: 14px 0 13px 0;
  display: block;
}

/* line 3591, scss/legacy/_main.scss */
.tool-colour-full ul.tabs li:hover {
  background: #e4e4e2 url(/web/images/_new_images/tools/colour-full/bg-tab-gradient-on.png) top left repeat-x;
}

/* line 3595, scss/legacy/_main.scss */
.tool-colour-full ul.tabs li.selected {
  background: #e4e4e2 url(/web/images/_new_images/tools/colour-full/bg-tab-gradient-on.png) top left repeat-x;
}

/* line 3599, scss/legacy/_main.scss */
.tool-colour-full ul.tabs li.selected a {
  padding: 14px 0 8px 0;
  border-bottom: 5px solid #ff0000;
}

/* line 3604, scss/legacy/_main.scss */
.tool-colour-full ul.colours {
  display: none;
  border: 1px solid #ececec;
  width: 874px;
  background: #fff;
  margin-bottom: 18px;
}

/* line 3612, scss/legacy/_main.scss */
.tool-colour-full a.button {
  display: inline-block;
  padding: 4px 14px 6px 14px;
  margin: 12px 41%;
  width: auto;
}

/* line 3619, scss/legacy/_main.scss */
.shades .tool-colour-full ul.colours {
  height: auto;
}

/* line 3623, scss/legacy/_main.scss */
.tool-colour-full ul.colours.selected {
  display: block;
}

/* line 3627, scss/legacy/_main.scss */
.tool-colour-full ul.colours li {
  padding: 2px;
  width: 89px;
  height: 93px;
  z-index: 1;
}

/* line 3634, scss/legacy/_main.scss */
.tool-colour-full ul.colours li a {
  display: block;
}

/* line 3638, scss/legacy/_main.scss */
.tool-colour-full ul.colours li img {
  width: 93px;
  height: 93px;
}
/* line 3642, scss/legacy/_main.scss */
.tool-colour-full ul.colours li img:hover {
  width: 85px;
  height: 85px;
}

/* line 3648, scss/legacy/_main.scss */
.tool-colour-full ul.colours li:hover {
  width: 85px;
  height: 85px;
  padding-left: 6px;
}

/* line 3654, scss/legacy/_main.scss */
.tool-colour-full ul.colours li:hover .right img {
  height: 93px;
}
/* line 3657, scss/legacy/_main.scss */
.tool-colour-full ul.colours li:hover .right img:hover {
  height: 93px;
}

/* line 3662, scss/legacy/_main.scss */
.tool-colour-full ul.colours li.expanded {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 375px;
  padding: 0;
  margin: 1px 0;
  -webkit-box-shadow: inset 0px 8px 9px -10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0px 8px 9px -10px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0px 8px 9px -10px rgba(0, 0, 0, 0.4);
  background: #fff;
  height: auto;
}

/* line 3677, scss/legacy/_main.scss */
.tool-colour-full ul.colours li.expanded .left, .tool-colour-full ul.colours li.expanded .right {
  margin: 0;
  padding: 0;
  width: 50%;
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 20px;
}

/*.tool-colour-full ul.colours li.expanded .right .product-colour {
		width: 100%;
		margin: 0px;
		padding: 30px 20px;
		box-sizing: border-box;
		min-height: 100%;
}*/
/* line 3700, scss/legacy/_main.scss */
.tool-colour-full ul.colours li.expanded .right .product-colour {
  width: 95%;
  margin: 0px;
  padding: 30px 20px;
  margin: 30px 20px 0 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  min-height: 285px;
}

/* line 3710, scss/legacy/_main.scss */
.tool-colour-full-container {
  background: url(/web/images/_new_images/zig-zag-yellow-top.png) top left repeat-x;
  padding: 40px 0 0 0;
}

/* line 3715, scss/legacy/_main.scss */
.tool-colour-full .zigzag {
  background: url(/web/images/_new_images/zig-zag-yellow-bottom.png) top left repeat-x;
  height: 12px;
  clear: both;
}

/* line 3721, scss/legacy/_main.scss */
.colour-selector-promo {
  width: 250px;
  float: right;
  margin: 0 40px 45px 0;
}

/* line 3727, scss/legacy/_main.scss */
.colour-selector-promo h4 {
  margin: 0;
  font-size: 0.83em;
  line-height: 1.2em;
  color: #318D2E;
}

/* line 3734, scss/legacy/_main.scss */
#tool-colour-mini-tip {
  position: absolute;
  top: 90px;
  right: 45px;
  width: 190px;
  height: 85px;
  padding: 10px 0 0 10px;
  box-shadow: 0 0 6px #999 inset;
  background: url("/web/images/_new_images/sections/colourselector/tip-bg.png") 0 0 repeat-x;
  display: none;
  z-index: 8600;
}

/* line 3747, scss/legacy/_main.scss */
#tool-colour-full-popup {
  /*position:absolute;
  	top:10px;
  	left:10px;
  	z-index:100;
  	width:141px;
  	border:1px solid #d0d0d0;
  	border-radius: 15px;
  	padding:12px 5px 5px 10px;
  	background:#bdbdbd url(/web/images/_new_images/tools/colour-full/bg-popup.png) top left repeat-x;
  	display:none;
  	margin-bottom:20px;*/
  position: absolute;
  top: 90px;
  right: 45px;
  width: 141px;
  /*height: 85px;*/
  padding: 10px 0 0 10px;
  box-shadow: 0 0 6px #999 inset;
  background: url("/web/images/_new_images/sections/colourselector/tip-bg.png") 0 0 repeat-x #CDCDCD;
  display: none;
  z-index: 8600;
}

/* line 3771, scss/legacy/_main.scss */
#tool-colour-full-popup h4 {
  margin: 0 0 0 5px;
  font-size: 1em;
  line-height: 1.1em;
}

/* line 3777, scss/legacy/_main.scss */
#tool-colour-full-popup ul {
  list-style-type: none;
  margin: 0;
  padding: 3px 0 8px;
  margin: 0 0 0 1px;
}

/* line 3784, scss/legacy/_main.scss */
#tool-colour-full-popup ul li {
  margin: 0;
  padding: 0 4px 0 0;
  display: inline-block;
}

/* line 3790, scss/legacy/_main.scss */
#tool-colour-full-popup p.price {
  padding-left: 5px;
  font-size: 1em;
  font-weight: bold;
  margin: 0 0 6px 0;
}

/* line 3797, scss/legacy/_main.scss */
#tool-colour-full-popup .button {
  /*margin:0 0 0 -2px;    */
  display: inline;
  font-size: 0.75em;
}

/* line 3803, scss/legacy/_main.scss */
#tool-colour-full-popup p {
  margin: 0 0 0 5px;
  line-height: 1.4em;
  font-size: 0.813em;
}

/* line 3809, scss/legacy/_main.scss */
#tool-colour-full-popup span {
  font-weight: bold;
  margin: 0 0 0 5px;
  font-size: 0.813em;
}

/* line 3815, scss/legacy/_main.scss */
#tool-colour-full-popup .arrow {
  background: url(/web/images/_new_images/tools/colour-full/popup-arrow.png) top left no-repeat;
  width: 17px;
  height: 10px;
  position: relative;
  top: 10px;
  left: 60px;
}

/* line 3824, scss/legacy/_main.scss */
.yellow-zig-top-bottom {
  background: url(/web/images/_new_images/zig-zag-yellow-top-bottom.png) repeat-x top left !important;
}

/* line 3828, scss/legacy/_main.scss */
.whiteBg div.footer-icons .zig-zag {
  top: auto;
  background: url("/web/images/_new_images/zigzag_white.png") repeat-x scroll;
}

/* line 3833, scss/legacy/_main.scss */
li.back-to-top a, a.back-to-top {
  background: url(/web/images/_new_images/buttons/btn-top.png) top center no-repeat;
  width: 135px;
  height: 27px;
  margin: 0px;
  padding: 0px;
}

/* line 3841, scss/legacy/_main.scss */
.subNav nav ul li.back-to-top {
  float: left;
  margin: 0px;
  line-height: 16px;
}

/* line 3847, scss/legacy/_main.scss */
.subNav nav ul li.back-to-top a {
  padding: 0px;
  margin: 0px;
  margin-top: 16px;
  position: absolute;
  right: 0px;
}

/* line 3855, scss/legacy/_main.scss */
.subNav nav ul li.back-to-top a:hover {
  border-bottom: 0px;
}

/* line 3859, scss/legacy/_main.scss */
.prepainted_sheds .product-shot #pre_painted_shed {
  width: 100%;
}

/* line 3863, scss/legacy/_main.scss */
.prepainted_sheds .product-shot .open-overlay {
  position: absolute;
  top: 15px;
  right: 0px;
}

/* line 3869, scss/legacy/_main.scss */
.prepainted_sheds #cboxClose {
  background: url(/web/images/_new_images/sections/sheds/carousel-close.png) 0 0 no-repeat;
  width: 33px;
  height: 34px;
  position: absolute;
  right: 9px;
  top: 14px;
  z-index: 9000;
  text-indent: -4000px;
}

/* line 3880, scss/legacy/_main.scss */
.prepainted_sheds .shed_disclaimer {
  font-style: italic;
  margin: 30px 40px 40px;
}

/* line 3885, scss/legacy/_main.scss */
.prepainted_sheds .dimensions_img {
  float: right;
  text-align: center;
}
/* line 3889, scss/legacy/_main.scss */
.prepainted_sheds .dimensions_img img {
  max-width: 100%;
}

/* ==========================================================================
Store Finder
========================================================================== */
/* line 3900, scss/legacy/_main.scss */
body.store-finder
div.footer-icon {
  padding-top: 36px;
}

/* line 3905, scss/legacy/_main.scss */
div.map-search {
  position: relative;
  float: right;
  width: 520px;
  margin: 15px 10px 0 0;
  padding: 0 0 58px 0;
  background: url("/web/images/_new_images/sections/storefinder/map-shadow.png") -28px -40px no-repeat;
}

/* line 3914, scss/legacy/_main.scss */
div.map-search
div.map-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0 7px 0 0;
  background: url("/web/images/_new_images/sections/storefinder/map-overlay.png") 0 0 no-repeat;
  z-index: 1000;
  pointer-events: none;
}

/* line 3925, scss/legacy/_main.scss */
div#map {
  position: relative;
  width: 100%;
  height: 470px;
  margin: 0 40px 0 0;
  border: 4px solid #F0F0F0;
  box-shadow: -1px -1px 8px #DDD;
}

/* line 3934, scss/legacy/_main.scss */
div.find-store {
  position: relative;
  width: 300px;
}

/* line 3939, scss/legacy/_main.scss */
input#find-store {
  font-size: 14px;
  font-style: italic;
  font-weight: normal;
  width: 301px;
  height: 29px;
  margin: 0;
  /*padding: 1px 0 3px 2px;*/
  /*line-height: 21px;*/
  line-height: 1, 5;
  font-family: 'Effra W01 Regular';
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 3955, scss/legacy/_main.scss */
button.finder-search {
  position: absolute;
  top: 1px;
  right: 0;
  width: 27px;
  height: 27px;
  text-indent: -9999px;
  border: 0;
  background: url("/web/images/_new_images/sections/storefinder/ico-search.png") 0 0 no-repeat;
  line-height: 1, 5;
}

/* line 3967, scss/legacy/_main.scss */
div.locations {
  /*display: none;*/
  width: 100%;
  height: 340px;
  overflow: auto;
  background: #FFF;
  box-shadow: 0px -5px 14px #DDD inset;
}

/* line 3976, scss/legacy/_main.scss */
div.location-items {
  padding: 10px 0;
}

/* line 3980, scss/legacy/_main.scss */
div.location-items
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 3987, scss/legacy/_main.scss */
div.location-items
ul li {
  position: relative;
  font-size: 13px;
  padding: 10px 16px 18px 16px;
  margin: 0 0 20px 0;
}

/* line 3995, scss/legacy/_main.scss */
div.location-items
ul li:hover {
  background: #C0DDBF;
  cursor: pointer;
}

/* line 4001, scss/legacy/_main.scss */
div.location-items
span.location-line {
  position: absolute;
  bottom: -11px;
  width: 255px;
  border-bottom: 1px dashed #444;
}

/* line 4009, scss/legacy/_main.scss */
a.number {
  padding: 3px 7px 0 0;
  float: left;
}

/* line 4014, scss/legacy/_main.scss */
strong.name {
  font-size: 13px;
  float: left;
  font-family: 'Effra W01 Medium';
}

/* line 4020, scss/legacy/_main.scss */
b.distance {
  font-size: 13px;
  padding: 1px 0 0;
  float: right;
}

/* line 4026, scss/legacy/_main.scss */
span.address {
  font-size: 13px;
  display: block;
  padding: 4px 0 0 0;
}

/* line 4032, scss/legacy/_main.scss */
div.location-items
ul li
span {
  font-size: 13px;
  display: block;
  line-height: 16px;
}

/* line 4040, scss/legacy/_main.scss */
span.city {
  font-size: 13px;
  display: block;
}

/* line 4045, scss/legacy/_main.scss */
span.telephone {
  font-size: 13px;
  display: block;
  color: #008939;
  padding: 5px 0 0 0;
  font-family: 'Effra W01 Medium';
}

/* line 4053, scss/legacy/_main.scss */
span.tinting {
  display: block;
  font-size: 12px;
  font-style: italic;
  padding: 3px 0 0 0;
}

/* line 4060, scss/legacy/_main.scss */
span.zip {
  font-size: 13px;
  display: block;
}

/* line 4065, scss/legacy/_main.scss */
div#infoWindow {
  /*background: red;*/
  width: 260px;
  margin: 10px;
}

/* line 4071, scss/legacy/_main.scss */
div#infoWindow
a.number {
  padding-top: 0;
}

/* ==========================================================================
Search - Products (list view)
========================================================================== */
/* line 4079, scss/legacy/_main.scss */
.products.search .imageHeading {
  margin-top: 170px;
}

/* line 4083, scss/legacy/_main.scss */
.products.search.subheading {
  margin-top: -10px;
}

/* line 4087, scss/legacy/_main.scss */
.products.search.subheading h2 {
  margin-top: 0;
  margin-bottom: 20px;
}

/* line 4092, scss/legacy/_main.scss */
.products.search.subheading > h4,
.products.search.subheading > h4 a {
  color: #444;
}

/* line 4097, scss/legacy/_main.scss */
.products.search.subheading > h4 > em {
  display: inline;
  font-style: normal;
  font-weight: normal;
}

/* line 4103, scss/legacy/_main.scss */
.products.search.subheading > h4 > span {
  margin-right: 8px;
  font-size: 0.875em;
}

/* line 4108, scss/legacy/_main.scss */
.products.search.subheading > h4 a {
  padding-bottom: 10px;
  margin-left: 4px;
  margin-right: 4px;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 1em;
}

/* line 4117, scss/legacy/_main.scss */
.products.search.subheading > h4 a:hover,
.products.search.subheading > h4 a.current {
  padding-bottom: 7px;
  border-bottom: 3px solid #444;
}

/* line 4123, scss/legacy/_main.scss */
.products.search .heading-section {
  height: 74px;
  background: url(/web/images/_new_images/sections/search/bg-filters.png) 0 0 repeat-x;
  position: absolute;
  z-index: 7050;
  top: 395px;
}

/* line 4131, scss/legacy/_main.scss */
.products.search .filter-control .control-col {
  width: 285px;
  margin-top: 12px;
}

/* line 4136, scss/legacy/_main.scss */
.products.search .filter-control .control-col > label {
  padding-top: 4px;
  padding-right: 10px;
  float: left;
  width: auto;
}

/* line 4143, scss/legacy/_main.scss */
.products.search .filter-control .control-col select {
  width: 125px;
}

/* line 4147, scss/legacy/_main.scss */
.products.search .filter-control .control-col.mini {
  width: auto;
}

/* line 4151, scss/legacy/_main.scss */
.products.search .filter-control .control-col.mini select {
  width: 95px;
}

/* line 4155, scss/legacy/_main.scss */
.products.search .view-states {
  width: 130px;
}

/* line 4159, scss/legacy/_main.scss */
.products.search .filter-control .control-col label,
.products.search .view-states span.text {
  /*font-size: 15px;*/
}

/* line 4164, scss/legacy/_main.scss */
div.products .filter-control .control-col .dk_container {
  margin-top: -12px;
}

/* ==========================================================================
Colour Selector
========================================================================== */
/* line 4171, scss/legacy/_main.scss */
div.colour-selector
.imageHeading {
  margin: 98px 0 0 13px;
}

/* line 4176, scss/legacy/_main.scss */
div.colourselector-container {
  margin-top: 0px;
  /*padding-bottom: 50px;*/
  padding-bottom: 6px;
}

/* line 4182, scss/legacy/_main.scss */
div.choose-item {
  margin-bottom: 41px;
}

/* line 4186, scss/legacy/_main.scss */
div.choose-item
h1 {
  margin: 0 0 20px 0;
  letter-spacing: 1.1px;
}

/* line 4192, scss/legacy/_main.scss */
div.choose-colour {
  margin: 0 0 27px 0;
}

/* line 4196, scss/legacy/_main.scss */
div#example-coulour {
  position: relative;
  float: left;
  height: auto;
}

/* line 4202, scss/legacy/_main.scss */
#example-coulour h1 {
  padding-left: 20px;
}

/* line 4206, scss/legacy/_main.scss */
div.choose-colour
h1 {
  letter-spacing: 1.1px;
}

/* line 4211, scss/legacy/_main.scss */
div.canvas-images
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 4218, scss/legacy/_main.scss */
div.canvas-images
ul li {
  float: left;
  margin-right: 20px;
  margin-bottom: 11px;
}

/* line 4225, scss/legacy/_main.scss */
div.canvas-images
ul li:nth-child(odd) {
  /*margin-right: 20px;*/
}

/* line 4230, scss/legacy/_main.scss */
div.canvas-images
ul li
span {
  color: red;
  text-indent: -9999px;
  display: block;
  margin: 0;
  padding: 0;
  line-height: 0;
}

/* line 4241, scss/legacy/_main.scss */
div.canvas-images
ul li
img {
  border: 4px solid #DEDEDE;
}

/* line 4247, scss/legacy/_main.scss */
div.canvas-images
ul li
a {
  display: block;
  width: 122px;
  height: 112px;
}

/* line 4255, scss/legacy/_main.scss */
div.canvas-images
ul li
a.shed {
  background: url("/web/images/_new_images/sections/colourselector/selector_1b.jpg") 0 0 no-repeat;
}

/* line 4261, scss/legacy/_main.scss */
div.canvas-images
ul li.selected
a.shed {
  -webkit-box-shadow: inset 4px 4px 0 0 #244623, inset -4px -4px 0 0 #285125;
  -moz-box-shadow: inset 4px 4px 0 0 #244623, inset -4px -4px 0 0 #285125;
  box-shadow: inset 4px 4px 0 0 #244623, inset -4px -4px 0 0 #285125;
}

/* line 4269, scss/legacy/_main.scss */
div.canvas-images
ul li
a.arbour {
  background: url("/web/images/_new_images/sections/colourselector/selector_2b.jpg") 0 0 no-repeat;
}

/* line 4275, scss/legacy/_main.scss */
div.canvas-images
ul li.selected
a.arbour {
  -webkit-box-shadow: inset 4px 4px 0 0 #244623, inset -4px -4px 0 0 #285125;
  -moz-box-shadow: inset 4px 4px 0 0 #244623, inset -4px -4px 0 0 #285125;
  box-shadow: inset 4px 4px 0 0 #244623, inset -4px -4px 0 0 #285125;
}

/* line 4283, scss/legacy/_main.scss */
div.canvas-images
ul li
a.fence {
  background: url("/web/images/_new_images/sections/colourselector/selector_3b.jpg") 0 0 no-repeat;
}

/* line 4289, scss/legacy/_main.scss */
div.canvas-images
ul li.selected
a.fence {
  -webkit-box-shadow: inset 4px 4px 0 0 #244623, inset -4px -4px 0 0 #285125;
  -moz-box-shadow: inset 4px 4px 0 0 #244623, inset -4px -4px 0 0 #285125;
  box-shadow: inset 4px 4px 0 0 #244623, inset -4px -4px 0 0 #285125;
}

/* line 4297, scss/legacy/_main.scss */
div.canvas-images
ul li
a.furniture {
  background: url("/web/images/_new_images/sections/colourselector/selector_4b.jpg") 0 0 no-repeat;
}

/* line 4303, scss/legacy/_main.scss */
div.canvas-images
ul li.selected
a.furniture {
  -webkit-box-shadow: inset 4px 4px 0 0 #244623, inset -4px -4px 0 0 #285125;
  -moz-box-shadow: inset 4px 4px 0 0 #244623, inset -4px -4px 0 0 #285125;
  box-shadow: inset 4px 4px 0 0 #244623, inset -4px -4px 0 0 #285125;
}

/* line 4311, scss/legacy/_main.scss */
div.canvas-images
ul li
a.planter {
  background: url("/web/images/_new_images/sections/colourselector/selector_5b.jpg") 0 0 no-repeat;
}

/* line 4317, scss/legacy/_main.scss */
div.canvas-images
ul li.selected
a.planter {
  -webkit-box-shadow: inset 4px 4px 0 0 #244623, inset -4px -4px 0 0 #285125;
  -moz-box-shadow: inset 4px 4px 0 0 #244623, inset -4px -4px 0 0 #285125;
  box-shadow: inset 4px 4px 0 0 #244623, inset -4px -4px 0 0 #285125;
}

/* line 4325, scss/legacy/_main.scss */
div.colour-mixer {
  width: 279px;
  border: 1px solid #EEE;
  margin: -2px 0 0 0;
  overflow: hidden;
}

/* line 4336, scss/legacy/_main.scss */
div.colour-mixer
div.top-tabs
a {
  display: block;
  float: left;
  width: 46.4%;
  height: auto;
  margin: 0 0 0 -1px;
  padding: 4px 0 1px 10px;
  font-size: 14px;
  color: #838383;
  font-family: 'Effra W01 Regular';
  font-weight: normal;
  border-bottom: 1px solid #EEE;
  border-left: 1px solid #EEE;
  background: url("/web/images/_new_images/sections/colourselector/tab-bg.png") 0 0 repeat-x;
}

/* line 4354, scss/legacy/_main.scss */
div.colour-mixer
div.top-tabs
a.active {
  background: url("/web/images/_new_images/sections/colourselector/tab-bg-active.png") 0 0 repeat-x;
  color: #444;
}

/* line 4361, scss/legacy/_main.scss */
div.colour-mixer
div.palette {
  height: 342px;
  overflow: auto;
}

/* line 4367, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul, .colour-preview .preview-tip ul {
  margin: 6px 0 6px 6px;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

/* line 4376, scss/legacy/_main.scss */
.colour-preview .preview-tip ul {
  position: absolute;
  top: 13px;
  right: 25px;
}

/* line 4382, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li, .colour-preview .preview-tip ul li {
  float: left;
  width: 80px;
  height: 40px;
  margin: 0 4px 4px 0;
  cursor: pointer;
}

/* line 4392, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a, .colour-preview .preview-tip ul li a {
  display: block;
  margin: 0;
  padding: 0;
  width: 41px;
  height: 41px;
  background-size: cover;
  text-indent: -9999px;
  overflow: hidden;
}

/* line 4405, scss/legacy/_main.scss */
.colour-preview .preview-tip ul li a {
  /*    position: absolute;
  	top: 25px;
  	right: 25px;*/
  border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  border: 2px solid #ffffff;
}

/* NEW */
/* line 4421, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.old-english-green {
  background: url("/web/images/_new_images/sections/colourselector/swatches/old-english-green.jpg") 0 0 no-repeat;
}

/* line 4427, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.arabian-sand {
  background: url("/web/images/_new_images/sections/colourselector/swatches/arabian-sand.jpg") 0 0 no-repeat;
}

/* line 4433, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.blue-slate {
  background: url("/web/images/_new_images/sections/colourselector/swatches/blue-slate.jpg") 0 0 no-repeat;
}

/* line 4439, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.clouded-dawn {
  background: url("/web/images/_new_images/sections/colourselector/swatches/clouded-dawn.jpg") 0 0 no-repeat;
}

/* line 4445, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.cool-marble {
  background: url("/web/images/_new_images/sections/colourselector/swatches/cool-marble.jpg") 0 0 no-repeat;
}

/* line 4451, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.dazzling-yellow {
  background: url("/web/images/_new_images/sections/colourselector/swatches/dazzling-yellow.jpg") 0 0 no-repeat;
}

/* line 4457, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.emerald-stone {
  background: url("/web/images/_new_images/sections/colourselector/swatches/emerald-stone.jpg") 0 0 no-repeat;
}

/* line 4463, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.first-leaves {
  background: url("/web/images/_new_images/sections/colourselector/swatches/first-leaves.jpg") 0 0 no-repeat;
}

/* line 4469, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.forest-pine {
  background: url("/web/images/_new_images/sections/colourselector/swatches/forest-pine.jpg") 0 0 no-repeat;
}

/* line 4475, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.fresh-daisy {
  background: url("/web/images/_new_images/sections/colourselector/swatches/fresh-daisy.jpg") 0 0 no-repeat;
}

/* line 4481, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.fresh-pea {
  background: url("/web/images/_new_images/sections/colourselector/swatches/fresh-pea.jpg") 0 0 no-repeat;
}

/* line 4487, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.frosted-glass {
  background: url("/web/images/_new_images/sections/colourselector/swatches/frosted-glass.jpg") 0 0 no-repeat;
}

/* line 4493, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.gated-forest {
  background: url("/web/images/_new_images/sections/colourselector/swatches/gated-forest.jpg") 0 0 no-repeat;
}

/* line 4499, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.inky-stone {
  background: url("/web/images/_new_images/sections/colourselector/swatches/inky-stone.jpg") 0 0 no-repeat;
}

/* line 4505, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.malted-barley {
  background: url("/web/images/_new_images/sections/colourselector/swatches/malted-barley.jpg") 0 0 no-repeat;
}

/* line 4511, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.mediterranean-glaze {
  background: url("/web/images/_new_images/sections/colourselector/swatches/mediterranean-glaze.jpg") 0 0 no-repeat;
}

/* line 4517, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.misty-lake {
  background: url("/web/images/_new_images/sections/colourselector/swatches/misty-lake.jpg") 0 0 no-repeat;
}

/* line 4523, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.morning-breeze {
  background: url("/web/images/_new_images/sections/colourselector/swatches/morning-breeze.jpg") 0 0 no-repeat;
}

/* line 4529, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.ocean-sapphire {
  background: url("/web/images/_new_images/sections/colourselector/swatches/ocean-sapphire.jpg") 0 0 no-repeat;
}

/* line 4535, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.olive-garden {
  background: url("/web/images/_new_images/sections/colourselector/swatches/olive-garden.jpg") 0 0 no-repeat;
}

/* line 4541, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.pebble-trail {
  background: url("/web/images/_new_images/sections/colourselector/swatches/pebble-trail.jpg") 0 0 no-repeat;
}

/* line 4547, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.pollen-yellow {
  background: url("/web/images/_new_images/sections/colourselector/swatches/pollen-yellow.jpg") 0 0 no-repeat;
}

/* line 4553, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.porcelain-doll {
  background: url("/web/images/_new_images/sections/colourselector/swatches/porcelain-doll.jpg") 0 0 no-repeat;
}

/* line 4559, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.purple-slate {
  background: url("/web/images/_new_images/sections/colourselector/swatches/purple-slate.jpg") 0 0 no-repeat;
}

/* line 4565, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.raspberry-sorbet {
  background: url("/web/images/_new_images/sections/colourselector/swatches/raspberry-sorbet.jpg") 0 0 no-repeat;
}

/* line 4571, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.rhubarb-compote {
  background: url("/web/images/_new_images/sections/colourselector/swatches/rhubarb-compot.jpg") 0 0 no-repeat;
}

/* line 4577, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.royal-peacock {
  background: url("/web/images/_new_images/sections/colourselector/swatches/royal-peacock.jpg") 0 0 no-repeat;
}

/* line 4583, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.rustic-brick {
  background: url("/web/images/_new_images/sections/colourselector/swatches/rustic-brick.jpg") 0 0 no-repeat;
}

/* line 4589, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.shaded-glen {
  background: url("/web/images/_new_images/sections/colourselector/swatches/shaded-glen.jpg") 0 0 no-repeat;
}

/* line 4595, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.sky-reflection {
  background: url("/web/images/_new_images/sections/colourselector/swatches/sky-reflection.jpg") 0 0 no-repeat;
}

/* line 4601, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.smooth-pebble {
  background: url("/web/images/_new_images/sections/colourselector/swatches/smooth-pebble.jpg") 0 0 no-repeat;
}

/* line 4607, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.spring-shoots {
  background: url("/web/images/_new_images/sections/colourselector/swatches/spring-shoots.jpg") 0 0 no-repeat;
}

/* line 4613, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.sweet-sundae {
  background: url("/web/images/_new_images/sections/colourselector/swatches/sweet-sundae.jpg") 0 0 no-repeat;
}

/* line 4619, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.urban-slate {
  background: url("/web/images/_new_images/sections/colourselector/swatches/urban-slate.jpg") 0 0 no-repeat;
}

/* line 4625, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.warm-almond {
  background: url("/web/images/_new_images/sections/colourselector/swatches/warm-almond.jpg") 0 0 no-repeat;
}

/* line 4631, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.warm-foliage {
  background: url("/web/images/_new_images/sections/colourselector/swatches/warm-foliage.jpg") 0 0 no-repeat;
}

/* line 4637, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.white-daisy {
  background: url("/web/images/_new_images/sections/colourselector/swatches/white-daisy.jpg") 0 0 no-repeat;
}

/* line 4643, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.woodland-mink {
  background: url("/web/images/_new_images/sections/colourselector/swatches/woodland-mink.jpg") 0 0 no-repeat;
}

/* line 4649, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.zingy-lime {
  background: url("/web/images/_new_images/sections/colourselector/swatches/zingy-lime.jpg") 0 0 no-repeat;
}

/* NEW END */
/* line 4657, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.beach-blue {
  background: url("/web/images/_new_images/sections/colourselector/swatches/beach-blue.jpg") 0 0 no-repeat;
}

/* line 4663, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.beach-blue {
  background: url("/web/images/_new_images/sections/colourselector/swatches/beach-blue.jpg") 0 0 no-repeat;
}

/* line 4669, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.sunny-lime {
  background: url("/web/images/_new_images/sections/colourselector/swatches/sunny-lime.jpg") 0 0 no-repeat;
}

/* line 4675, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.maple-leaf {
  background: url("/web/images/_new_images/sections/colourselector/swatches/maple-leaf.jpg") 0 0 no-repeat;
}

/* line 4681, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.willow {
  background: url("/web/images/_new_images/sections/colourselector/swatches/willow.jpg") 0 0 no-repeat;
}

/* line 4687, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.silver-birch {
  background: url("/web/images/_new_images/sections/colourselector/swatches/silver-birch.jpg") 0 0 no-repeat;
}

/* line 4693, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.sweet-pea {
  background: url("/web/images/_new_images/sections/colourselector/swatches/sweet-pea.jpg") 0 0 no-repeat;
}

/* line 4699, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.pale-jasmine {
  background: url("/web/images/_new_images/sections/colourselector/swatches/pale-jasmine.jpg") 0 0 no-repeat;
}

/* line 4705, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.coastal-mist {
  background: url("/web/images/_new_images/sections/colourselector/swatches/coastal-mist.jpg") 0 0 no-repeat;
}

/* line 4711, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.seagrass {
  background: url("/web/images/_new_images/sections/colourselector/swatches/seagrass.jpg") 0 0 no-repeat;
}

/* line 4717, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.wild-thyme {
  background: url("/web/images/_new_images/sections/colourselector/swatches/wild-thyme.jpg") 0 0 no-repeat;
}

/* line 4723, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.english-green {
  background: url("/web/images/_new_images/sections/colourselector/swatches/english-green.jpg") 0 0 no-repeat;
}

/* line 4729, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.summer-damson {
  background: url("/web/images/_new_images/sections/colourselector/swatches/summer-damson.jpg") 0 0 no-repeat;
}

/* line 4735, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.lavender {
  background: url("/web/images/_new_images/sections/colourselector/swatches/lavender.jpg") 0 0 no-repeat;
}

/* line 4741, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.country-cream {
  background: url("/web/images/_new_images/sections/colourselector/swatches/country-cream.jpg") 0 0 no-repeat;
}

/* line 4747, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.beaumont-blue {
  background: url("/web/images/_new_images/sections/colourselector/swatches/beaumont-blue.jpg") 0 0 no-repeat;
}

/* line 4753, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.barleywood, .colour-preview .preview-tip ul li a.barleywood {
  background: url("/web/images/_new_images/sections/colourselector/swatches/barleywood.jpg") 0 0 no-repeat;
}

/* line 4759, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.sage {
  background: url("/web/images/_new_images/sections/colourselector/swatches/sage.jpg") 0 0 no-repeat;
}

/* line 4765, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.somerset-green {
  background: url("/web/images/_new_images/sections/colourselector/swatches/somerset-green.jpg") 0 0 no-repeat;
}

/* line 4771, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.deep-russet {
  background: url("/web/images/_new_images/sections/colourselector/swatches/deep-russet.jpg") 0 0 no-repeat;
}

/* line 4777, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.terracotta, .colour-preview .preview-tip ul li a.terracotta {
  background: url("/web/images/_new_images/sections/colourselector/swatches/terracotta.jpg") 0 0 no-repeat;
}

/* line 4783, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.natural-stone {
  background: url("/web/images/_new_images/sections/colourselector/swatches/natural-stone.jpg") 0 0 no-repeat;
}

/* line 4789, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.forget-me-not {
  background: url("/web/images/_new_images/sections/colourselector/swatches/forget-me-not.jpg") 0 0 no-repeat;
}

/* line 4795, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.iris {
  background: url("/web/images/_new_images/sections/colourselector/swatches/iris.jpg") 0 0 no-repeat;
}

/* line 4801, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.holly {
  background: url("/web/images/_new_images/sections/colourselector/swatches/holly.jpg") 0 0 no-repeat;
}

/* line 4807, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.black-ash {
  background: url("/web/images/_new_images/sections/colourselector/swatches/black-ash.jpg") 0 0 no-repeat;
}

/* line 4813, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.seasoned-oak {
  background: url("/web/images/_new_images/sections/colourselector/swatches/seasoned-oak.jpg") 0 0 no-repeat;
}

/* line 4819, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.rich-berry {
  background: url("/web/images/_new_images/sections/colourselector/swatches/rich-berry.jpg") 0 0 no-repeat;
}

/* line 4825, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.muted-clay {
  background: url("/web/images/_new_images/sections/colourselector/swatches/muted-clay.jpg") 0 0 no-repeat;
}

/* line 4831, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.berry-kiss {
  background: url("/web/images/_new_images/sections/colourselector/swatches/berry-kiss.jpg") 0 0 no-repeat;
}

/* line 4837, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.buttercup-blast {
  background: url("/web/images/_new_images/sections/colourselector/swatches/buttercup-blast.jpg") 0 0 no-repeat;
}

/* line 4843, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.coral-splash {
  background: url("/web/images/_new_images/sections/colourselector/swatches/coral-splash.jpg") 0 0 no-repeat;
}

/* line 4849, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.crushed-chilli {
  background: url("/web/images/_new_images/sections/colourselector/swatches/crushed-chilli.jpg") 0 0 no-repeat;
}

/* line 4855, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.dusky-gem {
  background: url("/web/images/_new_images/sections/colourselector/swatches/dusky-gem.jpg") 0 0 no-repeat;
}

/* line 4861, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.emerald-slate {
  background: url("/web/images/_new_images/sections/colourselector/swatches/emerald-slate.jpg") 0 0 no-repeat;
}

/* line 4867, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.forest-mushroom {
  background: url("/web/images/_new_images/sections/colourselector/swatches/forest-mushroom.jpg") 0 0 no-repeat;
}

/* line 4873, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.fresh-rosemary {
  background: url("/web/images/_new_images/sections/colourselector/swatches/fresh-rosemary.jpg") 0 0 no-repeat;
}

/* line 4879, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.green-orchid {
  background: url("/web/images/_new_images/sections/colourselector/swatches/green-orchid.jpg") 0 0 no-repeat;
}

/* line 4885, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.ground-nutmeg {
  background: url("/web/images/_new_images/sections/colourselector/swatches/ground-nutmeg.jpg") 0 0 no-repeat;
}

/* line 4891, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.highland-marsh {
  background: url("/web/images/_new_images/sections/colourselector/swatches/highland-marsh.jpg") 0 0 no-repeat;
}

/* line 4897, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.juicy-grape {
  background: url("/web/images/_new_images/sections/colourselector/swatches/juicy-grape.jpg") 0 0 no-repeat;
}

/* line 4903, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.jungle-lagoon {
  background: url("/web/images/_new_images/sections/colourselector/swatches/jungle-lagoon.jpg") 0 0 no-repeat;
}

/* line 4909, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.lemon-slice {
  background: url("/web/images/_new_images/sections/colourselector/swatches/lemon-slice.jpg") 0 0 no-repeat;
}

/* line 4915, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.mellow-moss {
  background: url("/web/images/_new_images/sections/colourselector/swatches/mellow-moss.jpg") 0 0 no-repeat;
}

/* line 4921, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.misty-lawn {
  background: url("/web/images/_new_images/sections/colourselector/swatches/misty-lawn.jpg") 0 0 no-repeat;
}

/* line 4927, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.pale-thistle {
  background: url("/web/images/_new_images/sections/colourselector/swatches/pale-thistle.jpg") 0 0 no-repeat;
}

/* line 4933, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.pink-honeysuckle {
  background: url("/web/images/_new_images/sections/colourselector/swatches/pink-honeysuckle.jpg") 0 0 no-repeat;
}

/* line 4939, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.purple-pansy {
  background: url("/web/images/_new_images/sections/colourselector/swatches/purple-pansy.jpg") 0 0 no-repeat;
}

/* line 4945, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.sandy-shell {
  background: url("/web/images/_new_images/sections/colourselector/swatches/sandy-shell.jpg") 0 0 no-repeat;
}

/* line 4951, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.summer-breeze {
  background: url("/web/images/_new_images/sections/colourselector/swatches/summer-breeze.jpg") 0 0 no-repeat;
}

/* line 4957, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.sweet-blueberry {
  background: url("/web/images/_new_images/sections/colourselector/swatches/sweet-blueberry.jpg") 0 0 no-repeat;
}

/* line 4963, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.warm-flax {
  background: url("/web/images/_new_images/sections/colourselector/swatches/warm-flax.jpg") 0 0 no-repeat;
}

/* line 4969, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.wild-eucalyptus {
  background: url("/web/images/_new_images/sections/colourselector/swatches/wild-eucalyptus.jpg") 0 0 no-repeat;
}

/* line 4975, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.winters-night {
  background: url("/web/images/_new_images/sections/colourselector/swatches/winters-night.jpg") 0 0 no-repeat;
}

/* line 4981, scss/legacy/_main.scss */
div.colour-mixer
div.palette
ul li a.winter-well {
  background: url("/web/images/_new_images/sections/colourselector/swatches/winter-well.jpg") 0 0 no-repeat;
}

/* line 4987, scss/legacy/_main.scss */
div.colour-preview {
  position: relative;
  float: left;
  width: 563px;
  height: auto;
  border: 4px solid #DEDEDE;
  box-shadow: -1px -1px 8px #DDD;
  margin: 18px 0 40px 25px;
}

/* line 4997, scss/legacy/_main.scss */
div.colour-preview-txt {
  padding: 0 0 0 25px;
}

/* line 5001, scss/legacy/_main.scss */
div.colour-preview
div.preview-tip {
  position: absolute;
  bottom: 0;
  /*right: 45px;*/
  width: 100%;
  min-height: 90px;
  padding: 13px 25px;
  box-shadow: 0 0 5px #999 inset;
  background: white;
  background: rgba(255, 255, 255, 0.7);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 641px) {
  /* line 5018, scss/legacy/_main.scss */
  div.preview-tip .btn-buy {
    margin-top: 6px;
    display: block;
  }
}

@media (min-width: 641px) {
  /* line 5026, scss/legacy/_main.scss */
  div.preview-tip-info {
    float: left;
    margin-right: 10px;
  }
}

/* line 5033, scss/legacy/_main.scss */
div.colour-preview div.preview-tip ul li.selected a {
  cursor: default;
}

/* line 5037, scss/legacy/_main.scss */
div.colour-preview
div.preview-tip
h1 {
  padding: 9px 0 18px 0;
  margin: 0;
  line-height: 0;
  font-size: 20px;
  letter-spacing: -2px;
}

/* line 5052, scss/legacy/_main.scss */
div.colour-preview
div.preview-tip
h1 span {
  font-size: 18px;
}

/* line 5058, scss/legacy/_main.scss */
div.colour-preview
div.preview-tip
div.tip-tip {
  position: absolute;
  bottom: -11px;
  left: 70px;
  width: 20px;
  height: 13px;
  background: url("/web/images/_new_images/sections/colourselector/tip-tip.png") 0 0 no-repeat;
}

/* line 5069, scss/legacy/_main.scss */
.preview-tip h4 {
  text-transform: capitalize;
}

/* line 5073, scss/legacy/_main.scss */
.button-coulour-selector {
  color: #fff;
  background: #2e872b;
  display: block;
  width: 88px;
  padding: 14px 10px 14px 6px;
  padding-left: 6px;
  padding-top: 12px;
  line-height: 1em;
  height: 21px;
  font-size: 12px;
}

/* line 5086, scss/legacy/_main.scss */
.button-coulour-selector img {
  margin-top: 5px;
}

/* ==========================================================================
Safety Info
========================================================================== */
/* line 5093, scss/legacy/_main.scss */
body.safety
.top-left {
  left: 0px !important;
  width: 321px;
  height: 250px;
  background: url("/web/images/_new_images/leaf-topLeft-about.png") right top no-repeat;
}

/* line 5101, scss/legacy/_main.scss */
body.safety
footer {
  padding-top: 11px;
}

/* line 5109, scss/legacy/_main.scss */
div.safety
.imageHeading {
  margin-top: 119px;
  margin-bottom: 13px;
}

/* line 5115, scss/legacy/_main.scss */
div.safetyinfo
div.tool-colour-full {
  overflow: hidden;
}

/* line 5120, scss/legacy/_main.scss */
div.safetyinfo
h3 {
  font-size: 18px;
  line-height: 0;
  margin-top: 21px;
  padding: 0 0 5px 0;
  letter-spacing: -0.7px;
}

/* line 5129, scss/legacy/_main.scss */
div.safetyinfo
p {
  font-size: 12px;
  line-height: 16px;
}

/* line 5135, scss/legacy/_main.scss */
div.boxes {
  margin: 16px 0 0 12px;
}

/* line 5139, scss/legacy/_main.scss */
div.box {
  float: left;
  background: #FFFAD8;
  border: 4px solid #E6DEB4;
  width: 175px;
  height: 112px;
  padding: 6px 13px 15px 9px;
  margin: 0 20px 20px 0;
  line-height: 17px;
}

/* line 5150, scss/legacy/_main.scss */
div.box:nth-child(3n) {
  /*margin-right: 0;*/
}

/* line 5154, scss/legacy/_main.scss */
div.box p sup {
  line-height: 7px;
}

/* line 5158, scss/legacy/_main.scss */
div.sheets {
  padding: 25px 0 0 30px;
  width: 195px !important;
}

/* line 5163, scss/legacy/_main.scss */
div.safety-sheets {
  padding: 15px 0 0 30px;
  width: 195px !important;
}

/* line 5168, scss/legacy/_main.scss */
div.files {
  margin-top: 6px;
}

/* line 5172, scss/legacy/_main.scss */
div.files
ul {
  margin: 20px 20px 0 0;
}

/* line 5177, scss/legacy/_main.scss */
div.files
ul.secondary {
  margin-top: 10px;
}

/* line 5182, scss/legacy/_main.scss */
div.files
ul li {
  position: relative;
  display: inline-table;
  width: 204px;
  min-height: 45px;
  border-bottom: 1px solid #CCC;
  margin: 0 20px 25px 0;
  padding: 0 0 5px 0;
}

/* line 5193, scss/legacy/_main.scss */
div.files
ul li a {
  display: block;
  font-size: 14px;
  margin-right: 18px;
}

/* line 5200, scss/legacy/_main.scss */
div.files
ul li a
span {
  display: block;
  float: left;
  width: 42px;
  height: 41px;
  margin: 0 13px 2px 0;
  background: url("/web/images/_new_images/sections/safetyinfo/ico-pdf.png") 0 0 no-repeat;
}

/* line 5211, scss/legacy/_main.scss */
div.files
ul li
i {
  display: block;
  position: absolute;
  bottom: 22px;
  right: 0;
  width: 18px;
  height: 14px;
  background: url("/web/images/_new_images/sections/safetyinfo/ico-download.png") 0 0 no-repeat;
}

/* line 5223, scss/legacy/_main.scss */
div.safetyinfo
div.product-usage-guide {
  margin: 0 0 0 -40px;
}

/* line 5228, scss/legacy/_main.scss */
div.datasheets {
  background: white;
}

/* ==========================================================================
Enviornment
========================================================================== */
/* line 5242, scss/legacy/_main.scss */
body.environemnt
.top-left {
  left: -20px !important;
  width: 321px;
  height: 250px;
  background: url("/web/images/_new_images/leaf-topLeft-about.png") right top no-repeat;
}

/* line 5253, scss/legacy/_main.scss */
div.environment-title
h1 {
  margin: 160px 0 45px 8px;
}

/* line 5258, scss/legacy/_main.scss */
div.environment-menu
ul li a {
  font-size: 17px;
  padding: 0 10px;
}

/* line 5264, scss/legacy/_main.scss */
div.environment-menu
nav ul li.back-to-top a {
  right: -20px;
}

/* line 5269, scss/legacy/_main.scss */
div.environment-content
div.heading {
  width: 410px;
  display: inline;
  float: left;
  position: relative;
  margin-left: 10px;
  margin-right: 29px;
}

/* line 5279, scss/legacy/_main.scss */
div.environment-content ul {
  font-size: 0.8125em;
  margin-bottom: 14px;
}

/* line 5284, scss/legacy/_main.scss */
div.environment-content
.heading-image {
  margin-top: -6px;
}

/* line 5289, scss/legacy/_main.scss */
div.entries {
  overflow: hidden;
  margin: 52px 0 0 0px;
}

/* line 5294, scss/legacy/_main.scss */
div.entry {
  float: left;
  margin: 0 8px 23px 10px;
}

/* line 5299, scss/legacy/_main.scss */
div.entry
img {
  margin: 0 20px 0 0;
  border: 4px solid #DEDEDE;
}

/* line 5305, scss/legacy/_main.scss */
div.entry-content {
  float: left;
  width: 200px;
}

/* line 5310, scss/legacy/_main.scss */
div.entry-content
h3 {
  font-size: 21px;
  margin-top: -4px;
  margin-bottom: 9px;
  line-height: 22px;
  letter-spacing: -0.8px;
  padding: 0;
}

/* line 5320, scss/legacy/_main.scss */
div.entry-content
p {
  line-height: 16px;
}

/* line 5325, scss/legacy/_main.scss */
div.environment {
  position: relative;
  margin: 40px 0 20px 0;
  padding: 57px 0 0 0;
}

/* line 5331, scss/legacy/_main.scss */
div.environment-content {
  overflow: hidden;
  margin: 0 auto;
  padding-top: 6px;
}

/* line 5337, scss/legacy/_main.scss */
div.environment
div.zig-zag {
  width: 930px;
}

/* line 5342, scss/legacy/_main.scss */
div.environment
img {
  margin-top: 6px;
}

/* ==========================================================================
404
========================================================================== */
/* line 5350, scss/legacy/_main.scss */
div.container-404 {
  width: 412px;
  margin: 152px auto 0;
  text-align: center;
}

/* line 5356, scss/legacy/_main.scss */
div.container-404
h3 {
  margin: 25px 0 16px -4px;
  max-width: 380px;
}

/* line 5362, scss/legacy/_main.scss */
body.page404 div.content-wrapper {
  padding-bottom: 26px;
}

/* line 5366, scss/legacy/_main.scss */
body.page404 .massive-wrapper .content-wrapper {
  background-color: white;
  height: 596px;
}

/* line 5371, scss/legacy/_main.scss */
div.circle {
  display: table;
  text-align: center;
  width: 184px;
  height: 184px;
  margin: 0 0 0 77px;
  background: green;
  border-radius: 50%;
  behavior: url("/web/scripts/_new_scripts/csspie/PIE.htc");
  padding: 16px;
  box-shadow: 0 0 15px #444 inset;
}

/* line 5384, scss/legacy/_main.scss */
div.circle-inner {
  display: table-cell;
  vertical-align: middle;
  margin: 0 auto;
  background: #FFF;
  box-shadow: 0 0 3px #444;
  border-radius: 50%;
  behavior: url("/web/scripts/_new_scripts/csspie/PIE.htc");
}

/* line 5394, scss/legacy/_main.scss */
div.circle-inner
h2 {
  font-size: 0.9em;
  text-indent: -9999px;
  background: url("/web/images/_new_images/sections/404/404.jpg") 0 0 no-repeat;
  width: 156px;
  height: 58px;
  margin: 0 0 0 14px;
}

/* ==========================================================================
My account
========================================================================== */
/* line 5407, scss/legacy/_main.scss */
div.myaccount-title
h1 {
  margin: 150px 0 50px 0;
}

/* line 5412, scss/legacy/_main.scss */
.myaccount-shipping h2 {
  margin-bottom: 42px;
}

/* line 5416, scss/legacy/_main.scss */
.myaccount-billing h2 {
  margin-bottom: -10px;
}

/* line 5420, scss/legacy/_main.scss */
.myaccount-shipping fieldset,
.myaccount-billing fieldset,
.myaccount-myaccount fieldset {
  border-bottom: 1px solid #707070;
  margin-bottom: 20px;
}

/* line 5427, scss/legacy/_main.scss */
.save-container {
  float: right;
}

/* line 5431, scss/legacy/_main.scss */
.save-container button {
  margin-right: 10px;
  display: inline;
}

/* line 5436, scss/legacy/_main.scss */
.save-container a {
  margin-left: 5px;
  font-size: 1em;
  color: #444;
  font-family: Arial, sans-serif;
}

/* line 5443, scss/legacy/_main.scss */
.myaccount-billing .checkbox-container {
  margin: 0 0 -9px 0;
}

/* line 5447, scss/legacy/_main.scss */
.myaccount-myaccount .checkbox-container {
  margin-left: 150px;
}

/* line 5451, scss/legacy/_main.scss */
.myaccount-myaccount .checkbox-container label.checkbox {
  width: 220px;
}

/* line 5455, scss/legacy/_main.scss */
.myaccount-myaccount input.text {
  float: left;
  margin-right: 10px;
}

/* line 5460, scss/legacy/_main.scss */
.myaccount-myaccount span.change {
  float: left;
  margin: 8px 0 0 0px;
  display: block;
}

/* line 5466, scss/legacy/_main.scss */
.table-headers {
  width: 900px;
  margin: 0 0 0 -10px;
  font-size: 1.25em;
  padding: 0 0 8px 0;
  float: left;
}

/* line 5474, scss/legacy/_main.scss */
.table-items {
  margin: 0 0 0 -10px;
  padding: 0;
  list-style-type: none;
  width: 900px;
  font-size: 1em;
  float: left;
}

/* line 5483, scss/legacy/_main.scss */
.table-items li {
  display: block;
  float: left;
  padding: 6px 0;
}

/* line 5489, scss/legacy/_main.scss */
.table-items li.even {
  background: #f3efd4;
}

/* line 5493, scss/legacy/_main.scss */
.table-items li.odd {
  background: #fffde8;
}

/* line 5497, scss/legacy/_main.scss */
.table-items li a {
  font-size: 0.9em;
}

/* ==========================================================================
Error/Success messages
========================================================================== */
/* line 5504, scss/legacy/_main.scss */
.notification {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px 0;
  z-index: 40001;
  height: 20px;
  display: none;
}

/* line 5515, scss/legacy/_main.scss */
.notification div {
  width: 880px;
  margin: 0 auto;
  font-size: 1.1em;
  font-weight: bold;
}

/* line 5522, scss/legacy/_main.scss */
.notification.error {
  background: #c3261f;
  color: #fff;
}

/* line 5527, scss/legacy/_main.scss */
.notification.success {
  background: #71bf44;
  color: #fff;
}

/* line 5532, scss/legacy/_main.scss */
.notification.error span {
  background: url(/web/images/_new_images/icon-error.png) top left no-repeat;
  padding: 1px 0 5px 30px;
}

/* line 5537, scss/legacy/_main.scss */
.notification.success span {
  background: url(/web/images/_new_images/icon-success.png) top left no-repeat;
  padding: 1px 0 5px 30px;
}

@media (max-width: 640px) {
  /* line 5543, scss/legacy/_main.scss */
  .notification {
    top: 48px;
    height: auto !important;
  }
  /* line 5547, scss/legacy/_main.scss */
  .notification div {
    width: auto !important;
    margin: 0 10px !important;
  }
}
/* ==========================================================================
Legal
========================================================================== */
/* line 5557, scss/legacy/_main.scss */
body#legal
footer {
  padding-top: 28px;
}

/* line 5562, scss/legacy/_main.scss */
div.legal {
  padding-bottom: 32px;
  padding-top: 174px;
}

/* line 5567, scss/legacy/_main.scss */
div.legal
h1 {
  font-size: 27px;
  line-height: 10px;
  font-weight: normal;
  font-family: 'Effra W01 Regular', Arial, sans-serif;
  letter-spacing: 2.2px;
}

/* line 5576, scss/legacy/_main.scss */
div.legal
h4 {
  font-size: 22px;
  padding: 0 0 9px 0;
  margin: 0 0 13px 0;
  font-family: 'Effra W01 Medium';
  font-weight: normal;
}

/* line 5585, scss/legacy/_main.scss */
div.legal
p {
  font-size: 14px;
  font-weight: normal;
  font-family: 'Effra W01 Regular';
  margin: 0 0 28px 0;
  line-height: 16px;
  letter-spacing: -0.8px;
}

/* line 5595, scss/legacy/_main.scss */
div.legal-content {
  margin-top: 17px;
}

/* ==========================================================================
Contact us
========================================================================== */
/* line 5602, scss/legacy/_main.scss */
div.contact-us {
  padding-top: 174px;
}

/* ==========================================================================
Order summary
========================================================================== */
/* line 5609, scss/legacy/_main.scss */
ul.order-reference {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* line 5615, scss/legacy/_main.scss */
ul.order-reference li {
  list-style-type: none;
  margin: 0;
  padding: 0 0 5px 0;
  font-weight: bold;
  font-size: 0.813em;
}

/* line 5623, scss/legacy/_main.scss */
ul.order-reference li span {
  font-weight: normal;
  display: block;
  width: 150px;
  float: left;
}

/* line 5630, scss/legacy/_main.scss */
.myaccount-order-history p {
  width: 505px;
}

/* line 5634, scss/legacy/_main.scss */
.massive-wrapper .content-wrapper {
  /*height: 420px;*/
}

/* line 5638, scss/legacy/_main.scss */
.colour-selector-copy
p {
  line-height: 1.1em;
  margin-bottom: 5px;
  font-size: 0.75em;
}

/* ==========================================================================
AF Styles
========================================================================== */
/* line 5648, scss/legacy/_main.scss */
.form-row {
  float: left;
  margin-bottom: 15px;
  width: 100%;
}

/* line 5654, scss/legacy/_main.scss */
.form-row label {
  width: auto;
  padding: 0;
}

/* line 5659, scss/legacy/_main.scss */
.form-row label > span {
  float: left;
  font-size: 17px;
  font-weight: 200;
  line-height: 1;
  padding: 10px 20px 0 0;
  text-align: right;
  width: 158px;
}

/* line 5669, scss/legacy/_main.scss */
.form-row .g-recaptcha {
  margin-left: 178px;
}

/* line 5673, scss/legacy/_main.scss */
.form-row.no-label {
  padding: 7px 0 0 174px;
}

/* line 5677, scss/legacy/_main.scss */
.form-row.no-label #input-btn-register {
  float: left;
  margin-right: 31px;
}

/* line 5682, scss/legacy/_main.scss */
.logout-row.no-label {
  padding-top: 16px;
  padding-left: 16px;
}

/* line 5687, scss/legacy/_main.scss */
label[for="offers"] {
  font-size: 0.8em;
}

/* line 5691, scss/legacy/_main.scss */
input[type="text"], input[type="email"], input[type="password"] {
  background: none repeat scroll 0 0 #F6F5F0;
  border: medium none;
  font-size: 15px;
  height: 22px;
  padding: 8px 10px;
  width: auto;
}

/* line 5700, scss/legacy/_main.scss */
#forgotten-password {
  margin: 14px 0;
}

/* line 5704, scss/legacy/_main.scss */
#register-form select, #account-details-form select {
  margin-top: 8px;
  top: 0;
  visibility: visible;
}

/* line 5710, scss/legacy/_main.scss */
#account-orders {
  background: none repeat scroll 0 0 #F8F7F3;
  margin: 20px 0;
  text-align: left;
}

/* line 5716, scss/legacy/_main.scss */
#account-orders thead tr th {
  border-right: 1px solid #E0EDDB;
  font-size: 17px;
  font-weight: 400;
  padding: 10px;
  width: 16%;
}

/* line 5724, scss/legacy/_main.scss */
#account-orders tbody tr td {
  font-weight: 400;
}

/* line 5728, scss/legacy/_main.scss */
#account-orders tbody tr th, #account-orders tbody tr td {
  border-right: 1px solid #E0EDDB;
  padding: 10px;
}

/* line 5733, scss/legacy/_main.scss */
#account-order-items {
  float: left;
  text-align: left;
}

/* line 5738, scss/legacy/_main.scss */
#basket-totals {
  display: block;
  float: left;
  margin: 10px 0;
  text-align: left;
  width: 100%;
}

/* line 5746, scss/legacy/_main.scss */
#basket-totals > table {
  float: right;
}

/* line 5750, scss/legacy/_main.scss */
.grid_8.vouchers {
  float: right;
  margin-top: 18px;
}

/* line 5755, scss/legacy/_main.scss */
.grid_8.vouchers span {
  text-align: right;
  float: left;
  font-size: 0.813em;
  line-height: 1.3em;
  padding: 8px 8px 0 0;
}

/* line 5763, scss/legacy/_main.scss */
.dropdown.touch-ui {
  float: left;
}

/* line 5767, scss/legacy/_main.scss */
.about div.environment {
  margin: 0 0 20px;
  padding: 0;
  position: relative;
}

/* line 5773, scss/legacy/_main.scss */
.about div.environment img {
  float: left;
  margin: 0 10px 0 0;
}

/* ==========================================================================
Comms / Tester Styles
========================================================================== */
/* line 5782, scss/legacy/_main.scss */
body.testers header .navigation, body.testers header ul li.dd-search, body.testers header ul li.dd-user {
  display: none;
}

/* line 5786, scss/legacy/_main.scss */
body.testers header ul {
  float: right;
}

/* line 5790, scss/legacy/_main.scss */
body.testers header ul li {
  width: 180px;
  font-size: 1.2em;
}

/* line 5795, scss/legacy/_main.scss */
body.testers header ul li a.basket {
  color: #fffbdc;
  text-indent: 0;
  padding-left: 45px;
  line-height: 45px;
}

/* line 5802, scss/legacy/_main.scss */
.tester-main-image {
  margin-top: 15px;
}

/* line 5806, scss/legacy/_main.scss */
.tester-main-content {
  margin-top: 25px;
}

/* line 5810, scss/legacy/_main.scss */
.tester-main-content ul {
  margin: 30px 0 0 0;
}

/* line 5814, scss/legacy/_main.scss */
.tester-main-content li {
  display: inline-block;
  background: url("/web/images/_new_images/icons/icon-tick.png") 2px 0 no-repeat;
  padding: 0 60px 15px 37px;
  margin: 0;
  font-weight: bold;
  font-size: 0.813em;
}

/* line 5823, scss/legacy/_main.scss */
nav#explore-menu a {
  padding-top: 0;
  color: #6c6c6c;
  text-shadow: none;
  height: 20px;
  width: 144px;
}

/* line 5831, scss/legacy/_main.scss */
nav#explore-menu a:hover {
  border-bottom: none;
}

/* line 5835, scss/legacy/_main.scss */
nav#explore-menu a:first-child {
  margin-left: 35px;
}

/* line 5839, scss/legacy/_main.scss */
.sheds .image a {
  width: 108px;
  height: 108px;
  display: block;
  margin: auto;
}

/* line 5846, scss/legacy/_main.scss */
body.sheds div.slide-info-wrap.testers-promo {
  position: relative;
  background-image: url(/web/images/_new_images/sections/sheds/slide-info-testers.png);
  height: 165px;
  width: 255px;
  top: -233px;
}

/* line 5854, scss/legacy/_main.scss */
div.slide-info-wrap.testers-promo .description {
  width: 200px;
}

/* line 5858, scss/legacy/_main.scss */
footer .sep-line.tester-nav {
  margin-top: 10px;
}

/* line 5862, scss/legacy/_main.scss */
ul#tester-tabs.tabs {
  float: left;
  width: 908px;
  height: 51px;
  font-size: 0;
}

/* line 5869, scss/legacy/_main.scss */
ul#tester-tabs.tabs li {
  display: inline-block;
  font-size: 20px;
}

/* line 5874, scss/legacy/_main.scss */
ul#tester-tabs.tabs li a {
  height: 48px;
  width: 120px;
  line-height: 50px;
  background: url("/web/images/_new_images/sections/colourselector/tab-bg-tester.png") 0 0 repeat-x;
}

/* line 5881, scss/legacy/_main.scss */
body#tester h2.tester-header {
  margin-bottom: 24px;
}

/**********************
Changing the ids to classes for the tester page colour picker
***********************/
/* line 5889, scss/legacy/_main.scss */
ul.tester-tabs.tabs {
  float: left !important;
  width: 903px !important;
  height: 51px !important;
  font-size: 0;
}

/* line 5896, scss/legacy/_main.scss */
ul.tester-tabs.tabs li {
  display: inline-block;
  font-size: 20px;
}

/* line 5901, scss/legacy/_main.scss */
ul.tester-tabs.tabs li a {
  height: 48px;
  width: 120px;
  line-height: 50px;
  background: url("/web/images/_new_images/sections/colourselector/tab-bg-tester.png") 0 0 repeat-x;
}

/* line 5908, scss/legacy/_main.scss */
ul.tester-tabs.tabs li.selected a.red-tab {
  border-bottom: 3px solid #ff0000;
}

/* line 5912, scss/legacy/_main.scss */
ul.tester-tabs.tabs li.selected a.black-tab {
  border-bottom: 3px solid #270f00;
}

/* line 5916, scss/legacy/_main.scss */
ul.tester-tabs.tabs li.selected a.yellow-tab {
  border-bottom: 3px solid #ffcc00;
}

/* line 5920, scss/legacy/_main.scss */
ul.tester-tabs.tabs li.selected a.green-tab {
  border-bottom: 3px solid #12c200;
}

/* line 5924, scss/legacy/_main.scss */
ul.tester-tabs.tabs li.selected a.blue-tab {
  border-bottom: 3px solid #009cff;
}

/* line 5928, scss/legacy/_main.scss */
ul.tester-tabs.tabs li.selected a.violet-tab {
  border-bottom: 3px solid #9700c2;
}

/* line 5932, scss/legacy/_main.scss */
ul.tester-tabs.tabs li.selected a.neutral-tab {
  border-bottom: 3px solid #707070;
}

/* line 5936, scss/legacy/_main.scss */
ul.tester-tabs.tabs.surface-tabs li a {
  width: 172px;
}

/* line 5940, scss/legacy/_main.scss */
ul.tester-tabs.tabs.surface-tabs li a.end {
  width: 171px;
}

/* line 5944, scss/legacy/_main.scss */
ul.tester-tabs.tabs.surface-tabs li a.first-child {
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
}

/* line 5950, scss/legacy/_main.scss */
ul.tester-tabs.tabs.surface-tabs li a.last-child {
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
}

/* line 5956, scss/legacy/_main.scss */
ul.tester-tabs.tabs.surface-tabs li.selected a {
  background: url("/web/images/_new_images/bg-widget-active.png") 0 0 repeat-x;
  color: #FFF;
}

/* line 5961, scss/legacy/_main.scss */
.tool-colour-mini .colours.testers {
  width: 901px;
  height: auto;
}

/* line 5966, scss/legacy/_main.scss */
.tool-colour-mini .colours.testers img {
  width: 93px;
  height: 93px;
}

/* line 5971, scss/legacy/_main.scss */
.tool-colour-mini ul.colours.testers li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100px !important;
  height: 100px !important;
  padding: 3px !important;
  overflow: hidden;
  border: 0 none;
}

/* line 5982, scss/legacy/_main.scss */
.tool-colour-mini ul.colours.testers li.hover {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 5px solid #fff;
}

/* line 5989, scss/legacy/_main.scss */
.tool-colour-mini ul.colours.testers li img,
.tool-colour-mini ul.colours.testers li img.hover {
  width: 100px !important;
  height: 100px !important;
}

/* line 5995, scss/legacy/_main.scss */
#tester .tool-colour-mini ul.tabs {
  margin-bottom: 2px;
}

/* line 5999, scss/legacy/_main.scss */
#tester .tool-colour-mini ul.surface-tabs {
  margin-bottom: 0;
}

/* line 6003, scss/legacy/_main.scss */
#tester .tool-colour-mini ul.hues {
  background: #fefefe;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZGVkZWRlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-linear-gradient(top, #fefefe 0%, #dedede 2%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(2%, #dedede));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fefefe 0%, #dedede 2%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fefefe 0%, #dedede 2%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fefefe 0%, #dedede 2%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fefefe 0%, #dedede 2%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#dedede', GradientType=0);
  /* IE6-8 */
}

/* line 6017, scss/legacy/_main.scss */
#tester .tool-colour-mini .tabs .selected a {
  background: url("/web/images/_new_images/sections/colourselector/tab-bg-tester.png") 0 0 repeat-x;
  color: #444;
}

/* line 6022, scss/legacy/_main.scss */
#tester #tool-colour-mini-tip {
  background: url("/web/images/_new_images/sections/colourselector/tester-tip-bg.png") repeat-x scroll 0 0 transparent;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  width: 160px;
  margin-left: 10px;
  height: 100px;
}

/* line 6032, scss/legacy/_main.scss */
#tester #tool-colour-mini-tip h4, #tester #tool-colour-mini-tip h1, #tester #tool-colour-mini-tip h1 span {
  font-size: 16px;
  line-height: 1.8em;
}

/* line 6037, scss/legacy/_main.scss */
#tester #tool-colour-mini-tip a.button {
  font-size: 13px;
  font-weight: normal;
  padding: 4px 30px 4px 14px;
}

/* line 6043, scss/legacy/_main.scss */
#tester #tool-colour-mini-tip div.tip-tip {
  left: 75px;
}

/* line 6047, scss/legacy/_main.scss */
.arrow-link.more-products.right {
  margin-top: 15px;
}

/* line 6051, scss/legacy/_main.scss */
#delivery-address-summary dl dt {
  margin: 0 0 14px 0;
}

/* line 6055, scss/legacy/_main.scss */
#delivery-address-summary dl dd {
  margin: 0 0 10px 0;
}

/* line 6059, scss/legacy/_main.scss */
#account-order-items .t-price,
#account-order-items .t-line-total {
  text-align: right;
}

/* line 6064, scss/legacy/_main.scss */
#basket-totals th#t-sub-total,
#basket-totals th#t-delivery-total,
#basket-totals th#t-sub-total,
#basket-totals th#t-grand-total {
  padding: 0 10px 0 0;
}

/* line 6071, scss/legacy/_main.scss */
#order-form p.note {
  margin: 14px 0;
}

/* line 6075, scss/legacy/_main.scss */
.form-row > label[for=country] {
  margin: 0 0 14px 0;
}

/* line 6079, scss/legacy/_main.scss */
#checkout-security {
  margin: 0;
}

/* line 6083, scss/legacy/_main.scss */
#checkout-security > li {
  list-style-type: none;
}

/* line 6087, scss/legacy/_main.scss */
#security-notice-3d-secure {
  margin: 14px 0 0 0;
}

/*===========================================
payment thanks
===========================================*/
/* line 6095, scss/legacy/_main.scss */
.thanks-list dl dt, .thanks-list dl dd {
  float: left;
}

/* line 6099, scss/legacy/_main.scss */
.thanks-list dl dt {
  clear: left;
}

/*===========================================
video plate
===========================================*/
/* line 6107, scss/legacy/_main.scss */
.video-plate {
  border: 1px solid #dcdcdc;
  padding: 0;
  margin: 20px 0;
  overflow: hidden;
}

/* line 6114, scss/legacy/_main.scss */
.video-plate img,
.video-plate div {
  float: left;
}

/* line 6119, scss/legacy/_main.scss */
.video-plate div {
  margin-left: 10px;
  width: 278px;
}

/* line 6124, scss/legacy/_main.scss */
.video-plate h4 {
  margin-top: 11px !important;
  margin-bottom: 4px !important;
}

/* line 6129, scss/legacy/_main.scss */
.video-plate .button {
  display: inline-block;
}

/* line 6133, scss/legacy/_main.scss */
body.testers .tool-colour-mini-tip {
  margin-left: 20px;
}

/* ==========================================================================
Garden Shades New Style
========================================================================== */
/* line 6141, scss/legacy/_main.scss */
body.gardenshades .tool-colour-full {
  background: #fff;
}
/* line 6144, scss/legacy/_main.scss */
body.gardenshades .tool-colour-full h2 {
  padding: 20px 0 30px 15px;
  margin: 0;
}
/* line 6149, scss/legacy/_main.scss */
body.gardenshades .tool-colour-full .garden-shades-list {
  background: #fff;
  float: left;
  width: 100%;
  position: relative;
  text-align: center;
}
/* line 6155, scss/legacy/_main.scss */
body.gardenshades .tool-colour-full .garden-shades-list .garden-shades-list-title {
  padding: 20px 0;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
}
/* line 6163, scss/legacy/_main.scss */
body.gardenshades .tool-colour-full .garden-shades-list ul.colours {
  margin: 0 auto;
  border: none;
  width: 100%;
  float: none;
}
/* line 6169, scss/legacy/_main.scss */
body.gardenshades .tool-colour-full .garden-shades-list ul.colours li {
  width: 14%;
  height: 55px;
  position: relative;
  float: left;
  margin: 12.5px 1.3%;
  padding: 0;
  overflow: hidden;
  border-radius: 15px;
}
/* line 6178, scss/legacy/_main.scss */
body.gardenshades .tool-colour-full .garden-shades-list ul.colours li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}
/* line 6187, scss/legacy/_main.scss */
body.gardenshades .tool-colour-full .garden-shades-list ul.colours li a img {
  position: relative;
  width: 100%;
  height: auto;
  display: block;
}
/* line 6193, scss/legacy/_main.scss */
body.gardenshades .tool-colour-full .garden-shades-list ul.colours li a img:hover {
  width: 100%;
  height: auto;
  border: none;
}
@media (max-width: 640px) {
  /* line 6187, scss/legacy/_main.scss */
  body.gardenshades .tool-colour-full .garden-shades-list ul.colours li a img {
    width: 100% !important;
    height: auto !important;
  }
}
/* line 6205, scss/legacy/_main.scss */
body.gardenshades .tool-colour-full .garden-shades-list ul.colours li a .shade-name {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  text-align: center;
}
/* line 6214, scss/legacy/_main.scss */
body.gardenshades .tool-colour-full .garden-shades-list ul.colours li a .shade-name.dark-txt {
  color: #333;
}
/* line 6219, scss/legacy/_main.scss */
body.gardenshades .tool-colour-full .garden-shades-list ul.colours li a:hover {
  width: 100%;
  height: 100%;
  color: #fff;
}
@media (max-width: 640px) {
  /* line 6178, scss/legacy/_main.scss */
  body.gardenshades .tool-colour-full .garden-shades-list ul.colours li a {
    width: 100% !important;
    height: 100% !important;
  }
}
/* line 6231, scss/legacy/_main.scss */
body.gardenshades .tool-colour-full .garden-shades-list ul.colours li:hover {
  width: 14%;
  height: 55px;
  padding: 0;
  margin: 12.5px 1.3%;
}
@media (max-width: 640px) {
  /* line 6169, scss/legacy/_main.scss */
  body.gardenshades .tool-colour-full .garden-shades-list ul.colours li {
    width: 100% !important;
    height: 55px !important;
    margin: 12.5px 0;
  }
}
/* line 6250, scss/legacy/_main.scss */
body.gardenshades .tool-colour-full .garden-shades-list .garden-shades-list-images {
  float: left;
  width: 100%;
  background: #fff;
  text-align: center;
  position: relative;
}
@media (max-width: 640px) {
  /* line 6250, scss/legacy/_main.scss */
  body.gardenshades .tool-colour-full .garden-shades-list .garden-shades-list-images {
    margin: 0 20px !important;
    padding: 0;
    width: calc(100% - 40px);
  }
}
/* line 6262, scss/legacy/_main.scss */
body.gardenshades .tool-colour-full .garden-shades-list .garden-shades-list-images .garden-shades-list-img {
  width: 22%;
  padding: 0;
  margin: 0 1.5%;
  height: 100px;
  overflow: hidden;
  border-radius: 15px;
  float: left;
  position: relative;
}
/* line 6272, scss/legacy/_main.scss */
body.gardenshades .tool-colour-full .garden-shades-list .garden-shades-list-images .garden-shades-list-img img {
  height: auto;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (max-width: 640px) {
  /* line 6262, scss/legacy/_main.scss */
  body.gardenshades .tool-colour-full .garden-shades-list .garden-shades-list-images .garden-shades-list-img {
    width: 100% !important;
    margin: 0 0 15px;
  }
}
/* line 6289, scss/legacy/_main.scss */
body.gardenshades .tool-colour-full .garden-shades-list.nature-brights-list {
  margin-bottom: 30px;
  padding-bottom: 30px;
}
/* line 6293, scss/legacy/_main.scss */
body.gardenshades .tool-colour-full .garden-shades-list.nature-brights-list .garden-shades-list-images .garden-shades-list-img {
  width: 47%;
}
/* line 6304, scss/legacy/_main.scss */
body.gardenshades .tool-colour-full .garden-shades-list-info {
  float: left;
  width: 100%;
  position: relative;
  background: #fff;
  padding: 30px 0;
}
/* line 6310, scss/legacy/_main.scss */
body.gardenshades .tool-colour-full .garden-shades-list-info .left-part,
body.gardenshades .tool-colour-full .garden-shades-list-info .right-part {
  position: relative;
  float: left;
  width: 50%;
  padding: 0;
}
/* line 6316, scss/legacy/_main.scss */
body.gardenshades .tool-colour-full .garden-shades-list-info .left-part p,
body.gardenshades .tool-colour-full .garden-shades-list-info .right-part p {
  font-size: 16px;
  padding: 0 15px;
}
@media (max-width: 640px) {
  /* line 6310, scss/legacy/_main.scss */
  body.gardenshades .tool-colour-full .garden-shades-list-info .left-part,
  body.gardenshades .tool-colour-full .garden-shades-list-info .right-part {
    width: 100% !important;
    margin: 0 0 15px;
  }
}
/* line 6329, scss/legacy/_main.scss */
body.gardenshades .tool-colour-full-container {
  background-color: #fff !important;
}

/* ==========================================================================
Garden Shades New Style End
========================================================================== */
/* ==========================================================================
Privacy Policy Styles
========================================================================== */
/* line 6341, scss/legacy/_main.scss */
div.about.privacy-policy-content h1 {
  font-weight: bold;
  font-size: 2.0em;
  line-height: 2.0em;
  margin: 5px 0 15px;
}
/* line 6348, scss/legacy/_main.scss */
div.about.privacy-policy-content h2 {
  font-weight: bold;
  font-size: 1.7em;
  line-height: 1.7em;
  margin: 5px 0 15px;
}
/* line 6355, scss/legacy/_main.scss */
div.about.privacy-policy-content h3 {
  font-weight: normal;
  font-size: 1.4em;
  line-height: 1.4em;
  margin: 5px 0 10px;
}
/* line 6361, scss/legacy/_main.scss */
div.about.privacy-policy-content p {
  font-weight: normal;
  font-size: 1em;
  line-height: 1em;
}

/* Overrides for general layout
========================================================================== */
/* line 3, scss/legacy/_order.scss */
form, fieldset, legend {
  margin: 0;
  padding: 0;
  border: 0;
}

/* line 8, scss/legacy/_order.scss */
legend {
  position: absolute;
  left: -9999px;
}

/* line 12, scss/legacy/_order.scss */
fieldset {
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 5px;
}

/* line 16, scss/legacy/_order.scss */
fieldset.final {
  border-bottom: 1px solid #707070;
  margin: 0 0 20px 0;
}

/* line 20, scss/legacy/_order.scss */
label,
span.label {
  width: 140px;
  padding: 12px 10px 13px 0;
  clear: both;
  display: block;
  float: left;
  font-size: 1em;
  line-height: 1.25em;
}

/* line 30, scss/legacy/_order.scss */
span.label {
  padding: 8px 10px 3px 0;
}

/* line 33, scss/legacy/_order.scss */
label.small {
  width: 120px;
  margin-top: 5px;
}

/* line 37, scss/legacy/_order.scss */
span.value {
  float: left;
  width: 262px;
  padding: 8px 8px 3px;
  font-weight: bold;
  font-size: 1em;
}

/* line 44, scss/legacy/_order.scss */
input.text {
  float: right;
  margin: 11px 0 10px;
}

/* line 48, scss/legacy/_order.scss */
textarea.textarea {
  border: 1px solid #DCDCDC;
  font-size: 0.9em;
  padding: 3px;
  width: 272px;
  height: 218px;
  margin: 8px 0;
  float: right;
}

/* line 57, scss/legacy/_order.scss */
input.checkbox {
  clear: both;
  float: left;
}

/* line 61, scss/legacy/_order.scss */
label.checkbox {
  clear: none;
  width: 370px;
  margin: 0 10px 5px 10px;
  font-size: 0.813em;
  font-weight: bold;
  padding-top: 9px;
}

/* line 69, scss/legacy/_order.scss */
span.error {
  display: block;
  width: 250px;
  margin: 0 0 -13px 150px;
  padding: 0 10px;
  position: relative;
  top: -8px;
  float: left;
  color: #fd0001;
  font-size: 0.813em;
  line-height: 13px;
}

/* line 81, scss/legacy/_order.scss */
select + span.error {
  top: -15px;
}

/* line 84, scss/legacy/_order.scss */
#order h2 {
  margin: 18px 0 11px 0;
}

/* line 87, scss/legacy/_order.scss */
#order h2.basket {
  margin: 0 0 14px;
}

/* line 90, scss/legacy/_order.scss */
.button {
  padding: 4px 25px 6px 8px;
}

/* line 93, scss/legacy/_order.scss */
.button span {
  right: 9px;
}

/* line 96, scss/legacy/_order.scss */
.button.grey.checkout {
  box-shadow: -1px -1px 2px #999999;
}

/* line 99, scss/legacy/_order.scss */
.button.grey.checkout:hover {
  box-shadow: none;
}

/* line 102, scss/legacy/_order.scss */
.button.grey.checkout {
  background: url("/web/images/_new_images/bg-button-grey.png") top left repeat-x;
  border: 1px solid #dcdcdc;
  color: #313131;
  padding: 6px 14px 6px 14px;
}

/* line 108, scss/legacy/_order.scss */
.button.grey.checkout.small {
  background: url("/web/images/_new_images/bg-button-grey-small.png") top left repeat-x;
  padding: 2px 12px 2px;
  box-shadow: none;
  font-size: 0.875em;
  display: inline-block;
  float: right;
}

/* line 116, scss/legacy/_order.scss */
.button.grey.checkout:active,
.button.grey.checkout.small:active {
  background: url("/web/images/_new_images/bg-button-grey-active.png") top left repeat-x;
}

/* line 120, scss/legacy/_order.scss */
.button.grey.paypal {
  padding: 6px 90px 6px 14px;
}

/* line 123, scss/legacy/_order.scss */
.button.grey.paypal span {
  background: url("/web/images/_new_images/logo-paypal.png") no-repeat scroll 0 0 transparent;
  width: 74px;
  height: 20px;
  right: 10px;
}

/* line 129, scss/legacy/_order.scss */
input.text,
input.password {
  border: 1px solid #dcdcdc;
  padding: 2px 3px;
  font-size: 0.9em;
  width: 272px;
}

/* line 136, scss/legacy/_order.scss */
input.text.error,
input.password.error {
  padding: 1px 2px;
  border: 2px solid #fe0103;
}

/* line 141, scss/legacy/_order.scss */
select.select {
  width: 220px;
}

/* line 144, scss/legacy/_order.scss */
select.select.small {
  width: 30px;
}

/* line 147, scss/legacy/_order.scss */
input.text.small {
  width: 105px;
}

/* line 151, scss/legacy/_order.scss */
.order-progress {
  width: 100%;
  margin: 97px 0 26px;
  height: 56px;
  float: left;
  border-bottom: 1px solid #dcdcdc;
  z-index: 9998;
  position: relative;
  background: #fff url(/web/images/_new_images/sections/checkout/bg-order-progress.png) top left repeat-x;
}

/* line 161, scss/legacy/_order.scss */
.order-progress ul {
  width: 880px;
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
}

/* line 167, scss/legacy/_order.scss */
.order-progress ul li {
  display: inline-block;
  padding: 15px 9px 12px;
  font-size: 1.25em;
  color: #313131;
  font-weight: bold;
}

/* line 174, scss/legacy/_order.scss */
.order-progress ul li.done {
  color: #c0c0c0;
}

/* line 177, scss/legacy/_order.scss */
.order-progress ul li.current {
  border-bottom: 4px solid #313131;
}

/* line 180, scss/legacy/_order.scss */
#order .order-progress h3,
#order .content-wrapper h3
#order .massive-wrapper h3 {
  background: #318D2E;
  color: #FFFFFF;
  display: block;
  left: -10px;
  margin: 0;
  padding: 8px 10px;
  position: relative;
  font-size: 1.625em;
}

/* line 192, scss/legacy/_order.scss */
#order #account-dropdown .container.forgotten {
  display: block;
}

/* Basket page
========================================================================== */
/* line 199, scss/legacy/_order.scss */
.basket-title {
  margin-top: 156px;
}

/* line 202, scss/legacy/_order.scss */
.basket-headers {
  font-weight: bold;
  font-size: 1em;
}

/* line 207, scss/legacy/_order.scss */
.basket-headers .sep {
  border-bottom: 1px solid #ccc;
  padding: 5px 0 0 0;
}

/* line 212, scss/legacy/_order.scss */
.basket-items-full {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin: 0 auto;
}

/* line 218, scss/legacy/_order.scss */
.basket-items-full li {
  padding: 10px 0 0;
  display: block;
  clear: both;
  float: left;
}

/* line 225, scss/legacy/_order.scss */
.basket-items-full li .sep {
  border-bottom: 1px solid #ccc;
  padding: 10px 0 0;
  display: block;
  float: left;
  clear: both;
}

/*.basket-items-full .grid_2 img{
	border:4px solid #DEDEDE;
}*/
/* line 235, scss/legacy/_order.scss */
.basket-items-full .basket-quantity {
  width: 30px;
  float: none;
}

/* line 240, scss/legacy/_order.scss */
.basket-items-full .grid_4 {
  font-weight: bold;
  font-size: 1em;
}

/* line 244, scss/legacy/_order.scss */
.basket-items-full .grid_4 span {
  display: block;
  font-weight: normal;
  font-size: 0.813em;
}

/* line 249, scss/legacy/_order.scss */
.basket-items-full .grid_2 {
  font-size: 0.813em;
}

/* line 252, scss/legacy/_order.scss */
.basket-items-full .grid_2 a {
  font-size: 1em;
}

/* line 255, scss/legacy/_order.scss */
.basket-items-full .grid_2 a.button {
  font-size: 1.1em;
}

/* line 258, scss/legacy/_order.scss */
.basket-summary-full {
  margin: 0;
  padding: 10px 0;
  font-size: 0.813em;
}

/* line 264, scss/legacy/_order.scss */
.basket-summary-full li {
  padding: 10px 0;
  display: block;
  float: left;
}

/* line 271, scss/legacy/_order.scss */
.basket-summary-full .grid_8 {
  text-align: right;
  font-weight: bold;
}

/* line 276, scss/legacy/_order.scss */
.basket-summary-full .offer {
  float: right !important;
  color: red;
}

/* line 281, scss/legacy/_order.scss */
.basket-summary-full #postage small {
  color: red;
}

/* line 283, scss/legacy/_order.scss */
.basket-voucher-code {
  clear: both;
  float: right;
  background: #fffbd5;
  border: 4px solid #e4dfaf;
  padding: 6px;
  margin: 10px 0;
}

/* line 291, scss/legacy/_order.scss */
.basket-voucher-code div {
  width: 388px;
}

/* line 294, scss/legacy/_order.scss */
.basket-voucher-code input.text {
  width: 50px;
  margin: 0;
  float: none;
}

/* line 300, scss/legacy/_order.scss */
.touch .basket-voucher-code input.text {
  width: 45px;
}

/* line 303, scss/legacy/_order.scss */
.basket-voucher-code label {
  margin: 3px 12px 0 0;
  display: inline;
  clear: none;
  padding: 0;
  width: auto;
  font-size: 0.813em;
}

/* line 311, scss/legacy/_order.scss */
.basket-checkout {
  clear: both;
  padding: 10px 0;
}

/* line 315, scss/legacy/_order.scss */
.basket-checkout button {
  float: right;
  margin-left: 10px;
}

/* line 319, scss/legacy/_order.scss */
.basket-empty {
  padding: 0 10px;
}

/* line 323, scss/legacy/_order.scss */
.basket-empty a.button {
  float: left;
}

/* line 327, scss/legacy/_order.scss */
p.error, p.success {
  display: inline-block;
  margin-top: 20px;
  margin-left: 20px;
}

/* line 332, scss/legacy/_order.scss */
.checkbox-container span.jqTransformCheckboxWrapper {
  float: left;
}

/* line 336, scss/legacy/_order.scss */
.checkbox-container a.jqTransformCheckbox {
  -moz-box-orient: vertical;
  background: url("/web/images/_new_images/sections/checkout/checkbox.gif") no-repeat scroll center top transparent;
  display: inline-block;
  height: 24px;
  vertical-align: middle;
  width: 25px;
}

/* line 344, scss/legacy/_order.scss */
.checkbox-container a.jqTransformChecked {
  background-position: center bottom;
}

/* line 347, scss/legacy/_order.scss */
.checkbox-container {
  clear: both;
  float: left;
  padding: 18px 0 0;
  margin: 0;
}

/* Account login page
========================================================================== */
/* line 355, scss/legacy/_order.scss */
.account-details {
  padding-bottom: 0px;
}

/* line 358, scss/legacy/_order.scss */
.account-details.login h3 {
  width: 430px;
}

/* line 361, scss/legacy/_order.scss */
.account-details.new h3 {
  width: 355px;
}

/* line 364, scss/legacy/_order.scss */
.account-details p {
  margin: 10px 0;
}

/* line 367, scss/legacy/_order.scss */
.account-details .arrow-link {
  clear: both;
  float: left;
  margin: 6px 0 0 150px;
}

/* line 372, scss/legacy/_order.scss */
.account-details.login .button {
  float: right;
}

/* line 375, scss/legacy/_order.scss */
.account-details .button.back {
  clear: both;
  float: left;
}

/* Shipping details page
========================================================================== */
/* line 381, scss/legacy/_order.scss */
.shipping-details .button {
  float: right;
}

/* line 384, scss/legacy/_order.scss */
.shipping-details .button.back {
  clear: both;
  float: left;
}

/* Payment details page
========================================================================== */
/* line 390, scss/legacy/_order.scss */
.payment-details .button {
  float: right;
}

/* line 393, scss/legacy/_order.scss */
.payment-details .button.back {
  clear: both;
  float: left;
}

/* line 397, scss/legacy/_order.scss */
.payment-details .highlight {
  width: 270px;
  float: right;
  background: #fffbd5;
  border: 4px solid #e4dfaf;
  padding: 6px;
  line-height: 1em;
}

/* line 405, scss/legacy/_order.scss */
.payment-details .highlight input {
  float: left;
  width: 83px;
  margin: 2px 14px 0 0;
}

/* line 410, scss/legacy/_order.scss */
.payment-details .highlight span {
  line-height: 1.2em;
  font-size: 0.75em;
  display: block;
}

/* line 417, scss/legacy/_order.scss */
#dk_container_select-year {
  margin-left: 10px;
}

/* line 420, scss/legacy/_order.scss */
.payment-details .billing-address {
  border-bottom: 1px solid #d6d6d6;
  float: left;
  width: 430px;
  margin: 0 0 10px 0;
  display: none;
}

/* line 428, scss/legacy/_order.scss */
.payment-details .billing-address p {
  display: block;
  float: left;
}

/* Basket summary
========================================================================== */
/* line 434, scss/legacy/_order.scss */
h3.offer {
  float: left;
  margin-left: 10px !important;
}

/* line 439, scss/legacy/_order.scss */
.container_12 .push_1.basket-summary {
  left: 65px;
  margin-top: 24px;
}

/* line 443, scss/legacy/_order.scss */
.basket-summary {
  background: #fffdea url(/web/images/_new_images/sections/checkout/bg-summary.png) top left repeat-x;
  padding: 0 10px;
}

/* line 447, scss/legacy/_order.scss */
.basket-summary h3 {
  width: 355px;
}

/* line 450, scss/legacy/_order.scss */
.basket-summary h4 {
  font-size: 1em;
  margin: 0;
}

/* line 455, scss/legacy/_order.scss */
.basket-summary button {
  float: right;
  margin: 15px 0;
}

/* line 460, scss/legacy/_order.scss */
.basket-items {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin: 0 auto;
  border-bottom: 1px solid #707070;
  float: left;
}

/* line 468, scss/legacy/_order.scss */
.basket-items img {
  padding: 5px 7px;
  border: 4px solid #dedede;
  float: left;
  background: #fff;
}

/* line 474, scss/legacy/_order.scss */
.basket-items li div {
  margin: -5px 0 0 18px;
  float: left;
  width: 180px;
  font-weight: bold;
  font-size: 0.813em;
  line-height: 1.3em;
}

/* line 482, scss/legacy/_order.scss */
.basket-items li div span {
  display: block;
  font-weight: normal;
  margin: 4px 0 20px 0;
}

/* line 487, scss/legacy/_order.scss */
.basket-items li {
  padding: 18px 0 15px;
  display: block;
  clear: both;
  float: left;
  background: url(/web/images/_new_images/dash-line-light.png) top left repeat-x;
  width: 355px;
}

/* line 495, scss/legacy/_order.scss */
.basket-items li:first-child {
  background: none;
}

/* line 498, scss/legacy/_order.scss */
.basket-details {
  margin: 0 0 20px;
  padding: 10px 0;
  float: left;
  width: 355px;
  font-size: 1em;
}

/* line 505, scss/legacy/_order.scss */
.basket-details li {
  padding: 10px 0;
  display: block;
  float: left;
  background: url(/web/images/_new_images/dash-line.png) bottom left repeat-x;
  font-weight: bold;
  width: 355px;
}

/* line 513, scss/legacy/_order.scss */
.basket-details li span {
  display: inline-block;
  float: left;
  width: 230px;
  font-weight: normal;
}

/* line 519, scss/legacy/_order.scss */
.basket-details .grid_8 {
  text-align: right;
  font-weight: bold;
}

/* Order confirmation
========================================================================== */
/* line 529, scss/legacy/_order.scss */
.order-confirmation ul {
  margin: 30px 0 20px 0;
  padding: 0;
  list-style-type: none;
}

/* line 534, scss/legacy/_order.scss */
.order-confirmation ul li {
  font-size: 1em;
  padding: 0 0 10px 0;
}

/* line 538, scss/legacy/_order.scss */
.order-confirmation ul li span {
  font-weight: bold;
}

/* line 541, scss/legacy/_order.scss */
.order-confirmation p a {
  text-decoration: underline;
}

/* line 544, scss/legacy/_order.scss */
.order-confirmation a.button {
  margin: 15px 0;
  display: block;
  float: left;
}

/* ==========================================================================
Sheds
========================================================================== */
/* line 5, scss/legacy/_sheds.scss */
body.sheds div.sheds {
  margin-top: 25px;
  margin-bottom: 15px;
  padding-top: 34px;
}

/* line 11, scss/legacy/_sheds.scss */
body.sheds .heading-wrapper {
  display: block;
  height: 492px;
  padding-bottom: 20px;
  background: url(/web/images/_new_images/sections/sheds/background.jpg) 34px 34px repeat-x;
}

/* -------------------------------------------------------------------------------------------------------------------
 * Headings
 */
/* line 21, scss/legacy/_sheds.scss */
body.sheds div.sheds .image {
  height: 492px;
  background: url(/web/images/_new_images/sections/sheds/headings/sheds.jpg) top center no-repeat;
}

/* line 26, scss/legacy/_sheds.scss */
body.sheds.buildings div.sheds .image {
  height: 492px;
  background: url(/web/images/_new_images/sections/sheds/headings/buildings.jpg) top center no-repeat;
}

/* line 31, scss/legacy/_sheds.scss */
body.sheds.decking div.sheds .image {
  height: 492px;
  background: url(/web/images/_new_images/sections/sheds/headings/decking.jpg) top center no-repeat;
}

/* line 36, scss/legacy/_sheds.scss */
body.sheds.garden div.sheds .image {
  height: 492px;
  background: url(/web/images/_new_images/sections/sheds/headings/garden.jpg) top center no-repeat;
}

/* line 41, scss/legacy/_sheds.scss */
body.sheds.spraynbrush div.sheds .image {
  height: 492px;
  background: url(/web/images/_new_images/sections/sheds/headings/spraynbrush.jpg) top center no-repeat;
}

/* line 46, scss/legacy/_sheds.scss */
body.sheds.gardenshades div.sheds .image {
  height: 492px;
  background: url(/web/images/_new_images/sections/sheds/headings/gardenshades.png) top center no-repeat;
}

/* line 51, scss/legacy/_sheds.scss */
body.sheds.fences div.sheds .image {
  height: 492px;
  background: url(/web/images/_new_images/sections/sheds/headings/fences.jpg) top center no-repeat;
}

/* line 56, scss/legacy/_sheds.scss */
body.testers div.sheds .image {
  height: 332px;
  padding-top: 160px;
  background: url(/web/images/_new_images/sections/sheds/headings/tester.jpg) top center no-repeat;
}

/* line 62, scss/legacy/_sheds.scss */
body.sheds.garden .heading-wrapper,
body.sheds.decking .heading-wrapper,
body.sheds.buildings .heading-wrapper {
  background: url(/web/images/_new_images/sections/sheds/background.jpg) 34px 41px repeat-x;
}

/* line 68, scss/legacy/_sheds.scss */
body.sheds.fences .heading-wrapper {
  background: url(/web/images/_new_images/sections/sheds/background.jpg) 34px 40px repeat-x;
}

/* ----------------------------------------------------------------------------------------------------------
 * End of headings
 */
/* line 76, scss/legacy/_sheds.scss */
body.sheds h1 {
  margin: 0;
  padding: 0;
}

/* line 81, scss/legacy/_sheds.scss */
body.sheds #products li.grid_3 {
  margin-bottom: 40px;
}

/* line 85, scss/legacy/_sheds.scss */
body.sheds .yellow-zig-top-bottom {
  margin-left: -28px;
  margin-right: -28px;
  min-height: 20px;
  background: url("/web/images/_new_images/zig-zag-yellow-bottom.png") repeat-x scroll left top transparent !important;
}

/* line 92, scss/legacy/_sheds.scss */
body.sheds .yellow-zig-top-bottom2 {
  margin-left: -28px;
  margin-right: -28px;
  min-height: 20px;
  background: url(/web/images/_new_images/zig-zag-yellow-top-bottom.png) repeat-x top left !important;
}

/* line 99, scss/legacy/_sheds.scss */
body.sheds .yellow-zig-top-bottom3 {
  margin-left: -28px;
  margin-right: -28px;
  min-height: 20px;
  background: #fffef2 url("/web/images/_new_images/zig-zag-yellow-bottom.png") repeat-x bottom left;
}

/* line 106, scss/legacy/_sheds.scss */
.product-listing li.expanded {
  clear: both;
  float: none;
  display: block;
  position: relative;
  overflow: hidden;
  width: 950px;
  height: auto;
  min-height: 380px;
  margin: 0px;
  margin-bottom: 10px;
  margin-left: -30px;
  top: -20px;
  background: #fff;
  border-bottom: 2px solid #dedede;
  -webkit-box-shadow: inset 0px 8px 9px -10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0px 8px 9px -10px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0px 8px 9px -10px rgba(0, 0, 0, 0.4);
}

/* line 132, scss/legacy/_sheds.scss */
body.sheds .tip, body#product .tip {
  position: absolute;
  width: 71px;
  height: 31px;
  background: url(/web/images/_new_images/sections/sheds/tip-new.png) 0 0 no-repeat;
  z-index: 200;
}

/* line 140, scss/legacy/_sheds.scss */
body.sheds .tip.tip-inv {
  background: url(/web/images/_new_images/sections/sheds/tip-inv.png) 0 0 no-repeat;
}

/* line 144, scss/legacy/_sheds.scss */
.product-listing li.grid_3 .product-details {
  display: none;
}

/* line 148, scss/legacy/_sheds.scss */
.expanded .left {
  width: 390px;
  padding-top: 32px;
}

/* line 153, scss/legacy/_sheds.scss */
.expanded .right {
  width: 410px;
}

@media all and (max-width: 640px) {
  /* line 158, scss/legacy/_sheds.scss */
  .expanded .right {
    margin-left: 25px;
  }
}
/* line 163, scss/legacy/_sheds.scss */
.expanded .right h3 {
  margin-right: 40px;
  font-weight: bold;
  text-align: center;
}

/* line 169, scss/legacy/_sheds.scss */
.expanded ul.prod-info-list {
  width: 272px;
  margin: 0;
  padding: 8px;
  padding-bottom: 13px;
}

/* line 176, scss/legacy/_sheds.scss */
.expanded ul.prod-info-list li {
  list-style-type: none;
  padding: 0;
  padding-left: 28px;
  padding-top: 10px;
  margin: 0;
  margin-bottom: 10px;
  background: url("/web/images/_new_images/sections/fenceshelpandadvice/tick-bullet.png") no-repeat 0 45%;
  font-weight: bold;
  font-size: 0.8em;
}

/* line 193, scss/legacy/_sheds.scss */
.expanded .left, .expanded .right {
  padding-left: 15px;
}

/* line 197, scss/legacy/_sheds.scss */
.expanded .left h3 {
  font-weight: bold;
}

/* line 201, scss/legacy/_sheds.scss */
.expanded a.close {
  display: block;
  position: absolute;
  width: 17px;
  height: 17px;
  right: 42px;
  top: 28px;
  background: url(/web/images/_new_images/buttons/new-close.png) 0px 0px no-repeat;
  z-index: 1;
}

/* line 216, scss/legacy/_sheds.scss */
.expanded .left > p {
  padding: 0px;
  margin: 0px;
  margin-bottom: 16px;
  margin-top: 16px;
}

/* line 223, scss/legacy/_sheds.scss */
.expanded .left .buttons {
  margin-top: 16px;
  margin-bottom: 16px;
  position: relative;
  z-index: 1;
}

/* line 230, scss/legacy/_sheds.scss */
.expanded .left .buttons .button:first-child {
  margin-right: 14px;
}

/* line 234, scss/legacy/_sheds.scss */
.expanded .left .buttons .button {
  display: inline;
  padding-left: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 0.85em;
}

/* line 247, scss/legacy/_sheds.scss */
.expanded .roundel-icons {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 25px 0;
  padding: 0;
}

/* line 255, scss/legacy/_sheds.scss */
.expanded .roundel-icons li.width-33 {
  margin: 0;
  padding: 0;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

/* line 262, scss/legacy/_sheds.scss */
.expanded .roundel-icons li.width-20 {
  flex: 0 0 20%;
  max-width: 20%;
}

/* line 267, scss/legacy/_sheds.scss */
.expanded .roundel-icons li.width-100 {
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

/* line 273, scss/legacy/_sheds.scss */
.expanded .roundel-icons li img {
  max-width: 100%;
}

/* ---------------------------------------------------------------------------------------------------------------------------
 * Colour picker - expanded product details
 */
/* line 283, scss/legacy/_sheds.scss */
.tool-colour-mini {
  display: inline-block;
}

/* line 287, scss/legacy/_sheds.scss */
.tool-colour-mini ul.tabs {
  list-style-type: none;
  list-style-position: inside;
  float: right;
  width: 239px;
  height: 22px;
  margin: 0;
  padding: 0;
  margin-right: -3px;
}

/* line 302, scss/legacy/_sheds.scss */
.tool-colour-mini .tabs a {
  display: block;
  float: left;
  width: 100px;
  height: 20px;
  padding-top: 2px;
  padding-left: 4px;
  padding-right: 4px;
  color: #838383;
  text-align: center;
  border-bottom: 1px solid #EEE;
  border-left: 1px solid #EEE;
  background: url("/web/images/_new_images/sections/colourselector/tab-bg.png") 0 0 repeat-x;
}

/* line 321, scss/legacy/_sheds.scss */
.tool-colour-mini .tabs .selected a {
  background: url("/web/images/_new_images/sections/colourselector/tab-bg-active.png") 0 0 repeat-x;
  color: #444;
}

/* line 326, scss/legacy/_sheds.scss */
.tool-colour-mini > div.tabs-wrapper {
  height: 22px;
}

/* line 330, scss/legacy/_sheds.scss */
.tool-colour-mini .colours {
  list-style-type: none;
  list-style-position: inside;
  overflow: auto;
  width: 412px;
  height: auto;
  margin: 0;
  padding: 0;
  background-color: #fff;
}

/* line 346, scss/legacy/_sheds.scss */
.tool-colour-mini .colours li {
  float: left;
  padding: 0;
  margin: 0;
  padding-left: 2px;
  padding-top: 2px;
}

/* line 354, scss/legacy/_sheds.scss */
.tool-colour-mini a.button {
  display: inline-block;
  padding: 4px 14px 6px 14px;
  margin: 20px 0 0 125px;
}

/* line 360, scss/legacy/_sheds.scss */
.tool-colour-mini .colours img {
  width: 80px;
  height: 80px;
}

/* line 365, scss/legacy/_sheds.scss */
.tool-colour-mini .colour-selector-promo {
  position: relative;
  height: 54px;
  width: 360px;
  right: 14px;
  padding-top: 16px;
  z-index: 9000;
}

/* line 376, scss/legacy/_sheds.scss */
.tool-colour-mini > ul.colours > li > a {
  display: block;
}

/* line 380, scss/legacy/_sheds.scss */
#tool-colour-mini-tip {
  display: none;
  position: absolute;
  width: 190px;
  height: 105px;
  top: 90px;
  right: 45px;
  padding: 10px 10px 0 10px;
  box-shadow: 0 0 6px #999 inset;
  background: url("/web/images/_new_images/sections/colourselector/tip-bg.png") 0 0 repeat-x;
  z-index: 8600;
}

/* line 397, scss/legacy/_sheds.scss */
#tool-colour-mini-tip.wide {
  width: 255px;
}

/* line 401, scss/legacy/_sheds.scss */
#tool-colour-mini-tip.short {
  height: 35px !important;
  top: 438px !important;
}

/* line 406, scss/legacy/_sheds.scss */
#tool-colour-mini-tip h4, #tool-colour-mini-tip h5 {
  margin: 0;
  line-height: 1em;
  font-size: 1em;
}

/* line 412, scss/legacy/_sheds.scss */
#tool-colour-mini-tip h5 {
  margin-bottom: 4px;
}

/* line 416, scss/legacy/_sheds.scss */
#tool-colour-mini-tip h1 {
  padding: 0;
  margin: 0;
  padding-bottom: 4px;
  margin-top: -4px;
}

/* line 423, scss/legacy/_sheds.scss */
#tool-colour-mini-tip a.button {
  font-size: 0.75em;
  display: inline;
}

/* line 428, scss/legacy/_sheds.scss */
#tool-colour-mini-tip h1 span {
  font-size: 0.6em;
}

/* line 432, scss/legacy/_sheds.scss */
#tool-colour-mini-tip div.tip-tip {
  position: absolute;
  width: 20px;
  height: 13px;
  bottom: -10px;
  left: 70px;
  background: url("/web/images/_new_images/sections/colourselector/tip-tip.png") 0 0 no-repeat;
}

/* line 444, scss/legacy/_sheds.scss */
.tool-colour-mini-popup li {
  background-color: transparent;
}

/* line 448, scss/legacy/_sheds.scss */
body.sheds .tool-colour-mini ul.colours li:hover img {
  width: 34px;
  height: 28px;
  border: 3px solid #fff;
}

/* line 456, scss/legacy/_sheds.scss */
body.sheds .tool-colour-mini ul.colour-softwoods li:hover img {
  width: 70px;
  height: 70px;
  border: 5px solid #fff;
}

/* line 464, scss/legacy/_sheds.scss */
.expanded-carousel-container-wrapper,
.mini-carousel-container-wrapper {
  overflow: hidden;
  position: relative;
  width: 872px;
  height: 524px;
  margin-left: 14px;
  border-radius: 8px;
  box-shadow: 1px 1px 8px #ddd, -1px -1px 8px #ddd;
  border: 1px solid #ddd;
}

/* line 483, scss/legacy/_sheds.scss */
.expanded-carousel-container-slide-wrapper,
.mini-carousel-container-slide-wrapper {
  width: 845px;
  height: 498px;
  margin-top: 12px;
  margin-left: 14px;
}

/* line 494, scss/legacy/_sheds.scss */
.mini-carousel-container-slide-wrapper {
  margin-left: 0px;
}

/* line 498, scss/legacy/_sheds.scss */
.expanded-carousel-container > div,
.mini-carousel-container > div {
  width: 845px;
  height: 498px;
  background-repeat: no-repeat;
  float: left;
}

/* line 506, scss/legacy/_sheds.scss */
body.sheds .left-control {
  left: -29px;
}

/* line 510, scss/legacy/_sheds.scss */
body.sheds .right-control {
  right: -39px;
}

/* line 514, scss/legacy/_sheds.scss */
body.sheds div.slide-info-wrap {
  width: 390px;
  margin-left: -420px;
  background-image: url(/web/images/_new_images/sections/sheds/slide-info.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 160px;
}

/* line 524, scss/legacy/_sheds.scss */
body.sheds div.slide-info-wrap img {
  display: block;
  float: left;
  margin: 0 5px;
}

/* line 530, scss/legacy/_sheds.scss */
body.sheds div.slide-info-wrap .description .button {
  font-size: 0.8em;
}

/* line 533, scss/legacy/_sheds.scss */
body.sheds .carousel-button-close {
  position: absolute;
  width: 33px;
  height: 34px;
  right: 9px;
  top: 14px;
  background: url(/web/images/_new_images/sections/sheds/carousel-close.png) 0 0 no-repeat;
  z-index: 9000;
}

/* line 546, scss/legacy/_sheds.scss */
body.sheds .expanded-controls {
  top: 300px;
}

/* line 549, scss/legacy/_sheds.scss */
body.sheds .mini-controls {
  top: 300px;
}

/* line 552, scss/legacy/_sheds.scss */
body.sheds .expanded-carousel {
  display: block;
  visibility: hidden;
  /* the carousel js needs to fetch some sizings */
}

/* line 556, scss/legacy/_sheds.scss */
body.sheds .mini-carousel .mini-carousel-container .item > a {
  display: block;
  float: left;
  width: 278px;
  height: 163px;
  background-size: cover;
  background-repeat: no-repeat;
}

/* line 568, scss/legacy/_sheds.scss */
body.sheds .mini-carousel .mini-carousel-container .item > a.big {
  width: 562px;
  height: 331px;
}

/* gutter */
/* line 574, scss/legacy/_sheds.scss */
body.sheds .mini-carousel .mini-carousel-container .item > a {
  margin-bottom: 5px;
  margin-right: 5px;
  -ms-behavior: url(/web/styles/_new_styling/backgroundsize.htc);
}

/* line 580, scss/legacy/_sheds.scss */
body.sheds .mini-carousel .mini-carousel-container .item > a span {
  display: block;
  position: relative;
  width: 33px;
  height: 34px;
  top: 4px;
  left: 242px;
  background: url(/web/images/_new_images/sections/sheds/carousel-plus.png) 0 0 no-repeat;
}

/* line 593, scss/legacy/_sheds.scss */
body.sheds .mini-carousel .mini-carousel-container .item > a.big span {
  left: 528px;
}

/* line 597, scss/legacy/_sheds.scss */
body.sheds .mini-carousel,
body.sheds .expanded-carousel {
  position: absolute;
}

/* line 601, scss/legacy/_sheds.scss */
body.sheds #product-carousel {
  height: 540px;
}

/* line 606, scss/legacy/_sheds.scss */
body.sheds .section-ideas {
  float: left;
  width: 420px;
}
@media (min-width: 640px) {
  /* line 606, scss/legacy/_sheds.scss */
  body.sheds .section-ideas {
    padding-bottom: 130px;
  }
}

/* line 615, scss/legacy/_sheds.scss */
body.sheds .section-ideas h2 {
  margin-top: -10px;
  margin-bottom: 10px;
}

/* line 620, scss/legacy/_sheds.scss */
body.sheds .section-ideas h4 {
  margin-top: 24px;
  margin-bottom: 20px;
}

/* line 625, scss/legacy/_sheds.scss */
body.sheds #products h2 {
  margin-top: -26px;
}

/* line 630, scss/legacy/_sheds.scss */
body.sheds #helpandadvice > .grid_6 {
  margin-top: -90px;
}

/* -----------------------------------------------------------------------------------------------------------------------
 *  Mini colour panel
 */
/* line 637, scss/legacy/_sheds.scss */
body.sheds .sheds-colour-selector {
  float: right;
  width: 422px;
  height: 210px;
  padding-top: 4px;
}

/* line 647, scss/legacy/_sheds.scss */
body.sheds .sheds-colour-selector > div {
  width: 422px;
  height: 207px;
  margin-top: 20px;
  background: url(/web/images/_new_images/sections/sheds/bg-colour-panel.png) 0 0 no-repeat;
}

/* view all link ----------------------------------------------------------------------- */
/* line 656, scss/legacy/_sheds.scss */
body.sheds .sheds-colour-selector > a {
  display: block;
  width: 80px;
  margin-left: -6px;
  font-size: 0.9em;
  color: #444;
}

/* line 664, scss/legacy/_sheds.scss */
body.sheds .sheds-colour-selector > a > span {
  float: right;
  width: 9px;
  height: 12px;
  margin: 20px 16px 0 0;
  margin-top: 1px;
  margin-left: 0px;
  background: url("/web/images/_new_images/widget-arrow.png") 0 0 no-repeat;
}

/* end of view all link -------------------------------------------------------------------- */
/* line 680, scss/legacy/_sheds.scss */
body.sheds .sheds-colour-selector .tool-colour-mini img {
  width: 40px;
  height: 34px;
}

/* line 684, scss/legacy/_sheds.scss */
body.sheds .sheds-colour-selector .tool-colour-mini .tool-colour-mini-promo-img {
  margin-top: 1px;
  display: block;
}

/* line 688, scss/legacy/_sheds.scss */
body.sheds .sheds-colour-selector .tool-colour-mini .tool-colour-mini-promo-img img {
  width: auto;
  height: auto;
}

/* line 692, scss/legacy/_sheds.scss */
body.sheds .sheds-colour-selector .tool-colour-mini .colours {
  overflow: hidden;
  width: 192px;
  height: 192px;
  border: 0 solid #dedede;
  background-color: transparent;
}

/* line 703, scss/legacy/_sheds.scss */
body.sheds .sheds-colour-selector .tool-colour-mini ul.colours li.hover img {
  width: 34px;
  height: 28px;
  border: 3px solid #fff;
}

/* line 711, scss/legacy/_sheds.scss */
body.sheds .sheds-colour-selector .tool-colour-mini .colours li {
  padding-left: 5px;
  padding-top: 5px;
}

/* line 717, scss/legacy/_sheds.scss */
body.sheds .sheds-colour-selector .tool-colour-mini {
  float: left;
  width: 196px;
  height: 208px;
}

/* line 723, scss/legacy/_sheds.scss */
body.sheds .sheds-colour-selector .colour-selector-promo {
  width: 300px;
  left: 148px;
  right: auto;
}

/* line 731, scss/legacy/_sheds.scss */
body.sheds .sheds-colour-selector .colour-selector-copy {
  float: right;
  width: 220px;
  height: 208px;
  color: white;
}

/* line 739, scss/legacy/_sheds.scss */
body.sheds .sheds-colour-selector .colour-selector-copy > * {
  margin-left: 10px;
}

/* line 742, scss/legacy/_sheds.scss */
body.sheds .sheds-colour-selector .colour-selector-copy h4 {
  color: white;
  margin-top: 16px;
}

/* line 746, scss/legacy/_sheds.scss */
body.sheds .sheds-colour-selector .colour-selector-copy p {
  padding-right: 14px;
}

/* line 749, scss/legacy/_sheds.scss */
body.sheds .sheds-colour-selector .colour-selector-copy a {
  color: white;
}

/* line 752, scss/legacy/_sheds.scss */
body.sheds .sheds-colour-selector .colour-selector-copy a span {
  display: inline-block;
  position: relative;
  width: 14px;
  height: 11px;
  top: 2px;
  margin-left: 6px;
  background: url(/web/images/_new_images/sections/sheds/arrow-down.png) 0 0 no-repeat;
}

/* line 766, scss/legacy/_sheds.scss */
body.sheds div.slide-info h2 {
  width: auto;
}

/* line 770, scss/legacy/_sheds.scss */
body.sheds .colors .tool-colour-mini ul.colours {
  list-style-position: none;
  list-style-type: none;
  overflow: auto;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent !important;
}

/* line 786, scss/legacy/_sheds.scss */
body.sheds .colors .tool-colour-mini ul.colours li {
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 2px 3px 0 0;
  overflow: hidden;
}

/* line 797, scss/legacy/_sheds.scss */
body.sheds .colors .tool-colour-mini ul.colours li:nth-child(3) {
  margin: 2px 0 0 0;
}

/* line 801, scss/legacy/_sheds.scss */
body.sheds .colors .tool-colour-mini ul.colours li img {
  margin: 0;
}

/* line 805, scss/legacy/_sheds.scss */
body.sheds .description .tool-colour-mini ul.colours li.hover img {
  border: none;
  height: 54px;
  width: 61px;
}

/* line 811, scss/legacy/_sheds.scss */
.basket-container {
  margin: 20px 0 15px 0;
}
/* line 814, scss/legacy/_sheds.scss */
.basket-container h4 {
  margin: 0;
}

/* line 820, scss/legacy/_sheds.scss */
.basketPanel {
  padding: 0 0 20px 0;
  margin-top: 10px;
  border: 2px solid #eee;
  border-radius: 2px;
}
/* line 828, scss/legacy/_sheds.scss */
.basketPanel .delivery-message {
  padding: 0 20px;
}
/* line 831, scss/legacy/_sheds.scss */
.basketPanel .delivery-message p {
  margin: 0;
  padding: 10px 0;
}

/* line 838, scss/legacy/_sheds.scss */
.basketPanel form {
  background: #fff;
}

/* line 842, scss/legacy/_sheds.scss */
.basketPanel form label {
  display: inline-block;
  float: none;
  width: 140px;
  padding: 20px 0;
  font-size: 14px;
  font-weight: bold;
}

/* line 855, scss/legacy/_sheds.scss */
.basketPanel form span {
  display: inline-block;
  width: 205px;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
}

/* line 867, scss/legacy/_sheds.scss */
.basketPanel form select, .basket-option span {
  display: inline-block;
  float: right;
  margin-top: 20px;
}

/* line 873, scss/legacy/_sheds.scss */
.basketPanel form .basket-option {
  padding: 0 20px;
  border-bottom: 2px solid #eee;
}

/* line 878, scss/legacy/_sheds.scss */
.basketPanel form input {
  margin-left: 230px;
}

/* line 882, scss/legacy/_sheds.scss */
#product .basketPanel form input {
  margin-left: 235px;
}

/* line 886, scss/legacy/_sheds.scss */
.basketPanel form input[type="submit"] {
  padding: 4px 14px 6px 14px;
  color: #FFF;
  font-size: 0.938em;
  font-weight: bold;
  line-height: 1em;
  border: 1px solid #2A7A28;
  box-shadow: -1px 0 3px #999;
  background: url("/web/images/_new_images/bg-button-large.png") 0 0 repeat-x;
  cursor: pointer;
}

/* line 902, scss/legacy/_sheds.scss */
.basketPanel .basketTotal {
  padding: 20px;
}

/* line 906, scss/legacy/_sheds.scss */
.basketTotal span {
  float: right;
}

/* line 911, scss/legacy/_sheds.scss */
.product-colour {
  position: relative;
  min-height: 275px;
  margin-top: 40px;
  margin-bottom: 17px;
  padding-top: 30px;
  padding-left: 20px;
}

/* line 924, scss/legacy/_sheds.scss */
.product-colour h2 {
  color: #fff;
  text-shadow: 0px 3px 3px #000;
}

/* line 929, scss/legacy/_sheds.scss */
.product-colour h5 {
  margin-bottom: 20px;
  font-size: 18px;
}

/* line 937, scss/legacy/_sheds.scss */
.product-colour .colour-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
}

/* line 948, scss/legacy/_sheds.scss */
.product-colour h2 {
  margin: 0 !important;
  padding-bottom: 20px;
}

/* line 953, scss/legacy/_sheds.scss */
.product-colour a.button {
  display: inline-block;
  padding: 4px 14px 6px 30px;
  color: #454545;
}

/* line 959, scss/legacy/_sheds.scss */
.product-colour a.button span {
  left: 10px;
  background: url("/web/images/_new_images/widget-arrow-grey-back.png") 0 0 no-repeat;
}

/* line 966, scss/legacy/_sheds.scss */
.product-colour .available-products {
  position: absolute;
  bottom: 0;
}

/* line 971, scss/legacy/_sheds.scss */
.product-colour .available-products a {
  display: inline-block !important;
  margin-bottom: 10px;
}

/* line 976, scss/legacy/_sheds.scss */
.product-colour .available-products a:first-child {
  margin-right: 10px;
}

/* line 980, scss/legacy/_sheds.scss */
.product-colour .available-products img.other-product-image {
  width: auto !important;
  max-height: 85px;
  margin-right: 10px;
}

/* line 988, scss/legacy/_sheds.scss */
.product-details-shed {
  margin-top: -10px;
}

/* line 992, scss/legacy/_sheds.scss */
.left-shed {
  width: 48% !important;
  margin: 0 20px 0px 0 !important;
  padding-left: 35px !important;
  padding-top: 40px !important;
}

/* line 999, scss/legacy/_sheds.scss */
.left-shed .basket-container {
  width: 92%;
  margin-top: 45px;
}

/* line 1004, scss/legacy/_sheds.scss */
.right-shed {
  padding-top: 50px;
}

/* line 1008, scss/legacy/_sheds.scss */
.left-shed-large {
  width: 100% !important;
  margin: 0 20px 35px 0 !important;
  padding-left: 35px !important;
  padding-top: 40px !important;
}

/* line 1015, scss/legacy/_sheds.scss */
.expanded .right-shed h3 {
  text-align: left;
}

/* line 1019, scss/legacy/_sheds.scss */
.right-shed .color-picker-swatches {
  overflow: auto;
  height: 250px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* mobile version */
@media (max-width: 640px) {
  /* line 1035, scss/legacy/_sheds.scss */
  .product-summary ul {
    padding-right: 0;
  }
}
/* line 1, scss/legacy/_intro.scss */
#intro {
  z-index: 19999;
  position: fixed;
  top: 0;
  left: 0;
  min-height: 860px;
  /* debug purposes, will be overriden in runtime */
  background: #318c2e url(/web/images/_new_images/sections/intro/loader-bg.png) top left repeat-x;
  overflow: hidden;
}

/* line 11, scss/legacy/_intro.scss */
#intro.scrolling {
  background: #27641e;
}

/* line 15, scss/legacy/_intro.scss */
#intro > div, #intro > img {
  position: absolute;
  margin-top: -30px;
  behavior: url(/web/scripts/_new_scripts/csspie/PIE.htc);
}

/* line 23, scss/legacy/_intro.scss */
#intro_fade_helper {
  position: fixed;
  z-index: 19998;
  top: 0;
  left: 0;
  background-color: white;
  overflow: hidden;
}

/* line 33, scss/legacy/_intro.scss */
#intro .picture {
  /*width: 1024px;*/
  /*height: 768px;*/
  width: 1024px;
  height: 682px;
  /* offset - frame */
  /*margin-left: 72px;*/
  /*margin-top: 100px;*/
}

/* line 44, scss/legacy/_intro.scss */
#intro .frame {
  width: 1056px;
  height: 701px;
  z-index: 19991;
}

/* line 50, scss/legacy/_intro.scss */
#intro .frame_blur {
  width: 1056px;
  height: 701px;
  z-index: 19992;
}

/* line 55, scss/legacy/_intro.scss */
#intro .flare {
  position: absolute;
  width: 830px;
  height: 555px;
  margin-top: -200px;
  margin-left: -100px;
  z-index: 19994;
}

/* line 65, scss/legacy/_intro.scss */
#intro .scroll-button {
  width: 164px;
  height: 147px;
  z-index: 19994;
  left: 50%;
  top: 50%;
  margin-left: -82px;
  margin-top: 20px;
  cursor: pointer;
}

/* line 75, scss/legacy/_intro.scss */
#intro .scroll-button.sprite {
  height: 142px;
}

/* line 78, scss/legacy/_intro.scss */
#intro .enter-button {
  width: 138px;
  height: 43px;
  z-index: 19994;
  left: 50%;
  top: 50%;
  margin-left: -69px;
  margin-top: 200px;
  cursor: pointer;
}

/* line 89, scss/legacy/_intro.scss */
#intro .scroll-button, #intro .enter-button {
  position: absolute;
  z-index: 19994;
}

/* line 92, scss/legacy/_intro.scss */
#intro_spacer {
  width: 1px;
  height: 0px;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}

/* line 101, scss/legacy/_intro.scss */
#intro .loading-indicator {
  background: url("/web/images/_new_images/ajax-loader.gif") 0 0 no-repeat;
  width: 31px;
  height: 31px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-right: -15px;
}

/* line 112, scss/legacy/_intro.scss */
#intro .loading-logo {
  background: url("/web/images/_new_images/sections/intro/loader-logo.png") 0 0 no-repeat;
  width: 736px;
  height: 182px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -368px;
  margin-top: 28px;
}

/* line 123, scss/legacy/_intro.scss */
#intro .scroll-button,
#intro .enter-button,
#intro .flare,
#intro .frame,
#intro .frame_blur,
#intro .picture {
  visibility: hidden;
}

@media print {
  /*--------------------------------------------------
  
  PRINT BASE CSS
  
  --------------------------------------------------*/
  /*
  body { font: normal normal 12px/1.5em Arial, Helvetica, sans-serif; }
  a[href]:after { content: " (" attr(href) ") "; font-size: 90%; }
  a[href^="/"]:after { content: " (http://domain.com" attr(href) ") "; }
  ol#access-nav, .hide { display: none !important; }
  */
  /* LAYOUT
  --------------------------------------------------*/
  /* line 18, scss/legacy/_print.scss */
  html {
    background: #FFF;
    width: 640px;
    height: auto;
  }

  /* line 23, scss/legacy/_print.scss */
  body {
    background: #FFF;
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    width: 640px;
    height: auto;
    overflow: visible;
  }

  /* line 31, scss/legacy/_print.scss */
  img {
    border: 0;
  }

  /* line 34, scss/legacy/_print.scss */
  #page,
  #header,
  #body,
  #content {
    margin: 0;
    float: none;
    color: #000;
    border: 0;
    background: #FFF;
    position: static;
    width: 600px;
    height: auto;
  }

  /* line 47, scss/legacy/_print.scss */
  #header {
    margin: 0 0 10px;
  }

  /* line 51, scss/legacy/_print.scss */
  #logo {
    margin: 0;
    float: left;
  }

  /* line 55, scss/legacy/_print.scss */
  canvas,
  span.cufon,
  #breadcrumb,
  #access-nav,
  #mini-search,
  ul#utility-nav,
  #nav,
  div#footer,
  #breadcrumbs {
    display: none;
  }

  /* line 66, scss/legacy/_print.scss */
  a:link
  a:visited,
  a:hover,
  a:active {
    color: #000;
    text-decoration: none;
  }

  /* line 74, scss/legacy/_print.scss */
  #laydown {
    float: none;
  }

  /* line 77, scss/legacy/_print.scss */
  #laydown-view {
    float: none;
  }

  /* line 80, scss/legacy/_print.scss */
  #laydown {
    float: none;
  }

  /* line 83, scss/legacy/_print.scss */
  #laydown ul {
    float: none;
  }

  /* line 86, scss/legacy/_print.scss */
  #laydown li {
    float: none;
  }

  /* line 90, scss/legacy/_print.scss */
  ul.category {
    list-style: none;
    margin-left: 0;
  }
}
/* line 2, scss/legacy/_ie.scss */
.ie div.map-search div.map-overlay {
  z-index: -1;
}

/* line 5, scss/legacy/_ie.scss */
#pint img {
  margin-top: -13px;
}

/* line 1, scss/legacy/_changes.scss */
#body .content {
  float: none;
  margin: 200px auto 50px auto;
  width: 900px;
}

/* line 7, scss/legacy/_changes.scss */
.missing {
  background-color: red !important;
  background-image: none !important;
}

/* line 12, scss/legacy/_changes.scss */
.product-listing .grid_3 img {
  max-height: 181px;
  max-width: 190px;
}

/* line 16, scss/legacy/_changes.scss */
.product-listing .grid_3 img.missing {
  height: 181px !important;
  width: 190px !important;
}

/* line 21, scss/legacy/_changes.scss */
.heading-section {
  background-image: none !important;
}

/* line 23, scss/legacy/_changes.scss */
nav a.active {
  border-bottom: 3px solid #fcfcfc;
  height: 46px;
  color: #fcfcfc;
  text-shadow: none;
}

/* line 30, scss/legacy/_changes.scss */
#prepare ul,
#revive ul {
  font-size: 13px;
}

/* line 2, scss/legacy/_jqtransform.scss */
form.jqtransformdone div.rowElem {
  clear: both;
  padding: 4px 0;
}

/* -------------
* Buttons
* ------------- */
/* line 10, scss/legacy/_jqtransform.scss */
button.jqTransformButton {
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
  overflow: visible;
  font-family: Arial;
}

/* line 20, scss/legacy/_jqtransform.scss */
*:first-child + html button.jqTransformButton[type] {
  width: 1;
}

/* IE7 */
/* line 26, scss/legacy/_jqtransform.scss */
button.jqTransformButton span {
  background: transparent url(/web/images/_new_images/sections/checkout/btn_right.gif) no-repeat right top;
  display: block;
  float: left;
  padding: 0 4px 0 0;
  /* sliding doors padding */
  margin: 0;
  height: 33px;
}

/* line 35, scss/legacy/_jqtransform.scss */
button.jqTransformButton span span {
  background: transparent url(/web/images/_new_images/sections/checkout/btn_left.gif) no-repeat top left;
  color: #333;
  padding: 8px 4px 0 8px;
  font-weight: normal;
  font-size: 12px;
  line-height: 13px;
  display: block;
  text-decoration: none;
  height: 33px;
}

/*hover*/
/* line 48, scss/legacy/_jqtransform.scss */
button.jqTransformButton_hover span span {
  background-position: left -33px;
}

/* line 52, scss/legacy/_jqtransform.scss */
button.jqTransformButton_hover span {
  background-position: right -33px;
}

/*clicked*/
/* line 57, scss/legacy/_jqtransform.scss */
button.jqTransformButton_click span span {
  background-position: left -66px;
}

/* line 61, scss/legacy/_jqtransform.scss */
button.jqTransformButton_click span {
  background-position: right -66px;
}

/* IE 6 */
/* line 66, scss/legacy/_jqtransform.scss */
* html button.jqTransformButton {
  height: 33px;
}

/* line 70, scss/legacy/_jqtransform.scss */
* button.jqTransformButton span span {
  height: 25px;
}

/* IE 7 */
/* line 75, scss/legacy/_jqtransform.scss */
* + html button.jqTransformButton {
  height: 33px;
}

/* line 79, scss/legacy/_jqtransform.scss */
* + button.jqTransformButton span span {
  height: 25px;
}

/* -------------
* Inputs
* ------------- */
/* line 86, scss/legacy/_jqtransform.scss */
.jqTransformInputWrapper {
  background: transparent url(/web/images/_new_images/sections/checkout/input/input_text_left.gif) no-repeat left top;
  height: 31px;
  padding: 0;
}

/* line 92, scss/legacy/_jqtransform.scss */
.jqTransformInputInner {
  background: transparent url(/web/images/_new_images/sections/checkout/input/input_text_right.gif) no-repeat top right;
  padding: 0;
  margin: 0;
}

/* line 98, scss/legacy/_jqtransform.scss */
.jqTransformInputInner div {
  height: 31px;
  margin: 0 0 0 8px;
}

/* line 103, scss/legacy/_jqtransform.scss */
.jqTransformInputInner div input {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  vertical-align: middle;
  height: 31px;
  color: #404040;
  border: none;
  padding: 8px 0 0 0;
  margin: 0;
  background: transparent;
}

/*  IE6 */
/* line 117, scss/legacy/_jqtransform.scss */
* html .jqTransformInputInner div input {
  padding: 6px 0 0 0;
  margin: 0 0 0 -8px;
  height: 24px;
}

/* Ie7 */
/* line 124, scss/legacy/_jqtransform.scss */
* + html .jqTransformInputInner div input {
  padding: 6px 0 0 0;
  margin-left: -10px;
  height: 24px;
}

/*hover*/
/* line 131, scss/legacy/_jqtransform.scss */
.jqTransformInputWrapper_hover {
  background-position: left -31px;
}

/* line 135, scss/legacy/_jqtransform.scss */
.jqTransformInputWrapper_hover div.jqTransformInputInner {
  background-position: right -31px;
}

/*focus*/
/* line 140, scss/legacy/_jqtransform.scss */
.jqTransformInputWrapper_focus {
  background-position: left -62px;
}

/* line 144, scss/legacy/_jqtransform.scss */
.jqTransformInputWrapper_focus div.jqTransformInputInner {
  background-position: right -62px;
}

/* line 148, scss/legacy/_jqtransform.scss */
.jqTransformSafari .jqTransformInputInner div {
  position: relative;
  overflow: hidden;
  margin: 0 8px;
}

/* line 154, scss/legacy/_jqtransform.scss */
.jqTransformSafari .jqTransformInputInner div input {
  background-color: transparent;
  position: absolute;
  top: -10px;
  left: -2px;
  height: 42px;
  padding-left: 4px;
}

/* -------------
* Textarea
* ------------- */
/* line 166, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea td#jqTransformTextarea-mm textarea {
  font-size: 12px;
  line-height: 16px;
}

/* line 171, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea td {
  font-size: 1px;
  line-height: 1px;
  width: 5px;
  height: 5px;
  margin: 0;
  padding: 0;
}

/* line 183, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea tr {
  /*border: 1px solid red;*/
}

/* line 188, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea textarea {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}

/* line 195, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea td#jqTransformTextarea-tl {
  background: url(/web/images/_new_images/sections/checkout/textarea/textarea_tl.gif) no-repeat top left;
}

/* line 199, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea td#jqTransformTextarea-tm {
  background: url(/web/images/_new_images/sections/checkout/textarea/textarea_tm.gif) repeat-x top left;
}

/* line 203, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea td#jqTransformTextarea-tr {
  background: url(/web/images/_new_images/sections/checkout/textarea/textarea_tr.gif) no-repeat top left;
}

/* line 207, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea td#jqTransformTextarea-ml {
  background: url(/web/images/_new_images/sections/checkout/textarea/textarea_ml.gif) repeat-y top left;
}

/* line 211, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea td#jqTransformTextarea-mm {
  background: url(/web/images/_new_images/sections/checkout/textarea/textarea-mm.gif) repeat;
}

/* line 215, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea td#jqTransformTextarea-mr {
  background: url(/web/images/_new_images/sections/checkout/textarea/textarea_mr.gif) repeat-y top left;
}

/* line 219, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea td#jqTransformTextarea-bl {
  background: url(/web/images/_new_images/sections/checkout/textarea/textarea_bl.gif) no-repeat top left;
}

/* line 223, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea td#jqTransformTextarea-bm {
  background: url(/web/images/_new_images/sections/checkout/textarea/textarea_bm.gif) repeat-x top left;
}

/* line 227, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea td#jqTransformTextarea-br {
  background: url(/web/images/_new_images/sections/checkout/textarea/textarea_br.gif) no-repeat top left;
}

/*hover*/
/* line 232, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea-hover td#jqTransformTextarea-tl {
  background-position: 0 -5px;
}

/* line 236, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea-hover td#jqTransformTextarea-tm {
  background-position: 0 -5px;
}

/* line 240, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea-hover td#jqTransformTextarea-tr {
  background-position: 0 -5px;
}

/* line 244, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea-hover td#jqTransformTextarea-ml {
  background-position: -5px 0;
}

/* line 248, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea-hover td#jqTransformTextarea-mm {
  background-image: url(/web/images/_new_images/sections/checkout/textarea/textarea-mm-hover.gif);
}

/* line 252, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea-hover td#jqTransformTextarea-mr {
  background-position: -5px 0;
}

/* line 256, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea-hover td#jqTransformTextarea-bl {
  background-position: 0 -5px;
}

/* line 260, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea-hover td#jqTransformTextarea-bm {
  background-position: 0 -5px;
}

/* line 264, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea-hover td#jqTransformTextarea-br {
  background-position: 0 -5px;
}

/*focus*/
/* line 269, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea-focus td#jqTransformTextarea-tl {
  background-position: 0 -10px;
}

/* line 273, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea-focus td#jqTransformTextarea-tm {
  background-position: 0 -10px;
}

/* line 277, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea-focus td#jqTransformTextarea-tr {
  background-position: 0 -10px;
}

/* line 281, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea-focus td#jqTransformTextarea-ml {
  background-position: -10px 0;
}

/* line 285, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea-focus td#jqTransformTextarea-mm {
  background-image: url(/web/images/_new_images/sections/checkout/textarea/textarea-mm-focus.gif);
}

/* line 289, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea-focus td#jqTransformTextarea-mr {
  background-position: -10px 0;
}

/* line 293, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea-focus td#jqTransformTextarea-bl {
  background-position: 0 -10px;
}

/* line 297, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea-focus td#jqTransformTextarea-bm {
  background-position: 0 -10px;
}

/* line 301, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea-focus td#jqTransformTextarea-br {
  background-position: 0 -10px;
}

/* line 305, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea .jqTransformSafariTextarea div {
  position: relative;
  overflow: hidden;
  border: 0 solid red;
}

/* line 311, scss/legacy/_jqtransform.scss */
table.jqTransformTextarea .jqTransformSafariTextarea textarea {
  background: none;
  position: absolute;
  top: -10px;
  left: -10px;
  padding: 10px 10px 10px 10px;
  resize: none;
}

/* -------------
* Radios
* ------------- */
/* line 323, scss/legacy/_jqtransform.scss */
.jqTransformRadioWrapper {
  margin: 0 4px;
  margin-top: 5px;
}

/* line 328, scss/legacy/_jqtransform.scss */
.jqTransformRadio {
  background: transparent url(/web/images/_new_images/sections/checkout/radio.gif) no-repeat center top;
  vertical-align: middle;
  height: 19px;
  width: 18px;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  /* see http://www.quirksmode.org/css/display.html */
}

/* -------------
* Checkboxes
* ------------- */
/* line 341, scss/legacy/_jqtransform.scss */
span.jqTransformCheckboxWrapper {
  margin-top: 5px;
}

/* line 345, scss/legacy/_jqtransform.scss */
a.jqTransformCheckbox {
  background: transparent url(/web/images/_new_images/sections/checkout/checkbox.gif) no-repeat center top;
  vertical-align: middle;
  height: 19px;
  width: 18px;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  /* see http://www.quirksmode.org/css/display.html */
}

/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
/* line 358, scss/legacy/_jqtransform.scss */
a.jqTransformChecked {
  background-position: center bottom;
}

/* -------------
* Selects
* ------------- */
/* line 365, scss/legacy/_jqtransform.scss */
.jqTransformSelectWrapper {
  display: block;
  width: 45px;
  position: relative;
  height: 31px;
  background: url(/web/images/_new_images/sections/checkout/select_left.gif) no-repeat top left;
  text-align: left;
}

/* line 374, scss/legacy/_jqtransform.scss */
.jqTransformSelectWrapper li {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 380, scss/legacy/_jqtransform.scss */
.jqTransformSelectWrapper div span {
  font-size: 12px;
  float: none;
  position: absolute;
  white-space: nowrap;
  height: 31px;
  line-height: 15px;
  padding: 8px 0 0 7px;
  overflow: hidden;
  cursor: pointer;
  width: 93%;
  display: block;
  /*border: 1px solid #CCCCCC;*/
  /*	border-right: none;*/
}

/* line 396, scss/legacy/_jqtransform.scss */
.jqTransformSelectWrapper a.jqTransformSelectOpen {
  display: block;
  position: absolute;
  right: 0;
  width: 31px;
  height: 31px;
  background: url(/web/images/_new_images/sections/checkout/select_right.gif) no-repeat center center;
}

/* line 405, scss/legacy/_jqtransform.scss */
.jqTransformSelectWrapper ul {
  position: absolute;
  width: 43px;
  left: 0;
  list-style: none;
  background-color: #FFF;
  border: solid 1px #CCC;
  display: none;
  margin: 0;
  padding: 0;
  height: 150px;
  overflow: auto;
  overflow-y: auto;
  z-index: 10;
}

/* line 421, scss/legacy/_jqtransform.scss */
.jqTransformSelectWrapper ul a {
  display: block;
  padding: 5px;
  text-decoration: none;
  color: #333;
  background-color: #FFF;
  font-size: 12px;
}

/* line 430, scss/legacy/_jqtransform.scss */
.jqTransformSelectWrapper ul a.selected {
  background: #EDEDED;
  color: #333;
}

/* line 435, scss/legacy/_jqtransform.scss */
.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
  background: #3582c4;
  color: #fff;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
/* line 443, scss/legacy/_jqtransform.scss */
.jqTransformHidden {
  display: none;
}

/**
 * Default DropKick theme
 *
 * Feel free to edit the default theme
 * or even add your own.
 *
 * See the readme for themeing help
 *
 */
/***** Begin Theme, feel free to edit in here! ******/
/* line 13, scss/legacy/_dropkick.scss */
.dk_container * {
  outline: 0;
}

/* One container to bind them... */
/* line 18, scss/legacy/_dropkick.scss */
.dk_container {
  background-image: url("images/select-repeat.png");
  height: 31px;
  line-height: 31px;
  outline: 0;
}

/* line 25, scss/legacy/_dropkick.scss */
.dk_start {
  background-image: url("images/select-start.png");
  background-repeat: no-repeat;
  height: 31px;
}

/* line 31, scss/legacy/_dropkick.scss */
.dk_label {
  padding: 0 40px 0 10px;
  position: relative;
  top: -2px;
}

/* line 37, scss/legacy/_dropkick.scss */
.dk_container:focus {
  outline: 0;
}

/* line 40, scss/legacy/_dropkick.scss */
.dk_container a {
  cursor: pointer;
  text-decoration: none;
  color: #444444;
}

/* Opens the dropdown and holds the menu label */
/* line 47, scss/legacy/_dropkick.scss */
.dk_toggle {
  /**
   * Help: Arrow image not appearing
   * Try updating this property to your correct dk_arrows.png path
   */
  background-image: url("images/select-arrow.png");
  background-repeat: no-repeat;
  background-position: 100% center;
  height: 31px;
  line-height: 35px;
}

/* line 58, scss/legacy/_dropkick.scss */
.dk_toggle:hover {
  border-color: #8c8c8c;
}

/* Applied when the dropdown is focused */
/* line 62, scss/legacy/_dropkick.scss */
.dk_focus .dk_toggle {
  border-color: #40b5e2;
}

/* Applied whenever the dropdown is open */
/* line 69, scss/legacy/_dropkick.scss */
.dk_open {
  /**
   * Help: Dropdown menu is covered by something
   * Try setting this value higher
   */
  z-index: 19000;
}

/* line 76, scss/legacy/_dropkick.scss */
.dk_open .dk_toggle {
  background-color: #ececec;
  border-color: #8c8c8c;
  color: #ccc;
  box-shadow: inset 0 -2px 5px #ccc;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
}

/* The outer container of the options */
/* line 87, scss/legacy/_dropkick.scss */
.dk_options {
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
}

/* line 92, scss/legacy/_dropkick.scss */
.dk_options a {
  background-color: #e9e9e9;
  font-weight: bold;
  padding: 8px 10px;
  color: #a0a0a0;
}

/* line 98, scss/legacy/_dropkick.scss */
.dk_options li:last-child a {
  border-bottom: none;
}

/* line 101, scss/legacy/_dropkick.scss */
.dk_options a:hover,
.dk_option_current a {
  text-decoration: none;
  color: #232323;
  font-weight: bold;
}

/* Inner container for options, this is what makes the scrollbar possible. */
/* line 109, scss/legacy/_dropkick.scss */
.dk_options_inner {
  list-style-type: none;
  margin-left: 0;
}

/* line 114, scss/legacy/_dropkick.scss */
.dk_options_inner li {
  padding-left: 0;
}

/* Set a max-height on the options inner */
/* line 119, scss/legacy/_dropkick.scss */
.dk_options_inner,
.dk_touch .dk_options {
  max-height: 250px;
}

/******  End Theme ******/
/******  Checkout Theme ******/
/* One container to bind them... */
/* line 128, scss/legacy/_dropkick.scss */
.dk_theme_checkout.dk_container {
  background-image: url("/web/images/_new_images/sections/checkout/select-repeat.png");
  height: 23px;
  line-height: 23px;
  outline: 0;
  float: right;
  margin: 8px 0;
  font-size: 1.1em;
}

/* line 138, scss/legacy/_dropkick.scss */
.dk_theme_checkout .dk_start {
  background-image: url("/web/images/_new_images/sections/checkout/select-start.png");
  background-repeat: no-repeat;
  height: 23px;
}

/* line 144, scss/legacy/_dropkick.scss */
.dk_theme_checkout .dk_label {
  padding: 0 40px 0 10px;
  font-weight: bold;
  position: relative;
  top: -6px;
}

/* line 151, scss/legacy/_dropkick.scss */
.dk_theme_checkout .dk_container:focus {
  outline: 0;
}

/* line 154, scss/legacy/_dropkick.scss */
.dk_theme_checkout .dk_container a {
  cursor: pointer;
  text-decoration: none;
  color: #444444;
}

/* Opens the dropdown and holds the menu label */
/* line 161, scss/legacy/_dropkick.scss */
.dk_theme_checkout .dk_toggle {
  /**
   * Help: Arrow image not appearing
   * Try updating this property to your correct dk_arrows.png path
   */
  background-image: url("/web/images/_new_images/sections/checkout/select-arrow.png");
  background-repeat: no-repeat;
  background-position: 100% center;
  height: 23px;
}

/* line 172, scss/legacy/_dropkick.scss */
.dk_theme_checkout.dk_open .dk_toggle {
  background-color: transparent;
  color: #313131;
  box-shadow: none;
  border-radius: 0;
}

/* line 180, scss/legacy/_dropkick.scss */
.dk_theme_checkout .dk_toggle:hover {
  border-color: #8c8c8c;
}

/* Applied when the dropdown is focused */
/* line 184, scss/legacy/_dropkick.scss */
.dk_theme_checkout .dk_focus .dk_toggle {
  border-color: #40b5e2;
}

/* Applied whenever the dropdown is open */
/* line 191, scss/legacy/_dropkick.scss */
.dk_theme_checkout .dk_open {
  /**
   * Help: Dropdown menu is covered by something
   * Try setting this value higher
   */
  z-index: 19000;
}

/* The outer container of the options */
/* line 199, scss/legacy/_dropkick.scss */
.dk_theme_checkout .dk_options {
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
}

/* line 204, scss/legacy/_dropkick.scss */
.dk_theme_checkout .dk_options a {
  background-color: #fff;
  font-weight: bold;
  padding: 4px 10px;
  color: #313131;
}

/* line 210, scss/legacy/_dropkick.scss */
.dk_theme_checkout .dk_options li:last-child a {
  border-bottom: none;
}

/* line 213, scss/legacy/_dropkick.scss */
.dk_theme_checkout .dk_options a:hover,
.dk_theme_checkout .dk_option_current a {
  text-decoration: none;
  color: #313131;
  font-weight: bold;
}

/* Inner container for options, this is what makes the scrollbar possible. */
/* line 221, scss/legacy/_dropkick.scss */
.dk_theme_checkout .dk_options_inner {
  list-style-type: none;
  margin-left: 0;
  border: 1px solid #ccc;
}

/* line 227, scss/legacy/_dropkick.scss */
.dk_theme_checkout .dk_options_inner li {
  padding: 0;
  line-height: 14px;
  margin: 0;
}

/* Set a max-height on the options inner */
/* line 234, scss/legacy/_dropkick.scss */
.dk_theme_checkout .dk_options_inner,
.dk_theme_checkout .dk_touch .dk_options {
  max-height: 250px;
}

/******  End Theme ******/
/******  Checkout Error Theme ******/
/* One container to bind them... */
/* line 243, scss/legacy/_dropkick.scss */
.dk_theme_checkout_error.dk_container {
  background-image: url("/web/images/_new_images/sections/checkout/select-error-repeat.png");
  height: 23px;
  line-height: 23px;
  outline: 0;
  float: right;
  margin: 8px 0;
  font-size: 1.1em;
}

/* line 253, scss/legacy/_dropkick.scss */
.dk_theme_checkout_error .dk_start {
  background-image: url("/web/images/_new_images/sections/checkout/select-error-start.png");
  background-repeat: no-repeat;
  height: 23px;
}

/* line 259, scss/legacy/_dropkick.scss */
.dk_theme_checkout_error .dk_label {
  padding: 0 40px 0 10px;
  font-weight: bold;
  position: relative;
  top: -6px;
}

/* line 266, scss/legacy/_dropkick.scss */
.dk_theme_checkout_error .dk_container:focus {
  outline: 0;
}

/* line 269, scss/legacy/_dropkick.scss */
.dk_theme_checkout_error .dk_container a {
  cursor: pointer;
  text-decoration: none;
  color: #444444;
}

/* Opens the dropdown and holds the menu label */
/* line 276, scss/legacy/_dropkick.scss */
.dk_theme_checkout_error .dk_toggle {
  /**
   * Help: Arrow image not appearing
   * Try updating this property to your correct dk_arrows.png path
   */
  background-image: url("/web/images/_new_images/sections/checkout/select-error-arrow.png");
  background-repeat: no-repeat;
  background-position: 100% center;
  height: 23px;
}

/* line 286, scss/legacy/_dropkick.scss */
.dk_theme_checkout_error .dk_toggle:hover {
  border-color: #8c8c8c;
}

/* Applied when the dropdown is focused */
/* line 290, scss/legacy/_dropkick.scss */
.dk_theme_checkout_error .dk_focus .dk_toggle {
  border-color: #40b5e2;
}

/* Applied whenever the dropdown is open */
/* line 297, scss/legacy/_dropkick.scss */
.dk_theme_checkout_error .dk_open {
  /**
   * Help: Dropdown menu is covered by something
   * Try setting this value higher
   */
  z-index: 19000;
}

/* line 304, scss/legacy/_dropkick.scss */
.dk_theme_checkout_error.dk_open .dk_toggle {
  background-color: transparent;
  color: #313131;
  box-shadow: none;
  border-radius: 0;
}

/* The outer container of the options */
/* line 313, scss/legacy/_dropkick.scss */
.dk_theme_checkout_error .dk_options {
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
}

/* line 318, scss/legacy/_dropkick.scss */
.dk_theme_checkout_error .dk_options a {
  background-color: #fff;
  font-weight: bold;
  padding: 4px 10px;
  color: #313131;
}

/* line 324, scss/legacy/_dropkick.scss */
.dk_theme_checkout_error .dk_options li:last-child a {
  border-bottom: none;
}

/* line 327, scss/legacy/_dropkick.scss */
.dk_theme_checkout_error .dk_options a:hover,
.dk_theme_checkout_error .dk_option_current a {
  text-decoration: none;
  color: #313131;
  font-weight: bold;
}

/* Inner container for options, this is what makes the scrollbar possible. */
/* line 335, scss/legacy/_dropkick.scss */
.dk_theme_checkout_error .dk_options_inner {
  list-style-type: none;
  margin-left: 0;
  border: 1px solid #ccc;
}

/* line 341, scss/legacy/_dropkick.scss */
.dk_theme_checkout_error .dk_options_inner li {
  padding: 0;
  line-height: 14px;
  margin: 0;
}

/* Set a max-height on the options inner */
/* line 348, scss/legacy/_dropkick.scss */
.dk_theme_checkout_error .dk_options_inner,
.dk_theme_checkout_error .dk_touch .dk_options {
  max-height: 250px;
}

/******  End Theme ******/
/***** Critical to the continued enjoyment of working dropdowns ******/
/* line 357, scss/legacy/_dropkick.scss */
.dk_container {
  display: none;
  float: left;
  position: relative;
}

/* line 362, scss/legacy/_dropkick.scss */
.dk_container a {
  outline: 0;
}

/* line 366, scss/legacy/_dropkick.scss */
.dk_toggle {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  position: relative;
  zoom: 1;
}

/* line 374, scss/legacy/_dropkick.scss */
.dk_open {
  position: relative;
}

/* line 377, scss/legacy/_dropkick.scss */
.dk_open .dk_options {
  display: block;
}

/* line 380, scss/legacy/_dropkick.scss */
.dk_open .dk_label {
  color: inherit;
}

/* line 384, scss/legacy/_dropkick.scss */
.dk_options {
  display: none;
  margin-top: -1px;
  position: absolute;
  right: 0;
  width: 100%;
}

/* line 391, scss/legacy/_dropkick.scss */
.dk_options a,
.dk_options a:link,
.dk_options a:visited {
  display: block;
}

/* line 396, scss/legacy/_dropkick.scss */
.dk_options_inner {
  overflow: auto;
  position: relative;
}

/* line 401, scss/legacy/_dropkick.scss */
.dk_touch .dk_options {
  overflow: hidden;
}

/* line 405, scss/legacy/_dropkick.scss */
.dk_touch .dk_options_inner {
  max-height: none;
  overflow: visible;
}

/* line 410, scss/legacy/_dropkick.scss */
.dk_fouc select {
  /*  position: relative;
    top: -99999em;
    visibility: hidden;*/
}

/***** End Critical to the continued enjoyment of working dropdowns ******/
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
/* line 5, scss/legacy/_colorbox.scss */
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

/* line 6, scss/legacy/_colorbox.scss */
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

/* line 7, scss/legacy/_colorbox.scss */
#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

/* line 8, scss/legacy/_colorbox.scss */
#cboxContent {
  position: relative;
}

/* line 9, scss/legacy/_colorbox.scss */
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/* line 10, scss/legacy/_colorbox.scss */
#cboxTitle {
  margin: 0;
}

/* line 11, scss/legacy/_colorbox.scss */
#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 12, scss/legacy/_colorbox.scss */
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

/* line 13, scss/legacy/_colorbox.scss */
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
}

/* line 14, scss/legacy/_colorbox.scss */
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

/* line 15, scss/legacy/_colorbox.scss */
#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
/* line 22, scss/legacy/_colorbox.scss */
#cboxOverlay {
  background: #fff;
}

/* line 23, scss/legacy/_colorbox.scss */
#colorbox {
  outline: 0;
}

/* line 24, scss/legacy/_colorbox.scss */
#cboxTopLeft {
  width: 25px;
  height: 25px;
  background: url(images/border1.png) no-repeat 0 0;
}

/* line 25, scss/legacy/_colorbox.scss */
#cboxTopCenter {
  height: 25px;
  background: url(images/border1.png) repeat-x 0 -50px;
}

/* line 26, scss/legacy/_colorbox.scss */
#cboxTopRight {
  width: 25px;
  height: 25px;
  background: url(images/border1.png) no-repeat -25px 0;
}

/* line 27, scss/legacy/_colorbox.scss */
#cboxBottomLeft {
  width: 25px;
  height: 25px;
  background: url(images/border1.png) no-repeat 0 -25px;
}

/* line 28, scss/legacy/_colorbox.scss */
#cboxBottomCenter {
  height: 25px;
  background: url(images/border1.png) repeat-x 0 -75px;
}

/* line 29, scss/legacy/_colorbox.scss */
#cboxBottomRight {
  width: 25px;
  height: 25px;
  background: url(images/border1.png) no-repeat -25px -25px;
}

/* line 30, scss/legacy/_colorbox.scss */
#cboxMiddleLeft {
  width: 25px;
  background: url(images/border2.png) repeat-y 0 0;
}

/* line 31, scss/legacy/_colorbox.scss */
#cboxMiddleRight {
  width: 25px;
  background: url(images/border2.png) repeat-y -25px 0;
}

/* line 32, scss/legacy/_colorbox.scss */
#cboxContent {
  background: #fff;
  overflow: hidden;
}

/* line 33, scss/legacy/_colorbox.scss */
.cboxIframe {
  background: #fff;
}

/* line 34, scss/legacy/_colorbox.scss */
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

/* line 35, scss/legacy/_colorbox.scss */
#cboxLoadedContent {
  margin-bottom: 20px;
}

/* line 36, scss/legacy/_colorbox.scss */
#cboxTitle {
  position: absolute;
  bottom: 0px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #999;
}

/* line 37, scss/legacy/_colorbox.scss */
#cboxCurrent {
  position: absolute;
  bottom: 0px;
  left: 100px;
  color: #999;
}

/* line 38, scss/legacy/_colorbox.scss */
#cboxLoadingOverlay {
  background: #fff url(images/loading.gif) no-repeat 5px 5px;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
/* line 41, scss/legacy/_colorbox.scss */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
/* line 44, scss/legacy/_colorbox.scss */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

/* line 46, scss/legacy/_colorbox.scss */
#cboxSlideshow {
  position: absolute;
  bottom: 0px;
  right: 42px;
  color: #444;
}

/* line 47, scss/legacy/_colorbox.scss */
#cboxPrevious {
  position: absolute;
  bottom: 0px;
  left: 0;
  color: #444;
}

/* line 48, scss/legacy/_colorbox.scss */
#cboxNext {
  position: absolute;
  bottom: 0px;
  left: 63px;
  color: #444;
}

/* line 49, scss/legacy/_colorbox.scss */
#cboxClose {
  bottom: 14px;
  color: #444444;
  display: block;
  position: absolute;
  right: 11px;
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
/* line 56, scss/legacy/_colorbox.scss */
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
/* line 71, scss/legacy/_colorbox.scss */
.cboxIE6 #cboxTopLeft {
  background: url(images/ie6/borderTopLeft.png);
}

/* line 72, scss/legacy/_colorbox.scss */
.cboxIE6 #cboxTopCenter {
  background: url(images/ie6/borderTopCenter.png);
}

/* line 73, scss/legacy/_colorbox.scss */
.cboxIE6 #cboxTopRight {
  background: url(images/ie6/borderTopRight.png);
}

/* line 74, scss/legacy/_colorbox.scss */
.cboxIE6 #cboxBottomLeft {
  background: url(images/ie6/borderBottomLeft.png);
}

/* line 75, scss/legacy/_colorbox.scss */
.cboxIE6 #cboxBottomCenter {
  background: url(images/ie6/borderBottomCenter.png);
}

/* line 76, scss/legacy/_colorbox.scss */
.cboxIE6 #cboxBottomRight {
  background: url(images/ie6/borderBottomRight.png);
}

/* line 77, scss/legacy/_colorbox.scss */
.cboxIE6 #cboxMiddleLeft {
  background: url(images/ie6/borderMiddleLeft.png);
}

/* line 78, scss/legacy/_colorbox.scss */
.cboxIE6 #cboxMiddleRight {
  background: url(images/ie6/borderMiddleRight.png);
}

/* line 80, scss/legacy/_colorbox.scss */
.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
  _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

/* line 3, scss/legacy/_ballpark.scss */
body.ballpark .leafs .top-left {
  display: none;
}
/* line 6, scss/legacy/_ballpark.scss */
body.ballpark .squirrel_header {
  background: url("/web/images/ballpark/squirrel2.png") no-repeat scroll 0 0 transparent;
  height: 177px;
  left: -29px;
  position: absolute;
  top: -154px;
  width: 194px;
  z-index: 3000;
}
/* line 17, scss/legacy/_ballpark.scss */
body.ballpark .heading-wrapper {
  margin-top: 58px;
}
/* line 21, scss/legacy/_ballpark.scss */
body.ballpark .heading-wrapper #modal_intro {
  color: #fff;
  z-index: 100;
  height: 190px;
  width: 280px;
  position: absolute;
  top: 148px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: none;
  line-height: 1.3em;
  font-family: Arial, sans-serif;
  text-align: left;
  padding-right: 658px;
  pointer-events: none;
}
/* line 39, scss/legacy/_ballpark.scss */
body.ballpark .heading-wrapper #modal_intro .flag {
  display: none;
}
/* line 44, scss/legacy/_ballpark.scss */
body.ballpark .heading-wrapper #modal_intro #bt_close_intro {
  display: none;
}
/* line 48, scss/legacy/_ballpark.scss */
body.ballpark .heading-wrapper #modal_intro .inner {
  text-align: left;
}
/* line 52, scss/legacy/_ballpark.scss */
body.ballpark .heading-wrapper #modal_intro .inner h1 {
  font-size: 1.5em;
  margin-bottom: 20px;
}
/* line 57, scss/legacy/_ballpark.scss */
body.ballpark .heading-wrapper #modal_intro .inner p {
  font-weight: bold;
}
/* line 64, scss/legacy/_ballpark.scss */
body.ballpark .heading-wrapper #modal_intro .bp_button {
  margin: 25px auto 0;
  text-align: left;
  display: none;
}
/* line 73, scss/legacy/_ballpark.scss */
body.ballpark .modal_cover {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
  opacity: 0.7;
  background: -moz-linear-gradient(top, black 0%, transparent 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, transparent));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, black 0%, transparent 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, black 0%, transparent 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, black 0%, transparent 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #000000 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
  /* IE6-9 */
  display: none;
}
/* line 93, scss/legacy/_ballpark.scss */
body.ballpark #map-canvas {
  height: 580px;
  background: #efefef;
}
/* line 98, scss/legacy/_ballpark.scss */
body.ballpark div.content-wrapper {
  padding-top: 24px;
  margin-top: -49px;
}
/* line 104, scss/legacy/_ballpark.scss */
body.ballpark div.massive-wrapper {
  position: relative;
  width: 100%;
  background: url("/web/images/_new_images/bg-fence.jpg") 0 167px repeat;
}
/* line 111, scss/legacy/_ballpark.scss */
body.ballpark a#pint {
  margin-bottom: -13px !important;
  display: inline-flex;
}
/* line 117, scss/legacy/_ballpark.scss */
body.ballpark #modal_window {
  z-index: 7000;
  height: 388px;
  width: 718px;
  background: #fff;
  position: absolute;
  top: 168px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: none;
  line-height: 1.3em;
  font-family: Arial, sans-serif;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.25);
}
/* line 139, scss/legacy/_ballpark.scss */
body.ballpark #modal_window .inner {
  height: 100%;
}
/* line 143, scss/legacy/_ballpark.scss */
body.ballpark #modal_window #fbshare {
  margin-top: -2px;
  width: 62px;
  float: left;
}
/* line 149, scss/legacy/_ballpark.scss */
body.ballpark #modal_window #share {
  bottom: 31px;
  height: 10px;
  left: 157px;
  padding: 8px;
  position: absolute;
  vertical-align: baseline;
  width: 176px;
}
/* line 163, scss/legacy/_ballpark.scss */
body.ballpark #modal_window .img_woodman {
  background: url("/web/images/ballpark/woodman_sm.png") 0 0 no-repeat;
  position: absolute;
  width: 72px;
  height: 72px;
  top: 27px;
  left: 27px;
}
/* line 175, scss/legacy/_ballpark.scss */
body.ballpark #modal_window #modal_inner {
  height: 100%;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-repeat: no-repeat;
  background-size: 400px 388px;
  background-position: right;
}
/* line 186, scss/legacy/_ballpark.scss */
body.ballpark #modal_window #modal_left {
  width: 50%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 25px;
  padding-left: 116px;
}
/* line 196, scss/legacy/_ballpark.scss */
body.ballpark #modal_window #modal_left h3 {
  font-weight: bold;
  font-size: 1.2em;
}
/* line 201, scss/legacy/_ballpark.scss */
body.ballpark #modal_window #modal_left p {
  font-size: 0.813em;
}
/* line 206, scss/legacy/_ballpark.scss */
body.ballpark #modal_window #modal_image {
  height: 100%;
  width: 50%;
  -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  float: right;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
/* line 221, scss/legacy/_ballpark.scss */
body.ballpark #modal_window #bt_close {
  background: url("/web/images/ballpark/bt_close.png") 0 0 no-repeat;
  position: absolute;
  width: 32px;
  height: 32px;
  top: 8px;
  right: 10px;
  cursor: pointer;
}
/* line 231, scss/legacy/_ballpark.scss */
body.ballpark #modal_window #gow_modal_info {
  position: relative;
  padding-left: 67px;
  margin-top: 40px;
}
/* line 236, scss/legacy/_ballpark.scss */
body.ballpark #modal_window #gow_modal_info h3 {
  line-height: 1.3em;
  font-family: 'Effra W01 Regular', Arial, sans-serif;
  font-weight: bold;
  font-size: 1em;
}
/* line 243, scss/legacy/_ballpark.scss */
body.ballpark #modal_window #gow_modal_info .bp_button {
  background: url("/web/images/_new_images/bg-button-large.png") 0 0 repeat-x;
  border: 1px solid #2A7A28;
  box-shadow: -1px 0 3px #999;
  padding: 4px 14px 6px 14px;
  color: #FFF;
  font-size: 0.938em;
  font-weight: bold;
  line-height: 1em;
  margin-bottom: 10px;
  width: 116px;
  cursor: pointer;
  position: relative;
}
/* line 257, scss/legacy/_ballpark.scss */
body.ballpark #modal_window #gow_modal_info .bp_button div {
  background: url("/web/images/ballpark/bt_arrow_white.png") 0 0 no-repeat;
  height: 12px;
  width: 12px;
  position: absolute;
  right: 12px;
  top: 6px;
}
/* line 271, scss/legacy/_ballpark.scss */
body.ballpark .colour_square {
  height: 53px;
  width: 53px;
  position: absolute;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-image: url("/web/images/_new_images/wood-background.png");
  background-size: cover;
  left: 0px;
  top: 0px;
}
/* line 282, scss/legacy/_ballpark.scss */
body.ballpark .colour_square .square_inner {
  height: 100%;
  width: 100%;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
/* line 293, scss/legacy/_ballpark.scss */
body.ballpark #bp_carousel {
  min-height: 132px;
}
/* line 297, scss/legacy/_ballpark.scss */
body.ballpark #bp_carousel .list_carousel {
  background-color: #fff;
  margin-left: -3px;
}
/* line 301, scss/legacy/_ballpark.scss */
body.ballpark #bp_carousel .list_carousel ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  left: 3px;
}
/* line 308, scss/legacy/_ballpark.scss */
body.ballpark #bp_carousel .list_carousel li {
  font-size: 40px;
  color: #999;
  text-align: center;
  background-color: #fff;
  width: 174px;
  height: 120px;
  padding: 0;
  margin: 6px 3px;
  display: block;
  float: left;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}
/* line 324, scss/legacy/_ballpark.scss */
body.ballpark #bp_carousel .list_carousel li img {
  width: auto;
  height: auto;
}
/* line 329, scss/legacy/_ballpark.scss */
body.ballpark #bp_carousel .list_carousel li .innerfade {
  width: 100%;
  height: 100%;
  position: absolute;
  border: 6px #fff solid;
  opacity: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 339, scss/legacy/_ballpark.scss */
body.ballpark #bp_carousel .list_carousel li .innerfade:hover {
  opacity: 0.5;
  border: 6px #fff solid;
}
/* line 346, scss/legacy/_ballpark.scss */
body.ballpark #bp_carousel .carousel_selected .innerfade {
  opacity: 0.7 !important;
  border: 6px #fff solid !important;
}
/* line 351, scss/legacy/_ballpark.scss */
body.ballpark #bp_carousel .clearfix {
  float: none;
  clear: both;
}
/* line 355, scss/legacy/_ballpark.scss */
body.ballpark #bp_carousel .prev {
  float: left;
  margin-left: 10px;
}
/* line 359, scss/legacy/_ballpark.scss */
body.ballpark #bp_carousel .next {
  float: right;
  margin-right: 10px;
}
/* line 364, scss/legacy/_ballpark.scss */
body.ballpark #bp_carousel .prev {
  background: url("/web/images/ballpark/carousel_left.png") 0 0 no-repeat;
  position: absolute;
  width: 60px;
  height: 60px;
  top: 62px;
  left: 0px;
  cursor: pointer;
}
/* line 373, scss/legacy/_ballpark.scss */
body.ballpark #bp_carousel .prev:hover, body.ballpark #bp_carousel .next:hover {
  background-position: left -60px;
}
/* line 377, scss/legacy/_ballpark.scss */
body.ballpark #bp_carousel .next {
  background: url("/web/images/ballpark/carousel_right.png") 0 0 no-repeat;
  position: absolute;
  width: 60px;
  height: 60px;
  top: 62px;
  right: 0px;
  cursor: pointer;
}
/* line 388, scss/legacy/_ballpark.scss */
body.ballpark .mobile_content {
  background: #fff;
  padding: 5px;
  position: relative;
}
/* line 393, scss/legacy/_ballpark.scss */
body.ballpark .mobile_content .bp_button {
  line-height: 14px;
  font-size: 14px;
}
/* line 397, scss/legacy/_ballpark.scss */
body.ballpark .mobile_content .colour_square {
  left: 14px;
  top: 41px;
}
/* line 402, scss/legacy/_ballpark.scss */
body.ballpark .mobile_content .mfbshare {
  margin-top: 0px;
  width: 67px;
  float: left;
}
/* line 407, scss/legacy/_ballpark.scss */
body.ballpark .mobile_content .mfbshare img {
  height: auto;
  width: auto;
}
/* line 416, scss/legacy/_ballpark.scss */
body.ballpark .waypoint {
  background: url("/web/images/_new_images/bg-fence.jpg") 0 215px repeat;
}
/* line 420, scss/legacy/_ballpark.scss */
body.ballpark #ballpark_featured {
  margin-top: 60px;
  margin-left: -30px;
  margin-right: -30px;
}
/* line 425, scss/legacy/_ballpark.scss */
body.ballpark #ballpark_featured h2 {
  padding-left: 40px;
  font-size: 1.40em;
}
/* line 429, scss/legacy/_ballpark.scss */
body.ballpark #ballpark_featured .inner {
  padding-left: 40px;
  background: #fdf9db;
  min-height: 467px;
}
/* line 434, scss/legacy/_ballpark.scss */
body.ballpark #ballpark_featured .inner h2 {
  padding-left: 0px;
}
/* line 438, scss/legacy/_ballpark.scss */
body.ballpark #ballpark_featured .inner .squirrel {
  background: url("/web/images/ballpark/squirrel2.png") no-repeat scroll 0 0 transparent;
  bottom: 22px;
  height: 177px;
  left: 26px;
  position: absolute;
  width: 194px;
  z-index: 3000;
}
/* line 450, scss/legacy/_ballpark.scss */
body.ballpark .bp_zigzag_top {
  width: 100%;
  position: absolute;
  z-index: 100;
  background: url("/web/images/ballpark/bg_zigzag_top.png") 0 0 repeat-x;
  height: 15px;
}
/* line 457, scss/legacy/_ballpark.scss */
body.ballpark .bp_zigzag_bottom {
  bottom: 0px;
  width: 100%;
  position: absolute;
  z-index: 100;
  background: url("/web/images/ballpark/bg_zigzag_bottom.png") 0 0 repeat-x;
  height: 15px;
  left: 0px;
}
/* line 469, scss/legacy/_ballpark.scss */
body.ballpark div.massive-wrapper {
  background: url("/web/images/_new_images/bg-fence.jpg") 0 491px repeat !important;
}
/* line 480, scss/legacy/_ballpark.scss */
body.ballpark .nopad {
  padding: 0;
}
/* line 484, scss/legacy/_ballpark.scss */
body.ballpark #gow {
  position: relative;
  min-height: 200px;
}
/* line 489, scss/legacy/_ballpark.scss */
body.ballpark #gow .img_woodman {
  background: url("/web/images/ballpark/woodman.png") 0 0 no-repeat;
  position: absolute;
  width: 97px;
  height: 97px;
  top: 45px;
  left: 0px;
}
/* line 499, scss/legacy/_ballpark.scss */
body.ballpark #gow .content {
  padding: 46px 5px 14px 127px;
  width: 432px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 506, scss/legacy/_ballpark.scss */
body.ballpark #gow .content h2 {
  font-size: 1em;
}
/* line 511, scss/legacy/_ballpark.scss */
body.ballpark #gow .gow_image {
  width: 470px;
  background: #efefef;
  height: 467px;
  float: right;
  width: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
/* line 522, scss/legacy/_ballpark.scss */
body.ballpark #gow #gow_info {
  position: relative;
  padding-left: 89px;
  margin-top: 40px;
}
/* line 527, scss/legacy/_ballpark.scss */
body.ballpark #gow #gow_info h3 {
  line-height: 0.8em;
  font-family: 'Effra W01 Regular', Arial, sans-serif;
  font-weight: bold;
  font-size: 1em;
}
/* line 534, scss/legacy/_ballpark.scss */
body.ballpark #gow #gow_info .bp_button {
  background: url("/web/images/_new_images/bg-button-large.png") 0 0 repeat-x;
  border: 1px solid #2A7A28;
  box-shadow: -1px 0 3px #999;
  padding: 4px 14px 6px 14px;
  color: #FFF;
  font-size: 0.938em;
  font-weight: bold;
  line-height: 1em;
  margin-bottom: 10px;
  width: 138px;
  cursor: pointer;
  position: relative;
}
/* line 547, scss/legacy/_ballpark.scss */
body.ballpark #gow #gow_info .bp_button div {
  background: url("/web/images/ballpark/bt_arrow_white.png") 0 0 no-repeat;
  height: 12px;
  width: 12px;
  position: absolute;
  right: 12px;
  top: 6px;
}
/* line 557, scss/legacy/_ballpark.scss */
body.ballpark #gow #gow_info .colour_square {
  height: 73px;
  width: 73px;
  position: absolute;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-image: url("/web/images/_new_images/wood-background.png");
  background-size: cover;
  left: 0px;
  top: 0px;
}
/* line 568, scss/legacy/_ballpark.scss */
body.ballpark #gow #gow_info .colour_square .square_inner {
  height: 100%;
  width: 100%;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #4cb4a8;
}
/* line 586, scss/legacy/_ballpark.scss */
body.ballpark #gow_share {
  bottom: -200px;
  height: 10px;
  left: 131px;
  padding: 8px;
  position: absolute;
  vertical-align: baseline;
  width: 176px;
}
/* line 595, scss/legacy/_ballpark.scss */
body.ballpark #gow_share #gow_fbshare {
  float: left;
  margin-right: 5px;
}
/* line 602, scss/legacy/_ballpark.scss */
body.ballpark .massive-wrapper .content-wrapper {
  margin-top: 0px;
  padding-top: 0px;
}
/* line 605, scss/legacy/_ballpark.scss */
body.ballpark .massive-wrapper .content-wrapper .zig-zag {
  display: none;
}
/* line 610, scss/legacy/_ballpark.scss */
body.ballpark .mobile_content {
  display: none;
  text-align: left;
  color: #000;
  z-index: 10000;
  margin-top: 380px;
  padding: 15px;
}
/* line 619, scss/legacy/_ballpark.scss */
body.ballpark .mobile_content p {
  font-size: 12px !important;
  line-height: 16px !important;
}
/* line 624, scss/legacy/_ballpark.scss */
body.ballpark .mobile_content .mname {
  padding-left: 63px;
  font-weight: bold;
  line-height: 38px !important;
}
/* line 631, scss/legacy/_ballpark.scss */
body.ballpark .bp_button {
  background: url("/web/images/_new_images/bg-button-large.png") 0 0 repeat-x;
  border: 1px solid #2A7A28;
  box-shadow: -1px 0 3px #999;
  padding: 4px 14px 6px 14px;
  color: #FFF;
  font-size: 0.938em;
  font-weight: bold;
  line-height: 1em;
  margin-bottom: 10px;
  width: 138px;
  cursor: pointer;
  position: relative;
}
/* line 644, scss/legacy/_ballpark.scss */
body.ballpark .bp_button div {
  background: url("/web/images/ballpark/bt_arrow_white.png") 0 0 no-repeat;
  height: 12px;
  width: 12px;
  position: absolute;
  right: 12px;
  top: 6px;
}
/* line 656, scss/legacy/_ballpark.scss */
body.ballpark .carousel_share {
  display: none;
}
@media (max-width: 640px) {
  /* line 663, scss/legacy/_ballpark.scss */
  body.ballpark .heading-wrapper, body.ballpark #modal_window {
    display: none !important;
  }
  /* line 667, scss/legacy/_ballpark.scss */
  body.ballpark .carousel_share {
    display: block;
  }
  /* line 671, scss/legacy/_ballpark.scss */
  body.ballpark body {
    overflow-x: hidden;
  }
  /* line 675, scss/legacy/_ballpark.scss */
  body.ballpark .squirrel {
    display: none;
  }
  /* line 686, scss/legacy/_ballpark.scss */
  body.ballpark .bp_zigzag_bottom {
    display: none;
  }
  /* line 690, scss/legacy/_ballpark.scss */
  body.ballpark #gow_share {
    height: 10px;
    left: 0;
    padding: 0;
    position: relative;
    top: 14px;
    vertical-align: baseline;
    width: 176px;
  }
  /* line 698, scss/legacy/_ballpark.scss */
  body.ballpark #gow_share #gow_fbshare {
    float: left;
    margin-right: 5px;
  }
  /* line 702, scss/legacy/_ballpark.scss */
  body.ballpark #gow_share #gow_fbshare img {
    margin-top: -3px;
  }
  /* line 709, scss/legacy/_ballpark.scss */
  body.ballpark #ballpark_featured {
    margin-top: 60px;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  /* line 715, scss/legacy/_ballpark.scss */
  body.ballpark #ballpark_featured h2 {
    padding-left: 150px;
    font-size: 1.40em;
  }
  /* line 720, scss/legacy/_ballpark.scss */
  body.ballpark .next {
    top: 160px !important;
  }
  /* line 723, scss/legacy/_ballpark.scss */
  body.ballpark .prev {
    top: 160px !important;
  }
  /* line 726, scss/legacy/_ballpark.scss */
  body.ballpark .caroufredsel_wrapper {
    height: 630px !important;
    left: 0px !important;
    overflow: visible !important;
  }
  /* line 732, scss/legacy/_ballpark.scss */
  body.ballpark #bp_carousel .list_carousel li {
    height: 470px !important;
  }
  /* line 735, scss/legacy/_ballpark.scss */
  body.ballpark #bp_carousel .list_carousel li .innerfade:hover {
    opacity: 0;
    border: 6px #fff solid;
  }
  /* line 740, scss/legacy/_ballpark.scss */
  body.ballpark .mobile_content {
    display: block;
  }
  /* line 744, scss/legacy/_ballpark.scss */
  body.ballpark .bp_button {
    background: url("/web/images/_new_images/bg-button-large.png") 0 0 repeat-x;
    border: 1px solid #2A7A28;
    box-shadow: -1px 0 3px #999;
    padding: 4px 14px 6px 14px;
    color: #FFF;
    font-size: 0.938em;
    font-weight: bold;
    line-height: 0px;
    margin-bottom: 10px;
    width: 138px;
    cursor: pointer;
    position: relative;
  }
  /* line 757, scss/legacy/_ballpark.scss */
  body.ballpark .bp_button div {
    background: url("/web/images/ballpark/bt_arrow_white.png") 0 0 no-repeat;
    height: 12px;
    width: 12px;
    position: absolute;
    right: 12px;
    top: 6px;
  }
  /* line 765, scss/legacy/_ballpark.scss */
  body.ballpark .bp_button a {
    font-size: 12px;
    line-height: 12px;
    color: #fff;
  }
  /* line 773, scss/legacy/_ballpark.scss */
  body.ballpark #ballpark_featured {
    margin-top: 60px;
    margin-left: -30px;
    margin-right: -30px;
  }
  /* line 778, scss/legacy/_ballpark.scss */
  body.ballpark #ballpark_featured h2 {
    padding-left: 14px;
    font-size: 1.40em;
  }
  /* line 782, scss/legacy/_ballpark.scss */
  body.ballpark #ballpark_featured .inner {
    padding: 10px;
    background: #fdf9db;
    min-height: 467px;
    position: relative;
  }
  /* line 787, scss/legacy/_ballpark.scss */
  body.ballpark #ballpark_featured .inner h2 {
    padding-left: 0px;
  }
  /* line 793, scss/legacy/_ballpark.scss */
  body.ballpark #gow {
    position: relative;
    min-height: 200px;
  }
  /* line 798, scss/legacy/_ballpark.scss */
  body.ballpark #gow .img_woodman {
    background: url("/web/images/ballpark/woodman.png") 0 0 no-repeat;
    position: absolute;
    width: 97px;
    height: 97px;
    top: 19px;
    left: 10px;
  }
  /* line 808, scss/legacy/_ballpark.scss */
  body.ballpark #gow .content {
    padding: 137px 5px 14px 10px;
    width: 90%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 815, scss/legacy/_ballpark.scss */
  body.ballpark #gow .content h2 {
    font-size: 1em;
  }
  /* line 820, scss/legacy/_ballpark.scss */
  body.ballpark #gow .gow_image {
    margin-top: 60px;
    background: #efefef;
    height: 467px;
    float: left;
    background-image: url(/web/images/ballpark/c1a7aadd166243058aed7ea16ed45506.jpg);
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  /* line 831, scss/legacy/_ballpark.scss */
  body.ballpark #gow #gow_content {
    font-size: 12px !important;
  }
  /* line 834, scss/legacy/_ballpark.scss */
  body.ballpark #gow #gow_info {
    position: relative;
    padding-left: 89px;
    margin-top: 40px;
  }
  /* line 839, scss/legacy/_ballpark.scss */
  body.ballpark #gow #gow_info h3 {
    line-height: 0.8em;
    font-family: 'Effra W01 Regular', Arial, sans-serif;
    font-weight: bold;
    font-size: 1.3em;
  }
}
@media (max-width: 768px) {
  /* line 855, scss/legacy/_ballpark.scss */
  body.ballpark .squirrel_header {
    display: none;
  }
}

/* line 5, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear .yellow-section {
  width: 900px;
  padding: 50px 30px;
  margin-left: -30px;
  overflow: auto;
  background: #fffef2 url("/web/images/_new_images/zig-zag-yellow-top.png") repeat-x top left;
}
/* line 13, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear .wrapper {
  overflow: hidden;
}
/* line 16, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear .wrapper .container_12 {
  width: 930px;
  padding-bottom: 0;
}
@media (min-width: 641px) {
  /* line 16, scss/legacy/_shedoftheyear.scss */
  body.shedoftheyear .wrapper .container_12 {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
/* line 28, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear .heading-wrapper .shedoftheyear {
  background: url("/web/images/_new_images/shedoftheyear/Cuprinol-Shortlist-2016.png") top center no-repeat;
  height: 520px;
  max-width: 1300px;
  margin: 40px auto 0;
  position: relative;
}
/* line 34, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear .heading-wrapper .shedoftheyear .soty-link {
  display: block;
  position: absolute;
  text-indent: -9999px;
  left: 50%;
  cursor: pointer;
}
/* line 44, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear .heading-wrapper .shedoftheyear .soty-link--unexpected {
  top: 133px;
  height: 85px;
  width: 325px;
  margin-left: -264px;
}
/* line 50, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear .heading-wrapper .shedoftheyear .soty-link--cabin-summerhouse {
  top: 234px;
  height: 86px;
  width: 327px;
  margin-left: -287px;
}
/* line 56, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear .heading-wrapper .shedoftheyear .soty-link--budget {
  top: 329px;
  height: 94px;
  width: 364px;
  margin-left: -270px;
}
/* line 62, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear .heading-wrapper .shedoftheyear .soty-link--workshop-studio {
  top: 431px;
  height: 83px;
  width: 357px;
  margin-left: -291px;
}
/* line 68, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear .heading-wrapper .shedoftheyear .soty-link--eco {
  top: 92px;
  height: 89px;
  width: 311px;
  margin-left: 143px;
}
/* line 74, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear .heading-wrapper .shedoftheyear .soty-link--historic {
  top: 190px;
  height: 105px;
  width: 322px;
  margin-left: 108px;
}
/* line 80, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear .heading-wrapper .shedoftheyear .soty-link--pub-entertainment {
  top: 300px;
  height: 99px;
  width: 324px;
  margin-left: 117px;
}
/* line 86, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear .heading-wrapper .shedoftheyear .soty-link--unique {
  top: 407px;
  height: 108px;
  width: 333px;
  margin-left: 92px;
}
/* line 96, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear .about-title {
  margin-top: 60px;
}
/* line 101, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear #about .mobile-image {
  display: none;
}
/* line 106, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear nav {
  padding-bottom: 30px;
}
/* line 108, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear nav.categories-nav {
  float: none;
}
/* line 111, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear nav .categories {
  list-style-type: none;
  width: 100%;
  text-align: center;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 0;
}
/* line 119, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear nav .categories li {
  text-align: center;
  display: inline-block !important;
}
@media (min-width: 641px) {
  /* line 119, scss/legacy/_shedoftheyear.scss */
  body.shedoftheyear nav .categories li {
    border-right: 1px solid #2f892c;
  }
  /* line 125, scss/legacy/_shedoftheyear.scss */
  body.shedoftheyear nav .categories li:last-child {
    border-right-width: 0;
  }
}
/* line 132, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear nav .categories li span {
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  cursor: pointer;
  display: inline-block;
  padding: 10px 15px;
  color: #2f892c;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  vertical-align: middle;
}
@media (min-width: 641px) {
  /* line 147, scss/legacy/_shedoftheyear.scss */
  body.shedoftheyear nav .categories li span:hover {
    background-color: #2f892c;
    color: #eef9ee;
  }
}
/* line 160, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear .participants .slideshow {
  position: relative;
  margin-bottom: 10px;
}
/* line 166, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear .participants .slideshow-images {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
/* line 172, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear .participants .hide {
  display: none;
}
/* line 176, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear .participants div.content {
  padding: 0 15px 10px;
}
@media (min-width: 641px) {
  /* line 176, scss/legacy/_shedoftheyear.scss */
  body.shedoftheyear .participants div.content {
    padding: 0 70px 30px 10px;
  }
}
/* line 183, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear .participants h3 {
  text-align: center;
  margin: 15px 0;
}
/* line 188, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear .participants ul {
  height: auto;
  width: 100%;
  list-style-type: none;
  display: block;
  margin-left: 0;
}
/* line 195, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear .participants ul li {
  width: 100%;
  color: #444444;
  padding: 20px 0px;
}
@media (min-width: 641px) {
  /* line 195, scss/legacy/_shedoftheyear.scss */
  body.shedoftheyear .participants ul li {
    display: inline-block;
    vertical-align: top;
  }
}
/* line 204, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear .participants ul li .slideshow .winner-mark {
  padding: 10px 15px;
  position: absolute;
  top: 20px;
  right: 10px;
  color: #fff;
  background-color: #4fa432;
}
@media (min-width: 641px) {
  /* line 212, scss/legacy/_shedoftheyear.scss */
  body.shedoftheyear .participants ul li .slideshow img {
    width: 30%;
  }
}
/* line 219, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear .participants ul li .content {
  text-align: left;
  padding: 10px;
}
/* line 223, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear .participants ul li .content h3 {
  font-size: 16px;
  margin-bottom: 0;
}
/* line 227, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear .participants ul li .content h3:first-child {
  margin-top: 50px;
}
/* line 232, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear .participants ul li .content .button {
  position: relative;
  top: 1px;
  float: left;
}
/* line 242, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear #behindthescenes {
  margin-left: 30px;
}
/* line 247, scss/legacy/_shedoftheyear.scss */
body.shedoftheyear #previous nav {
  width: 100%;
  display: block;
}

/* line 1, scss/legacy/_youtube.scss */
.youtube-wrap {
  position: relative;
  padding-bottom: 56.25%;
}
/* line 4, scss/legacy/_youtube.scss */
.youtube-wrap > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* line 2, scss/legacy/_buttons.scss */
.btn-primary, .btn-buy {
  padding: 5px 14px;
  font-size: 0.8125rem;
  font-weight: bold;
  line-height: 1em;
  cursor: pointer;
  background-repeat: repeat-x;
  background-position: 0 0;
  border: 1px solid;
}
/* line 14, scss/legacy/_buttons.scss */
.btn-primary {
  color: #444;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.75);
  border-color: #c4c4c3;
  background-image: url("/web/images/_new_images/bg-button-grey.png");
}
/* line 21, scss/legacy/_buttons.scss */
.btn-buy {
  color: #FFF;
  border-color: #2A7A28;
  background-image: url("/web/images/_new_images/bg-button.png");
  box-shadow: -1px 0 3px #999;
}

@media (max-width: 640px) {
  /* line 31, scss/base/_base.scss */
  body, html {
    -webkit-font-smoothing: antialiased !important;
  }

  /* line 34, scss/base/_base.scss */
  body {
    padding-top: 48px;
  }

  /* line 37, scss/base/_base.scss */
  h1, h2, h3, h4, h5 {
    font-family: 'Effra W01 Bold', Arial, sans-serif;
    font-weight: bold;
  }

  /* line 41, scss/base/_base.scss */
  h2 {
    font-size: 24px;
  }

  /* line 44, scss/base/_base.scss */
  h3 {
    font-size: 18px;
    line-height: 20px;
    color: #333;
    font-weight: bold;
  }

  /* line 50, scss/base/_base.scss */
  p {
    font-size: 16px !important;
    line-height: 21px !important;
    color: #31313;
  }
}
/* line 1, scss/state/_state.scss */
.isHidden {
  display: none;
}

/* line 5, scss/state/_state.scss */
.isTransparent {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 9, scss/state/_state.scss */
.isInvisible {
  visibility: hidden;
}

/* line 13, scss/state/_state.scss */
body.active {
  overflow: hidden;
  position: fixed;
  z-index: -1;
}

/* line 18, scss/state/_state.scss */
.pull-left {
  float: left;
}

/* line 21, scss/state/_state.scss */
.pull-right {
  float: right;
}

/* line 25, scss/state/_state.scss */
.inline-block {
  display: inline-block;
}

/* line 30, scss/state/_state.scss */
.text--strong {
  font-weight: bold;
}

/* line 33, scss/state/_state.scss */
.text--uppercase {
  text-transform: uppercase;
}

/* line 36, scss/state/_state.scss */
.text--green {
  color: #318d2e;
}

/*
 * swiper 2.4.3
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2014, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: January 29, 2014
*/
/* line 15, scss/vendor/swiper/_swiper.scss */
.swiper-container {
  display: none;
}

@media (max-width: 640px) {
  /* line 20, scss/vendor/swiper/_swiper.scss */
  .swiper-container {
    display: block;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* Fix of Webkit flickering */
    z-index: 1;
  }

  /* line 33, scss/vendor/swiper/_swiper.scss */
  .swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px, 0, 0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px, 0, 0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px, 0, 0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px, 0px);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px, 0, 0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0px, 0, 0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
  }

  /* line 61, scss/vendor/swiper/_swiper.scss */
  .swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
  }

  /* line 69, scss/vendor/swiper/_swiper.scss */
  .swiper-slide {
    float: left;
  }

  /* IE10 Windows Phone 8 Fixes */
  /* line 73, scss/vendor/swiper/_swiper.scss */
  .swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
  }

  /* line 76, scss/vendor/swiper/_swiper.scss */
  .swiper-wp8-vertical {
    -ms-touch-action: pan-x;
  }

  /* ===============================================================
  Your custom styles, here you need to specify container's and slide's
  sizes, pagination, etc.
  ================================================================*/
  /* line 83, scss/vendor/swiper/_swiper.scss */
  .swiper-container {
    /* Specify Swiper's Size: */
    /*width:200px;
    height: 100px;*/
  }

  /* line 88, scss/vendor/swiper/_swiper.scss */
  .swiper-slide {
    /* Specify Slides's Size: */
    /*width: 100%;
    height: 100%;*/
  }

  /* line 93, scss/vendor/swiper/_swiper.scss */
  .swiper-slide-active {
    /* Specific active slide styling: */
  }

  /* line 96, scss/vendor/swiper/_swiper.scss */
  .swiper-slide-visible {
    /* Specific visible slide styling: */
  }

  /* ===============================================================
  Pagination Styles
  ================================================================*/
  /* line 102, scss/vendor/swiper/_swiper.scss */
  .swiper-pagination {
    z-index: 99999;
    position: absolute;
    bottom: 12px;
    left: 50%;
    margin-left: -40px;
  }

  /* line 109, scss/vendor/swiper/_swiper.scss */
  .swiper-pagination-switch {
    /* Stylize pagination button: */
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background: #fff;
    margin: 0 3px;
    cursor: pointer;
  }

  /* line 121, scss/vendor/swiper/_swiper.scss */
  .swiper-active-switch {
    background: #318d2e;
  }

  /* line 124, scss/vendor/swiper/_swiper.scss */
  .swiper-visible-switch {
    /* Specific visible button style: */
  }

  /* line 128, scss/vendor/swiper/_swiper.scss */
  .swiper-container, .swiper-slide {
    width: 100%;
    height: 275px;
  }

  /* line 133, scss/vendor/swiper/_swiper.scss */
  .swiper-slide.sheds {
    background: url("/web/images/_new_images/sections/home/shed-header.jpg") no-repeat center;
  }
  /* line 136, scss/vendor/swiper/_swiper.scss */
  .swiper-slide.fences {
    background: url("/web/images/_new_images/sections/home/fences-header.jpg") no-repeat center;
  }
  /* line 139, scss/vendor/swiper/_swiper.scss */
  .swiper-slide.decking {
    background: url("/web/images/_new_images/sections/home/decking-header.jpg") no-repeat center;
  }
  /* line 142, scss/vendor/swiper/_swiper.scss */
  .swiper-slide.furniture {
    background: url("/web/images/_new_images/sections/home/gardenFurniture-header.jpg") no-repeat center;
  }
  /* line 145, scss/vendor/swiper/_swiper.scss */
  .swiper-slide.buildings {
    background: url("/web/images/_new_images/sections/home/buildings-header.jpg") no-repeat center;
  }
  /* line 148, scss/vendor/swiper/_swiper.scss */
  .swiper-slide .swiper-content {
    height: 100%;
    width: 100%;
  }

  /* line 154, scss/vendor/swiper/_swiper.scss */
  .swiper-container.sub, .swiper-container.sub .swiper-slide {
    margin-top: 11px;
    width: 100%;
    height: 256px;
  }

  /* line 160, scss/vendor/swiper/_swiper.scss */
  .swiper-container.sub .swiper-slide.sheds {
    background: url("/web/images/_new_images/sections/home/A_Browse_Inspiration_430x305.jpg") no-repeat center;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 164, scss/vendor/swiper/_swiper.scss */
  .swiper-container.sub .swiper-slide.fences {
    background: url("/web/images/_new_images/sections/home/D_Browse_Inspiration_430x305.jpg") no-repeat center;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 168, scss/vendor/swiper/_swiper.scss */
  .swiper-container.sub .swiper-slide.decking {
    background: url("/web/images/_new_images/sections/home/B_Browse_Inspiration_430x305.jpg") no-repeat center;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 172, scss/vendor/swiper/_swiper.scss */
  .swiper-container.sub .swiper-slide.furniture {
    background: url("/web/images/_new_images/sections/home/inspiration_round_table.jpg") no-repeat center;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 176, scss/vendor/swiper/_swiper.scss */
  .swiper-container.sub .swiper-slide.buildings {
    background: url("/web/images/_new_images/sections/home/E_Browse_Inspiration_430x305.jpg") no-repeat center;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 180, scss/vendor/swiper/_swiper.scss */
  .swiper-container.sub .swiper-slide .swiper-content {
    height: 100%;
    width: 100%;
  }
}
@media (max-width: 640px) {
  /* line 3, scss/modules/_mobile-grid.scss */
  .grid_1,
  .grid_2,
  .grid_3,
  .grid_4,
  .grid_5,
  .grid_6,
  .grid_7,
  .grid_8,
  .grid_9,
  .grid_10,
  .grid_11,
  .grid_12 {
    margin-right: 0px !important;
    margin-left: 0px !important;
    width: 100% !important;
  }

  /* line 19, scss/modules/_mobile-grid.scss */
  .alpha,
  .omega {
    margin-right: 0;
    margin-left: 0;
  }

  /* line 24, scss/modules/_mobile-grid.scss */
  .align_center,
  .align_right {
    text-align: left;
  }

  /* line 28, scss/modules/_mobile-grid.scss */
  body {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 0;
    background: #fffef2;
  }

  /* line 35, scss/modules/_mobile-grid.scss */
  .leafs, .desktop__header, .find, .left-shadow, .right-shadow, .shadow, .border-mask {
    background: none !important;
    display: none !important;
  }

  /* line 41, scss/modules/_mobile-grid.scss */
  #carousel {
    display: none !important;
    background: none !important;
  }

  /* line 47, scss/modules/_mobile-grid.scss */
  .container_12, .news-wrapper, .zig-zag, .sep-line, .wrapper, .tool-colour-full, .section-ideas, .fence-wrapper, .yellow-section {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100% !important;
  }

  /* line 53, scss/modules/_mobile-grid.scss */
  .massive-wrapper, .shadow, .fence, .fence-top, .leaf {
    background: none !important;
  }

  /* line 56, scss/modules/_mobile-grid.scss */
  .content-wrapper {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 !important;
  }

  /* line 60, scss/modules/_mobile-grid.scss */
  .news-wrapper {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 !important;
    background: #fffef2 !important;
  }

  /* line 67, scss/modules/_mobile-grid.scss */
  .yellow-section {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* line 73, scss/modules/_mobile-grid.scss */
  .zig-zag {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0 !important;
  }
}
/* line 1, scss/modules/_mobile-header.scss */
.mobile__header, .mobile__header__dropdown, .mobile__title, .mobile__title--small {
  display: none;
}

@media (max-width: 640px) {
  /* line 6, scss/modules/_mobile-header.scss */
  .mobile__header {
    -moz-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
    -webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
    box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
    position: fixed;
    top: 0;
    z-index: 9999999999;
    display: block;
    width: 100%;
    height: 48px;
    background-color: #20681d;
  }
  /* line 15, scss/modules/_mobile-header.scss */
  .mobile__header .mobile__header__menu {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    float: left;
    width: 44px;
    height: 100%;
    background: url("/web/images/retina/header-menu@2x.png") center no-repeat;
    -moz-background-size: 22px 16px;
    -o-background-size: 22px 16px;
    -webkit-background-size: 22px 16px;
    background-size: 22px 16px;
    cursor: pointer;
  }
  /* line 29, scss/modules/_mobile-header.scss */
  .mobile__header .mobile__header__menu:after {
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    position: absolute;
    top: 0;
    left: -7px;
    width: 58px;
    height: 100%;
    background: url("/web/images/retina/header-menu-glow@2x.png") left no-repeat;
    -moz-background-size: 58px 56px;
    -o-background-size: 58px 56px;
    -webkit-background-size: 58px 56px;
    background-size: 58px 56px;
    content: "";
  }
  /* line 42, scss/modules/_mobile-header.scss */
  .mobile__header .mobile__header__menu:active:after, .mobile__header .mobile__header__menu.active:after {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  /* line 46, scss/modules/_mobile-header.scss */
  .mobile__header .mobile__header__menu:focus {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  /* line 55, scss/modules/_mobile-header.scss */
  .mobile__header .mobile__header__logo {
    float: left;
    margin-top: 10px;
    margin-left: 5px;
    width: 88px;
    height: 33px;
    background: url("/web/images/retina/header-logo@2x.png") 0 0 no-repeat;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%;
  }
  /* line 64, scss/modules/_mobile-header.scss */
  .mobile__header .mobile__header__location {
    cursor: pointer;
    display: block;
    float: right;
    padding-top: 25px;
    width: 50px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: url("/web/images/retina/Cuprinol_Store_Locator.svg") 50% 7px no-repeat;
    -moz-background-size: 18px;
    -o-background-size: 18px;
    -webkit-background-size: 18px;
    background-size: 18px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 48px;
  }
  /* line 77, scss/modules/_mobile-header.scss */
  .mobile__header .mobile__header__location:active {
    background-color: #318d2e;
  }
  /* line 81, scss/modules/_mobile-header.scss */
  .mobile__header .mobile__header__search {
    cursor: pointer;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 48px;
    float: right;
    padding-top: 25px;
    width: 50px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: url("/web/images/retina/header-search@2x.png") 50% 10px no-repeat;
    -moz-background-size: 15px;
    -o-background-size: 15px;
    -webkit-background-size: 15px;
    background-size: 15px;
  }
  /* line 94, scss/modules/_mobile-header.scss */
  .mobile__header .mobile__header__search:active {
    background-color: #318d2e;
  }
  /* line 98, scss/modules/_mobile-header.scss */
  .mobile__header .mobile__header__basket {
    cursor: pointer;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 48px;
    float: right;
    padding-top: 25px;
    width: 50px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: url("/web/images/retina/header-basket@2x.png") 50% 10px no-repeat;
    -moz-background-size: 15px;
    -o-background-size: 15px;
    -webkit-background-size: 15px;
    background-size: 15px;
  }
  /* line 111, scss/modules/_mobile-header.scss */
  .mobile__header .mobile__header__basket:active {
    background-color: #318d2e;
  }

  /* line 116, scss/modules/_mobile-header.scss */
  .mobile__header__dropdown {
    -moz-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
    -webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
    box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: fixed;
    z-index: 999;
    display: block;
    overflow-y: scroll;
    width: 100%;
    height: 100%;
    height: 100%;
    background-color: #f1f1f1;
    -webkit-overflow-scrolling: touch;
  }
  /* line 129, scss/modules/_mobile-header.scss */
  .mobile__header__dropdown.active {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    height: 100%;
    z-index: 999999;
  }
  /* line 135, scss/modules/_mobile-header.scss */
  .mobile__header__dropdown hr {
    margin: 10px 0 7px 0;
    height: 2px;
    border: none;
    background: url("/web/images/_new_images/sep-line.png") center center no-repeat;
    -moz-background-size: 100% 2px;
    -o-background-size: 100% 2px;
    -webkit-background-size: 100% 2px;
    background-size: 100% 2px;
  }
  /* line 142, scss/modules/_mobile-header.scss */
  .mobile__header__dropdown hr:nth-of-type(2) {
    margin-bottom: 20px;
  }
  /* line 145, scss/modules/_mobile-header.scss */
  .mobile__header__dropdown hr:nth-of-type(3) {
    margin-top: 25px;
    margin-bottom: 23px;
  }
  /* line 150, scss/modules/_mobile-header.scss */
  .mobile__header__dropdown ul {
    margin: 0;
    padding-top: 10px;
    list-style: none;
  }
  /* line 154, scss/modules/_mobile-header.scss */
  .mobile__header__dropdown ul li {
    padding: 0 20px;
    height: 53px;
  }
  /* line 157, scss/modules/_mobile-header.scss */
  .mobile__header__dropdown ul li a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #cccccc;
    color: #7e7e7e;
    font-size: 18px;
    line-height: 53px;
  }
  /* line 167, scss/modules/_mobile-header.scss */
  .mobile__header__dropdown ul li a:after {
    position: absolute;
    right: 0;
    z-index: 999999;
    width: 8px;
    height: 100%;
    background: url("/web/images/retina/header-chevron-right-grey@2x.png") center no-repeat;
    -moz-background-size: 8px 12px;
    -o-background-size: 8px 12px;
    -webkit-background-size: 8px 12px;
    background-size: 8px 12px;
    content: "";
  }
  /* line 178, scss/modules/_mobile-header.scss */
  .mobile__header__dropdown ul li.active {
    background-color: #d8d8d8;
  }
  /* line 181, scss/modules/_mobile-header.scss */
  .mobile__header__dropdown ul li:last-of-type a {
    border-bottom: none;
  }
  /* line 186, scss/modules/_mobile-header.scss */
  .mobile__header__dropdown ul:last-of-type {
    padding-bottom: 62px;
    background-color: #fff;
  }
  /* line 189, scss/modules/_mobile-header.scss */
  .mobile__header__dropdown ul:last-of-type li {
    height: 37px;
    line-height: 37px;
  }
  /* line 192, scss/modules/_mobile-header.scss */
  .mobile__header__dropdown ul:last-of-type li.active {
    background-color: #e6e6e6;
  }
  /* line 197, scss/modules/_mobile-header.scss */
  .mobile__header__dropdown ul:last-of-type li:nth-of-type(1), .mobile__header__dropdown ul:last-of-type li:nth-of-type(2) {
    height: 53px;
  }
  /* line 199, scss/modules/_mobile-header.scss */
  .mobile__header__dropdown ul:last-of-type li:nth-of-type(1) a, .mobile__header__dropdown ul:last-of-type li:nth-of-type(2) a {
    line-height: 53px;
  }
  /* line 204, scss/modules/_mobile-header.scss */
  .mobile__header__dropdown ul:last-of-type li:nth-of-type(2):hover {
    background-color: #fff;
  }
  /* line 206, scss/modules/_mobile-header.scss */
  .mobile__header__dropdown ul:last-of-type li:nth-of-type(2):hover a {
    background-color: #fff;
  }
  /* line 211, scss/modules/_mobile-header.scss */
  .mobile__header__dropdown ul:last-of-type a {
    border-bottom: none;
    color: #a0a0a0;
    font-size: 14px;
    line-height: 37px;
  }
  /* line 216, scss/modules/_mobile-header.scss */
  .mobile__header__dropdown ul:last-of-type a:after {
    background: url("/web/images/retina/header-chevron-right-grey-small@2x.png") center no-repeat;
    -moz-background-size: 5px 7px;
    -o-background-size: 5px 7px;
    -webkit-background-size: 5px 7px;
    background-size: 5px 7px;
  }
  /* line 221, scss/modules/_mobile-header.scss */
  .mobile__header__dropdown ul:last-of-type .mobile__header__link--phone {
    color: #7e7e7e;
    font-size: 18px;
    font-family: 'Effra W01 Medium', Arial, sans-serif;
    line-height: 53px;
  }
  /* line 226, scss/modules/_mobile-header.scss */
  .mobile__header__dropdown ul:last-of-type .mobile__header__link--phone:before {
    position: absolute;
    top: 0px;
    right: 148px;
    width: 41px;
    height: 100%;
    background: url("/web/images/retina/footer-phone@2x.png") center no-repeat;
    -moz-background-size: 41px 38px;
    -o-background-size: 41px 38px;
    -webkit-background-size: 41px 38px;
    background-size: 41px 38px;
    content: "";
  }
  /* line 236, scss/modules/_mobile-header.scss */
  .mobile__header__dropdown ul:last-of-type .mobile__header__link--phone:after {
    position: absolute;
    top: 0px;
    right: 25px;
    width: auto;
    background: none;
    color: #318d2e;
    content: "03332227171";
    font-size: 18px;
    line-height: 53px;
  }
  /* line 248, scss/modules/_mobile-header.scss */
  .mobile__header__dropdown ul:last-of-type .mobile__header__link--phone:active:before {
    top: 2px;
  }
  /* line 253, scss/modules/_mobile-header.scss */
  .mobile__header__dropdown ul:last-of-type .mobile__header__link--social {
    position: relative;
    border-bottom: 0px;
    color: #7e7e7e;
    font-size: 18px;
    line-height: 54px;
  }
  /* line 259, scss/modules/_mobile-header.scss */
  .mobile__header__dropdown ul:last-of-type .mobile__header__link--social .-social__icon--facebook, .mobile__header__dropdown ul:last-of-type .mobile__header__link--social .-social__icon--youtube {
    position: absolute;
    top: 8px;
    right: 4px;
    width: 39px;
    height: 40px;
    border-bottom: none;
  }
  /* line 266, scss/modules/_mobile-header.scss */
  .mobile__header__dropdown ul:last-of-type .mobile__header__link--social .-social__icon--facebook:active, .mobile__header__dropdown ul:last-of-type .mobile__header__link--social .-social__icon--youtube:active {
    top: 10px;
  }
  /* line 270, scss/modules/_mobile-header.scss */
  .mobile__header__dropdown ul:last-of-type .mobile__header__link--social .-social__icon--facebook {
    right: 56px;
    background: url("/web/images/retina/header-facebook@2x.png") center no-repeat;
    -moz-background-size: 39px 40px;
    -o-background-size: 39px 40px;
    -webkit-background-size: 39px 40px;
    background-size: 39px 40px;
  }
  /* line 276, scss/modules/_mobile-header.scss */
  .mobile__header__dropdown ul:last-of-type .mobile__header__link--social .-social__icon--youtube {
    background: url("/web/images/retina/header-youtube@2x.png") center no-repeat;
    -moz-background-size: 38px 40px;
    -o-background-size: 38px 40px;
    -webkit-background-size: 38px 40px;
    background-size: 38px 40px;
  }
  /* line 281, scss/modules/_mobile-header.scss */
  .mobile__header__dropdown ul:last-of-type .mobile__header__link--social a:after {
    background: none;
  }

  /* line 288, scss/modules/_mobile-header.scss */
  .mobile__title {
    display: block;
    padding-left: 20px;
    color: #fff;
    background-color: #318d2e;
    height: 55px;
    line-height: 55px;
    font-size: 18px;
    font-weight: normal;
  }
  /* line 297, scss/modules/_mobile-header.scss */
  .mobile__title:hover, .mobile__title:active {
    color: #fff;
  }
  /* line 300, scss/modules/_mobile-header.scss */
  .mobile__title span {
    display: inline-block;
    margin-right: 4px;
    width: 8px;
    height: 12px;
    background: url("/web/images/retina/button-chevron-right@2x.png") center no-repeat;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    content: "";
  }

  /* line 311, scss/modules/_mobile-header.scss */
  .mobile__title--small {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: 0;
    margin: 0;
    padding: 0 20px;
    width: 100%;
    height: 31px;
    border: 1px solid #9fca9d;
    border-width: 1px 0 1px 0;
    font-size: 14px;
    line-height: 31px;
    box-shadow: none;
    color: #fff;
    background: #318d2e;
  }

  /* line 328, scss/modules/_mobile-header.scss */
  .mobile__locator__form, .mobile__search__form {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    width: 100%;
    height: 70px;
    background: #f1f1f1;
    line-height: 70px;
  }
  /* line 336, scss/modules/_mobile-header.scss */
  .mobile__locator__form input, .mobile__search__form input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    width: 100%;
    height: 40px;
    border: 1px solid #cccccb;
    background-color: #fff;
    font-size: 14px;
    line-height: 18px;
  }

  /* line 349, scss/modules/_mobile-header.scss */
  .mobile__search__form {
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
    border-bottom: 1px solid #c2c2c1;
    position: fixed;
    z-index: 999999;
    -moz-transform: translateY(-70px);
    -ms-transform: translateY(-70px);
    -webkit-transform: translateY(-70px);
    transform: translateY(-70px);
  }

  /* line 358, scss/modules/_mobile-header.scss */
  .mobile__search__form.active {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@media (max-width: 640px) {
  /* line 3, scss/modules/_mobile-carousel.scss */
  .swiper-container, .swiper-slide {
    width: 100%;
    height: 275px;
  }

  /* line 8, scss/modules/_mobile-carousel.scss */
  .swiper-slide .swiper-content {
    width: 100%;
    height: 100%;
  }
  /* line 11, scss/modules/_mobile-carousel.scss */
  .swiper-slide .swiper-content .slide-info-wrap {
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    top: 70px;
    left: 0;
    margin: 0;
    margin: 0 auto;
    width: 280px;
    height: 170px;
    background-repeat: no-repeat;
  }
  /* line 22, scss/modules/_mobile-carousel.scss */
  .swiper-slide .swiper-content .slide-info-wrap img {
    margin-right: 12px;
    margin-left: -2px;
    max-width: 75px;
  }
  /* line 28, scss/modules/_mobile-carousel.scss */
  .swiper-slide .swiper-content .slide-info-wrap .slide-info .colors {
    margin-top: -3px;
  }
  /* line 31, scss/modules/_mobile-carousel.scss */
  .swiper-slide .swiper-content .slide-info-wrap .slide-info h2 {
    margin-top: 12px;
    margin-bottom: 8px;
    padding-right: 15px;
    width: auto;
    font-size: 14px;
    line-height: 1.5;
  }
  /* line 39, scss/modules/_mobile-carousel.scss */
  .swiper-slide .swiper-content .slide-info-wrap .slide-info h3 {
    color: #444444;
    font-size: 12px;
  }
  /* line 43, scss/modules/_mobile-carousel.scss */
  .swiper-slide .swiper-content .slide-info-wrap .slide-info .button {
    position: relative;
    top: 1px;
    left: -35px;
    float: left;
    margin-top: 8px;
    margin-left: 37px;
  }

  /* line 58, scss/modules/_mobile-carousel.scss */
  .swiper-container.sub, .swiper-container.sub .swiper-slide {
    margin-top: 0;
    width: 100%;
    height: 157px;
  }

  /* line 64, scss/modules/_mobile-carousel.scss */
  .swiper-container.sub .swiper-slide .swiper-content {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    width: 100%;
    height: 100%;
  }
  /* line 69, scss/modules/_mobile-carousel.scss */
  .swiper-container.sub .swiper-slide .swiper-content h2 {
    margin: 45px 0 5px 0;
    color: #fff;
    font-size: 24px;
  }
  /* line 74, scss/modules/_mobile-carousel.scss */
  .swiper-container.sub .swiper-slide .swiper-content .button {
    border: none !important;
    box-shadow: -1px 0 3px #111 !important;
  }
}
@media (max-width: 640px) {
  /* line 3, scss/modules/_mobile-footer.scss */
  footer {
    width: 100%;
    margin-top: 35px !important;
    padding-bottom: 80px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 9, scss/modules/_mobile-footer.scss */
  footer div.sep-line:nth-last-child(3) {
    display: none;
  }
  /* line 12, scss/modules/_mobile-footer.scss */
  footer div.sep-line {
    -moz-background-size: 100% 2px;
    -o-background-size: 100% 2px;
    -webkit-background-size: 100% 2px;
    background-size: 100% 2px;
    height: 2px;
    margin: 50px 0 20px 0;
  }
  /* line 18, scss/modules/_mobile-footer.scss */
  footer .footer-links {
    display: none;
  }
  /* line 21, scss/modules/_mobile-footer.scss */
  footer div.footer-icons {
    position: relative;
    padding: 0;
  }
  /* line 25, scss/modules/_mobile-footer.scss */
  footer .footer-icon {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 38px;
  }
  /* line 28, scss/modules/_mobile-footer.scss */
  footer .footer-icon div {
    padding: 0;
    color: #a0a0a0;
  }
  /* line 33, scss/modules/_mobile-footer.scss */
  footer .footer-icon a {
    width: 64px;
    margin-left: auto;
    margin-right: auto;
    height: 64px;
  }
  /* line 40, scss/modules/_mobile-footer.scss */
  footer .footer-icon a {
    background-position-x: center !important;
  }
}
@media print and (max-width: 640px), (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.25), (max-width: 640px) and (-o-min-device-pixel-ratio: 5 / 4), (max-width: 640px) and (min-resolution: 120dpi) {
  /* line 44, scss/modules/_mobile-footer.scss */
  footer .footer-icon a {
    -moz-background-size: 64px 61px !important;
    -o-background-size: 64px 61px !important;
    -webkit-background-size: 64px 61px !important;
    background-size: 64px 61px !important;
    width: 69px;
    height: 61px;
  }
  /* line 49, scss/modules/_mobile-footer.scss */
  footer .footer-icon a.search, footer .footer-icon a.search:hover {
    background: url("/web/images/retina/footer-search@2x.png") top center no-repeat;
  }
  /* line 52, scss/modules/_mobile-footer.scss */
  footer .footer-icon a.phone, footer .footer-icon a.phone:hover {
    background: url("/web/images/retina/footer-phone@2x.png") top center no-repeat;
  }
  /* line 55, scss/modules/_mobile-footer.scss */
  footer .footer-icon a.mail, footer .footer-icon a.mail:hover {
    background: url("/web/images/retina/footer-mail@2x.png") top center no-repeat;
  }
  /* line 58, scss/modules/_mobile-footer.scss */
  footer .footer-icon a.prof, footer .footer-icon a.prof:hover {
    background: url("/web/images/retina/footer-prof@2x.png") top center no-repeat;
  }
  /* line 62, scss/modules/_mobile-footer.scss */
  footer .footer-icon a:active {
    margin-top: 2px;
    margin-bottom: -2px;
  }
}
@media (max-width: 640px) {
  /* line 67, scss/modules/_mobile-footer.scss */
  footer .footer-icon a:active {
    margin-top: 2px;
    margin-bottom: -2px;
  }
  /* line 73, scss/modules/_mobile-footer.scss */
  footer .footer-icon h2 {
    padding: 0;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 3px;
  }
  /* line 80, scss/modules/_mobile-footer.scss */
  footer .footer-icon span {
    font-size: 16px;
    line-height: 21px;
    max-width: inherit;
    font-weight: normal;
    color: #a0a0a0;
    padding: 0 48px;
  }
  /* line 88, scss/modules/_mobile-footer.scss */
  footer .footer-icon div.professional {
    padding-left: 0;
    width: auto;
  }
  /* line 92, scss/modules/_mobile-footer.scss */
  footer .footer-icon div.store-finder {
    width: 240px;
    margin: 0 auto;
  }
  /* line 95, scss/modules/_mobile-footer.scss */
  footer .footer-icon div.store-finder h2 {
    padding: 0;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 3px;
  }
  /* line 101, scss/modules/_mobile-footer.scss */
  footer .footer-icon div.store-finder #searchbox {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    position: relative;
  }
  /* line 109, scss/modules/_mobile-footer.scss */
  footer .footer-icon div.store-finder button.finder-button {
    top: 14px;
    right: 0;
    margin-right: 10px;
    background: url("/web/images/retina/input-chevron-right-green@2x.png") 0 0 no-repeat;
    -moz-background-size: 7px 11px;
    -o-background-size: 7px 11px;
    -webkit-background-size: 7px 11px;
    background-size: 7px 11px;
  }
}
@media print and (max-width: 640px), (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.25), (max-width: 640px) and (-o-min-device-pixel-ratio: 5 / 4), (max-width: 640px) and (min-resolution: 120dpi) {
  /* line 109, scss/modules/_mobile-footer.scss */
  footer .footer-icon div.store-finder button.finder-button {
    background: url("/web/images/retina/input-chevron-right-green@2x.png") 0 0 no-repeat;
    -moz-background-size: 7px 11px;
    -o-background-size: 7px 11px;
    -webkit-background-size: 7px 11px;
    background-size: 7px 11px;
  }
}
@media (max-width: 640px) {
  /* line 123, scss/modules/_mobile-footer.scss */
  footer .footer-icon.isHidden {
    display: block;
  }
  /* line 127, scss/modules/_mobile-footer.scss */
  footer .footer-icon:nth-of-type(4) {
    display: none;
  }
  /* line 133, scss/modules/_mobile-footer.scss */
  footer div.akzonobel a {
    background: url("/web/images/retina/akzonobel-logo@2x.png") 0 0 no-repeat;
    -moz-background-size: 86px 24px;
    -o-background-size: 86px 24px;
    -webkit-background-size: 86px 24px;
    background-size: 86px 24px;
  }

  /* line 139, scss/modules/_mobile-footer.scss */
  div.grass {
    display: none;
    -moz-background-size: 77px 48px;
    -o-background-size: 77px 48px;
    -webkit-background-size: 77px 48px;
    background-size: 77px 48px;
    height: 48px;
    width: 100%;
  }
}
@media (max-width: 640px) {
  /* line 2, scss/modules/_mobile-buttons.scss */
  .swiper-slide .swiper-content .slide-info-wrap .slide-info .button, .swiper-container.sub .swiper-slide .swiper-content .button, a.arrow-link, body.sheds .sheds-colour-selector .colour-selector-copy a, body#product .colorpicker-image-mobile .button {
    -moz-box-shadow: -1px 0 3px #999999;
    -webkit-box-shadow: -1px 0 3px #999999;
    box-shadow: -1px 0 3px #999999;
    position: relative;
    display: inline-block;
    padding: 0 26px 0 12px;
    width: auto;
    height: 24px;
    border: none;
    background: url("/web/images/_new_images/bg-button.png") 0 0 repeat-x;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
  }
  /* line 16, scss/modules/_mobile-buttons.scss */
  .swiper-slide .swiper-content .slide-info-wrap .slide-info .button:hover, .swiper-container.sub .swiper-slide .swiper-content .button:hover, a.arrow-link:hover, body.sheds .sheds-colour-selector .colour-selector-copy a:hover, body#product .colorpicker-image-mobile .button:hover {
    color: #fff;
  }
  /* line 19, scss/modules/_mobile-buttons.scss */
  .swiper-slide .swiper-content .slide-info-wrap .slide-info .button:after, .swiper-container.sub .swiper-slide .swiper-content .button:after, a.arrow-link:after, body.sheds .sheds-colour-selector .colour-selector-copy a:after, body#product .colorpicker-image-mobile .button:after {
    position: absolute;
    top: 7px;
    right: 0;
    margin-right: 10px;
    width: 7px;
    height: 11px;
    background: url("/web/images/retina/button-chevron-right@2x.png") center no-repeat;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%;
    content: "";
  }
  /* line 30, scss/modules/_mobile-buttons.scss */
  .swiper-slide .swiper-content .slide-info-wrap .slide-info .button:active, .swiper-container.sub .swiper-slide .swiper-content .button:active, a.arrow-link:active, body.sheds .sheds-colour-selector .colour-selector-copy a:active, body#product .colorpicker-image-mobile .button:active {
    top: 2px;
  }
}
/* line 32, scss/modules/_mobile-spinners.scss */
.mobile__spinner {
  border: 2px solid #fff;
  font-size: 20px;
  width: 1em;
  height: 1em;
  border-radius: .5em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top-color: #318d2e;
}

@-webkit-keyframes spin {
  to {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  to {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  to {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Color Picker */
/* line 4, scss/modules/_colour-selector.scss */
#color-picker {
  background: url(/web/images/_new_images/zig-zag-yellow-top.png) top left repeat-x, url(/web/images/_new_images/zig-zag-yellow-top.png) bottom left repeat-x, #FBFAF0;
  padding: 40px;
  margin: -40px;
}

/* line 10, scss/modules/_colour-selector.scss */
#color-picker-margin {
  background: #FBFAF0;
  padding: 0;
  margin: 40px;
}

/* Color Picker - Header */
/* line 17, scss/modules/_colour-selector.scss */
#color-picker-header {
  min-height: 75px;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e4 99%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e4 99%);
  background: linear-gradient(to bottom, #ffffff 0%, #e5e5e4 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e4',GradientType=0 );
  margin-top: 20px;
}

/* line 27, scss/modules/_colour-selector.scss */
#categories {
  list-style: none;
  height: 100%;
  padding: 0;
  margin: 0;
  text-align: center;
}

/* line 39, scss/modules/_colour-selector.scss */
.category {
  display: inline-block;
  vertical-align: middle;
  width: 19%;
  margin: auto;
  margin-top: 10px;
  color: black;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  cursor: hand;
}

/* line 56, scss/modules/_colour-selector.scss */
.category-selected .category-icon {
  width: 30px;
  height: 30px;
  margin: auto;
  margin-bottom: 10px;
}

/* line 63, scss/modules/_colour-selector.scss */
.category-icon {
  width: 20px;
  height: 20px;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 72, scss/modules/_colour-selector.scss */
#category-icon-neutral {
  background: #C69C6D;
}

/* line 76, scss/modules/_colour-selector.scss */
#category-icon-red-pink {
  background: #F96A6A;
}

/* line 80, scss/modules/_colour-selector.scss */
#category-icon-orange-yellow {
  background: #ECB634;
}

/* line 84, scss/modules/_colour-selector.scss */
#category-icon-green-lime {
  background: #72B260;
}

/* line 88, scss/modules/_colour-selector.scss */
#category-icon-blue-violet {
  background: #5968BF;
}

/* line 92, scss/modules/_colour-selector.scss */
.category-name {
  margin: auto;
  margin-top: 10px;
  z-index: 1000;
}

/* Color Picker - Content */
/* line 101, scss/modules/_colour-selector.scss */
#color-picker-content {
  padding: 20px;
  background-color: #ffffff;
}

/* line 106, scss/modules/_colour-selector.scss */
#color-picker-second-title {
  padding-top: 20px;
}

/* line 110, scss/modules/_colour-selector.scss */
.color-picker-swatches {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 116, scss/modules/_colour-selector.scss */
.color-picker-swatch {
  display: inline-block;
  vertical-align: middle;
  width: 130px;
  height: 50px;
  margin-right: 10px;
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 15px;
}

/* line 132, scss/modules/_colour-selector.scss */
.color-picker-swatch a {
  display: block;
  width: 100%;
  height: 100%;
  margin-left: 5px;
  color: #ffffff;
  line-height: 5.5;
}

/* line 144, scss/modules/_colour-selector.scss */
.color-picker-swatch--white {
  color: #ffffff;
}

/* line 148, scss/modules/_colour-selector.scss */
.color-picker-swatch--black {
  color: black;
}

/* line 152, scss/modules/_colour-selector.scss */
.color-picker-swatch img {
  width: 100%;
  z-index: 4;
}

/* line 157, scss/modules/_colour-selector.scss */
.color-picker-swatch:hover {
  -webkit-box-shadow: inset 0px 0px 0px 3px #ffffff;
  -moz-box-shadow: inset 0px 0px 0px 3px #ffffff;
  box-shadow: inset 0px 0px 0px 3px #ffffff;
}

/* Color Picker - Footer */
/* line 164, scss/modules/_colour-selector.scss */
#color-picker-footer {
  margin-top: 10px;
  text-align: right;
  color: #2e862b;
  font-size: 16px;
}

/* Color Picker - Buy A Product */
/* line 172, scss/modules/_colour-selector.scss */
#buy-product {
  display: none;
  width: 100%;
  margin: 20px;
}

/* line 178, scss/modules/_colour-selector.scss */
#buy-product-swatch {
  width: 100%;
  height: auto;
  width: auto;
  margin: 50px;
  margin-bottom: 30px;
  padding: 30px;
  color: #ffffff;
}

/* line 190, scss/modules/_colour-selector.scss */
#buy-product-tip {
  position: absolute;
  background: red;
  top: 0px;
  left: 0px;
  width: 71px;
  height: 31px;
  background: url("tip-new.png") 0 0 no-repeat;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Color Selector - Desktop */
/* line 204, scss/modules/_colour-selector.scss */
#color-selector-header-mobile {
  display: none;
}

/* line 208, scss/modules/_colour-selector.scss */
#color-selector {
  border: 1px solid #bebebe;
}

/* Color Selector - Desktop - Header */
/* line 213, scss/modules/_colour-selector.scss */
#color-selector-header {
  height: 30px;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e4 99%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e4 99%);
  background: linear-gradient(to bottom, #ffffff 0%, #e5e5e4 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e4',GradientType=0 );
  border-bottom: 1px solid #bebebe;
}

/* line 224, scss/modules/_colour-selector.scss */
#color-selector-dropdown-text {
  display: inline-block;
  width: 35%;
  margin: 0;
  padding-left: 10px;
  font-size: 15px;
  line-height: 30px;
}

/* line 236, scss/modules/_colour-selector.scss */
#color-selector-dropdown-choice {
  display: inline-block;
  width: 47%;
  height: 100%;
  padding-left: 5px;
  font-size: 15px;
  line-height: 30px;
}

/* line 248, scss/modules/_colour-selector.scss */
#color-selector-dropdown-button {
  width: 59%;
  height: 100%;
}

/* line 253, scss/modules/_colour-selector.scss */
.color-selector-dropdown-arrow {
  width: 30px;
  height: 100%;
  float: right;
  background: #318D2E;
  background: #2a8027 url("/web/images/_new_images/widget-arrow-active.png") no-repeat center;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* line 267, scss/modules/_colour-selector.scss */
.color-selector-dropdown-arrow-selected {
  width: 30px;
  height: 100%;
  display: inline;
  float: right;
  background: #318D2E;
  background: #2a8027 url("/web/images/_new_images/widget-arrow-active.png") no-repeat center;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  z-index: 100;
}

/* line 283, scss/modules/_colour-selector.scss */
#color-selector-dropdown {
  display: none;
  position: absolute;
  width: 180px;
  right: 0;
}

/* line 292, scss/modules/_colour-selector.scss */
.color-selector-category-active {
  display: none;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
}

/* line 302, scss/modules/_colour-selector.scss */
.color-selector-category-name {
  width: 165px;
  height: 30px;
  margin: auto;
  padding: 5px;
  font-size: 16px;
  color: #318D2E;
}

/* line 315, scss/modules/_colour-selector.scss */
#color-selector-dropdown-categories {
  list-style: none;
  margin: 0;
  padding: 10px 0 0 10px;
  border: 1px solid #bebebe;
  border-top: none;
  background: #fff;
  padding: 10px 0 0 10px;
  position: relative;
  z-index: 1000;
}

/* Color Selector - Mobile - Header */
/* line 330, scss/modules/_colour-selector.scss */
#color-selector-header-mobile {
  display: none;
  height: 120px;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e4 99%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e4 99%);
  background: linear-gradient(to bottom, #ffffff 0%, #e5e5e4 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e4',GradientType=0 );
  border-top: 2px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  text-align: center;
}

/* line 345, scss/modules/_colour-selector.scss */
.color-selector-mobile-category-active {
  background: #e5e5e4;
  background: -moz-linear-gradient(top, #e5e5e4 0%, #ffffff 99%);
  background: -webkit-linear-gradient(top, #e5e5e4 0%, #ffffff 99%);
  background: linear-gradient(to bottom, #e5e5e4 0%, #ffffff 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e4', endColorstr='#ffffff',GradientType=0 );
}

/* line 353, scss/modules/_colour-selector.scss */
.color-selector-mobile-category {
  display: inline-block;
  width: 18%;
  height: 100%;
  padding: 0;
  margin: 0;
  padding-top: 10px;
  text-align: center;
  vertical-align: middle;
}

/* line 369, scss/modules/_colour-selector.scss */
.color-selector-mobile-category a {
  width: 90%;
  height: 100%;
  display: inline-block;
  text-align: center;
  padding: 0;
}

/* line 378, scss/modules/_colour-selector.scss */
.color-selector-mobile-category-name {
  display: block;
  margin-top: 10px;
  color: black;
  font-size: 14px;
}

/* line 387, scss/modules/_colour-selector.scss */
.category-icon-mobile {
  width: 40px;
  height: 40px;
  padding: 5px;
  margin-bottom: 8px;
  margin: auto;
}

/* line 396, scss/modules/_colour-selector.scss */
#color-selector-mobile-categories {
  list-style: none;
  height: 100%;
  padding: 0;
  margin: 0;
}

@media all and (max-width: 640px) {
  /* line 406, scss/modules/_colour-selector.scss */
  #color-selector {
    border: none;
  }

  /* line 410, scss/modules/_colour-selector.scss */
  #color-selector-header {
    display: none;
  }

  /* line 414, scss/modules/_colour-selector.scss */
  #color-selector-header-mobile {
    display: block;
  }

  /* line 418, scss/modules/_colour-selector.scss */
  #color-selector-content {
    display: none;
    padding: 10px;
    background: #ffffff;
  }

  /* line 424, scss/modules/_colour-selector.scss */
  .color-selector-swatch {
    display: inline-block;
    position: relative;
    width: 175px;
    height: 60px;
    margin-right: 5px;
    margin-bottom: 5px;
    color: #ffffff;
    font-size: 15px;
    cursor: pointer;
    cursor: hand;
  }

  /* line 443, scss/modules/_colour-selector.scss */
  #color-selector-dropdown-categories {
    display: none;
  }
}
@media all and (min-width: 641px) {
  /* line 450, scss/modules/_colour-selector.scss */
  .color-selector-swatch {
    display: inline-block;
    width: 80px;
    height: 40px;
    margin-right: 3px;
    margin-bottom: 5px;
    font-size: 14px;
    cursor: pointer;
    cursor: hand;
    position: relative;
    z-index: 1;
  }
  /* line 467, scss/modules/_colour-selector.scss */
  .color-selector-swatch p {
    vertical-align: bottom;
  }

  /* line 472, scss/modules/_colour-selector.scss */
  #color-selector-content {
    padding: 10px;
    display: block;
  }
}
/* Color Selector - Desktop - Content */
/* line 479, scss/modules/_colour-selector.scss */
.color-selector-swatches {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  display: none;
}

/* line 488, scss/modules/_colour-selector.scss */
.ready-mixed-active {
  display: block;
}

/* line 492, scss/modules/_colour-selector.scss */
.colour-mixing-active {
  display: block;
}

/* line 496, scss/modules/_colour-selector.scss */
.color-selector-swatch:hover {
  -webkit-box-shadow: inset 0px 0px 0px 2px #ffffff;
  -moz-box-shadow: inset 0px 0px 0px 2px #ffffff;
  box-shadow: inset 0px 0px 0px 2px #ffffff;
  cursor: pointer;
  cursor: hand;
}

/* line 504, scss/modules/_colour-selector.scss */
.color-selector-swatch-active {
  -webkit-box-shadow: inset 0px 0px 0px 2px #ffffff;
  -moz-box-shadow: inset 0px 0px 0px 2px #ffffff;
  box-shadow: inset 0px 0px 0px 2px #ffffff;
}

/* line 510, scss/modules/_colour-selector.scss */
.color-selector-swatch-name {
  margin-left: 5px;
  margin-bottom: 2px;
  margin-right: 2px;
  font-size: 11px;
  color: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
}

/* line 522, scss/modules/_colour-selector.scss */
.color-selector-swatch-name-black {
  color: black;
}

/* line 526, scss/modules/_colour-selector.scss */
.colourSelectoAvailableIn a img:hover {
  border: 8px solid #dedede;
}

/* line 530, scss/modules/_colour-selector.scss */
.expanded {
  padding: 3px;
  box-shadow: 0 2.5px 0 0 #EBEBEB inset;
}

/* line 535, scss/modules/_colour-selector.scss */
.colour-preview .color-selector-swatch {
  z-index: 1;
}

/* line 539, scss/modules/_colour-selector.scss */
.colour-preview .color-selector-swatch:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
  pointer: default;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* line 554, scss/modules/_colour-selector.scss */
.product-details-shed {
  width: 100%;
}
/* line 558, scss/modules/_colour-selector.scss */
.product-details-shed #color-picker-margin {
  background: #ffffff;
}
/* line 562, scss/modules/_colour-selector.scss */
.product-details-shed #categories {
  min-height: 79px;
}
/* line 566, scss/modules/_colour-selector.scss */
.product-details-shed #categories .category {
  width: 16%;
  vertical-align: bottom;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
}
/* line 578, scss/modules/_colour-selector.scss */
.product-details-shed .category-name {
  margin: 0;
}
/* line 582, scss/modules/_colour-selector.scss */
.product-details-shed .category-selected .category-icon {
  margin-top: 10px;
}
/* line 588, scss/modules/_colour-selector.scss */
.product-details-shed #color-picker-content h2 {
  margin-top: 0 !important;
}
/* line 596, scss/modules/_colour-selector.scss */
.product-details-shed .color-picker-swatches .expanded {
  width: 835px;
  margin: 0;
  top: 0;
  margin-bottom: 15px;
}
/* line 608, scss/modules/_colour-selector.scss */
.product-details-shed .product-colour .colour-overlay {
  left: 470px;
  width: 410px !important;
  height: 305px !important;
}
/* line 617, scss/modules/_colour-selector.scss */
.product-details-shed .color-picker-swatches .product-colour .colour-overlay {
  left: 0;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* mobile version of colour picker like on sheds/index */
@media (max-width: 640px) {
  /* line 634, scss/modules/_colour-selector.scss */
  #color-picker {
    width: 100%;
    padding-right: 0px;
  }
  /* line 641, scss/modules/_colour-selector.scss */
  #color-picker .color-picker-swatches .basket-container {
    width: 100%;
    padding-left: 0;
  }
  /* line 647, scss/modules/_colour-selector.scss */
  #color-picker .left {
    float: none;
  }
  /* line 651, scss/modules/_colour-selector.scss */
  #color-picker .right {
    width: 100%;
    float: none;
    margin-left: 0;
    padding-left: 0;
  }
  /* line 659, scss/modules/_colour-selector.scss */
  #color-picker .product-colour {
    padding-left: 0;
    width: 100%;
  }
  /* line 662, scss/modules/_colour-selector.scss */
  #color-picker .product-colour h2 {
    padding-left: 15px;
    margin-left: 15px;
  }
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Swatches */
/* line 676, scss/modules/_colour-selector.scss */
.black-ash {
  background-image: url("/web/images/_new_images/last_swatches/BlackAsh.jpg");
}

/* line 680, scss/modules/_colour-selector.scss */
.silver-birch {
  background-image: url("/web/images/_new_images/last_swatches/SilverBirch.jpg");
}

/* line 684, scss/modules/_colour-selector.scss */
.urban-slate {
  background-image: url("/web/images/_new_images/last_swatches/UrbanSlate.jpg");
}

/* line 688, scss/modules/_colour-selector.scss */
.dusky-gem {
  background-image: url("/web/images/_new_images/last_swatches/DuskyGem.jpg");
}

/* line 692, scss/modules/_colour-selector.scss */
.country-cream {
  background-image: url("/web/images/_new_images/last_swatches/CountryCream.jpg");
}

/* line 696, scss/modules/_colour-selector.scss */
.natural-stone {
  background-image: url("/web/images/_new_images/last_swatches/NaturalStone.jpg");
}

/* line 700, scss/modules/_colour-selector.scss */
.pale-jasmine {
  background-image: url("/web/images/_new_images/last_swatches/PaleJasmine.jpg");
}

/* line 704, scss/modules/_colour-selector.scss */
.white-daisy {
  background-image: url("/web/images/_new_images/last_swatches/WhiteDaisy.jpg");
}

/* line 708, scss/modules/_colour-selector.scss */
.seasoned-oak {
  background-image: url("/web/images/_new_images/last_swatches/SeasonedOak.jpg");
}

/* line 712, scss/modules/_colour-selector.scss */
.forest-mushroom {
  background-image: url("/web/images/_new_images/last_swatches/ForestMushroom.jpg");
}

/* line 716, scss/modules/_colour-selector.scss */
.muted-clay {
  background-image: url("/web/images/_new_images/last_swatches/MutedClay.jpg");
}

/* line 720, scss/modules/_colour-selector.scss */
.forest-pine {
  background-image: url("/web/images/_new_images/last_swatches/ForestPine.jpg");
}

/* line 724, scss/modules/_colour-selector.scss */
.pebble-trail {
  background-image: url("/web/images/_new_images/last_swatches/PebbleTrail.jpg");
}

/* line 728, scss/modules/_colour-selector.scss */
.malted-barley {
  background-image: url("/web/images/_new_images/last_swatches/MaltedBarley.jpg");
}

/* line 732, scss/modules/_colour-selector.scss */
.clouded-dawn {
  background-image: url("/web/images/_new_images/last_swatches/CloudedDawn.jpg");
}

/* line 736, scss/modules/_colour-selector.scss */
.cool-marble {
  background-image: url("/web/images/_new_images/last_swatches/CoolMarble.jpg");
}

/* line 740, scss/modules/_colour-selector.scss */
.frosted-glass {
  background-image: url("/web/images/_new_images/last_swatches/FrostedGlass.jpg");
}

/* line 744, scss/modules/_colour-selector.scss */
.summer-breeze {
  background-image: url("/web/images/_new_images/last_swatches/SummerBreeze.jpg");
}

/* line 748, scss/modules/_colour-selector.scss */
.sandy-shell {
  background-image: url("/web/images/_new_images/last_swatches/SandyShell.jpg");
}

/* line 752, scss/modules/_colour-selector.scss */
.smooth-pebble {
  background-image: url("/web/images/_new_images/last_swatches/SmoothPebble.jpg");
}

/* line 756, scss/modules/_colour-selector.scss */
.ground-nutmeg {
  background-image: url("/web/images/_new_images/last_swatches/GroundNutmeg.jpg");
}

/* line 760, scss/modules/_colour-selector.scss */
.woodland-mink {
  background-image: url("/web/images/_new_images/last_swatches/WoodlandMink.jpg");
}

/* line 764, scss/modules/_colour-selector.scss */
.warm-foilage {
  background-image: url("/web/images/_new_images/last_swatches/WarmFoilage.jpg");
}

/* line 768, scss/modules/_colour-selector.scss */
.warm-almond {
  background-image: url("/web/images/_new_images/last_swatches/WarmAlmond.jpg");
}

/* line 772, scss/modules/_colour-selector.scss */
.warm-flax {
  background-image: url("/web/images/_new_images/last_swatches/WarmFlax.jpg");
}

/* line 776, scss/modules/_colour-selector.scss */
.summer-damson {
  background-image: url("/web/images/_new_images/last_swatches/SummerDamson.jpg");
}

/* line 780, scss/modules/_colour-selector.scss */
.sweet-sundae {
  background-image: url("/web/images/_new_images/last_swatches/SweetSundae.jpg");
}

/* line 784, scss/modules/_colour-selector.scss */
.rich-berry {
  background-image: url("/web/images/_new_images/last_swatches/RichBerry.jpg");
}

/* line 788, scss/modules/_colour-selector.scss */
.pink-honeysuckle {
  background-image: url("/web/images/_new_images/last_swatches/PinkHoneysuckle.jpg");
}

/* line 792, scss/modules/_colour-selector.scss */
.deep-russet {
  background-image: url("/web/images/_new_images/last_swatches/DeepRusset.jpg");
}

/* line 796, scss/modules/_colour-selector.scss */
.sweet-pea {
  background-image: url("/web/images/_new_images/last_swatches/SweetPea.jpg");
}

/* line 800, scss/modules/_colour-selector.scss */
.terracotta {
  background-image: url("/web/images/_new_images/last_swatches/Terracotta.jpg");
}

/* line 804, scss/modules/_colour-selector.scss */
.rustic-brick {
  background-image: url("/web/images/_new_images/last_swatches/RusticBrick.jpg");
}

/* line 808, scss/modules/_colour-selector.scss */
.raspberry-sorbet {
  background-image: url("/web/images/_new_images/last_swatches/RaspberrySorbet.jpg");
}

/* line 812, scss/modules/_colour-selector.scss */
.crushed-chilli {
  background-image: url("/web/images/_new_images/last_swatches/CrushedChilli.jpg");
}

/* line 816, scss/modules/_colour-selector.scss */
.berry-kiss {
  background-image: url("/web/images/_new_images/last_swatches/BerryKiss.jpg");
}

/* line 820, scss/modules/_colour-selector.scss */
.rhubarb-compote {
  background-image: url("/web/images/_new_images/last_swatches/RhubarbCompote.jpg");
}

/* line 824, scss/modules/_colour-selector.scss */
.porcelain-doll {
  background-image: url("/web/images/_new_images/last_swatches/PorcelainDoll.jpg");
}

/* line 828, scss/modules/_colour-selector.scss */
.coral-splash {
  background-image: url("/web/images/_new_images/last_swatches/CoralSplash.jpg");
}

/* line 832, scss/modules/_colour-selector.scss */
.honey-mango {
  background-image: url("/web/images/_new_images/last_swatches/HoneyMango.jpg");
}

/* line 836, scss/modules/_colour-selector.scss */
.dazzling-yellow {
  background-image: url("/web/images/_new_images/last_swatches/DazzlingYellow.jpg");
}

/* line 840, scss/modules/_colour-selector.scss */
.buttercup-blast {
  background-image: url("/web/images/_new_images/last_swatches/ButtercupBlast.jpg");
}

/* line 844, scss/modules/_colour-selector.scss */
.pollen-yellow {
  background-image: url("/web/images/_new_images/last_swatches/PollenYellow.jpg");
}

/* line 848, scss/modules/_colour-selector.scss */
.lemon-slice {
  background-image: url("/web/images/_new_images/last_swatches/LemonSlice.jpg");
}

/* line 852, scss/modules/_colour-selector.scss */
.spring-shoots {
  background-image: url("/web/images/_new_images/last_swatches/SpringShoots.jpg");
}

/* line 856, scss/modules/_colour-selector.scss */
.wild-thyme {
  background-image: url("/web/images/_new_images/last_swatches/WildThyme.jpg");
}

/* line 860, scss/modules/_colour-selector.scss */
.somerset-green {
  background-image: url("/web/images/_new_images/last_swatches/SomersetGreen.jpg");
}

/* line 864, scss/modules/_colour-selector.scss */
.willow {
  background-image: url("/web/images/_new_images/last_swatches/Willow.jpg");
}

/* line 868, scss/modules/_colour-selector.scss */
.old-english-green {
  background-image: url("/web/images/_new_images/last_swatches/OldEnglishGreen.jpg");
}

/* line 872, scss/modules/_colour-selector.scss */
.seagrass {
  background-image: url("/web/images/_new_images/last_swatches/Seagrass.jpg");
}

/* line 876, scss/modules/_colour-selector.scss */
.sage {
  background-image: url("/web/images/_new_images/last_swatches/Sage.jpg");
}

/* line 880, scss/modules/_colour-selector.scss */
.fresh-rosemary {
  background-image: url("/web/images/_new_images/last_swatches/FreshRosemary.jpg");
}

/* line 884, scss/modules/_colour-selector.scss */
.olive-garden {
  background-image: url("/web/images/_new_images/last_swatches/Olivegarden.jpg");
}

/* line 888, scss/modules/_colour-selector.scss */
.sunny-lime {
  background-image: url("/web/images/_new_images/last_swatches/SunnyLime.jpg");
}

/* line 892, scss/modules/_colour-selector.scss */
.gated-forest {
  background-image: url("/web/images/_new_images/last_swatches/GatedForest.jpg");
}

/* line 896, scss/modules/_colour-selector.scss */
.shaded-glen {
  background-image: url("/web/images/_new_images/last_swatches/ShadedGlen.jpg");
}

/* line 900, scss/modules/_colour-selector.scss */
.emerald-stone {
  background-image: url("/web/images/_new_images/last_swatches/EmeraldStone.jpg");
}

/* line 904, scss/modules/_colour-selector.scss */
.wild-eucalyptus {
  background-image: url("/web/images/_new_images/last_swatches/WildEucalyptus.jpg");
}

/* line 908, scss/modules/_colour-selector.scss */
.mediterranean-glaze {
  background-image: url("/web/images/_new_images/last_swatches/MediterraneanGlaze.jpg");
}

/* line 912, scss/modules/_colour-selector.scss */
.misty-lawn {
  background-image: url("/web/images/_new_images/last_swatches/MistyLawn.jpg");
}

/* line 916, scss/modules/_colour-selector.scss */
.emerald-slate {
  background-image: url("/web/images/_new_images/last_swatches/EmeraldSlate.jpg");
}

/* line 920, scss/modules/_colour-selector.scss */
.highland-marsh {
  background-image: url("/web/images/_new_images/last_swatches/HighlandMarsh.jpg");
}

/* line 924, scss/modules/_colour-selector.scss */
.green-orchid {
  background-image: url("/web/images/_new_images/last_swatches/GreenOrchid.jpg");
}

/* line 928, scss/modules/_colour-selector.scss */
.juicy-grape {
  background-image: url("/web/images/_new_images/last_swatches/JuicyGrape.jpg");
}

/* line 932, scss/modules/_colour-selector.scss */
.jungle-lagoon {
  background-image: url("/web/images/_new_images/last_swatches/JungleLagoon.jpg");
}

/* line 936, scss/modules/_colour-selector.scss */
.zingy-lime {
  background-image: url("/web/images/_new_images/last_swatches/ZingyLime.jpg");
}

/* line 940, scss/modules/_colour-selector.scss */
.mellow-moss {
  background-image: url("/web/images/_new_images/last_swatches/MellowMoss.jpg");
}

/* line 944, scss/modules/_colour-selector.scss */
.fresh-pea {
  background-image: url("/web/images/_new_images/last_swatches/FreshPea.jpg");
}

/* line 948, scss/modules/_colour-selector.scss */
.first-leaves {
  background-image: url("/web/images/_new_images/last_swatches/FirstLeaves.jpg");
}

/* line 952, scss/modules/_colour-selector.scss */
.fresh-daisy {
  background-image: url("/web/images/_new_images/last_swatches/FreshDaisy.jpg");
}

/* line 956, scss/modules/_colour-selector.scss */
.iris {
  background-image: url("/web/images/_new_images/last_swatches/Iris.jpg");
}

/* line 960, scss/modules/_colour-selector.scss */
.lavender {
  background-image: url("/web/images/_new_images/last_swatches/Lavender.jpg");
}

/* line 964, scss/modules/_colour-selector.scss */
.barleywood {
  background-image: url("/web/images/_new_images/last_swatches/Barleywood.jpg");
}

/* line 968, scss/modules/_colour-selector.scss */
.purple-pansy {
  background-image: url("/web/images/_new_images/last_swatches/PurplePansy.jpg");
}

/* line 972, scss/modules/_colour-selector.scss */
.forget-me-not {
  background-image: url("/web/images/_new_images/last_swatches/ForgetMeNot.jpg");
}

/* line 976, scss/modules/_colour-selector.scss */
.beaumont-blue {
  background-image: url("/web/images/_new_images/last_swatches/BeaumontBlue.jpg");
}

/* line 980, scss/modules/_colour-selector.scss */
.beach-blue {
  background-image: url("/web/images/_new_images/last_swatches/BeachBlue.jpg");
}

/* line 984, scss/modules/_colour-selector.scss */
.coastal-mist {
  background-image: url("/web/images/_new_images/last_swatches/CoastalMist.jpg");
}

/* line 988, scss/modules/_colour-selector.scss */
.inky-stone {
  background-image: url("/web/images/_new_images/last_swatches/InkyStone.jpg");
}

/* line 992, scss/modules/_colour-selector.scss */
.purple-slate {
  background-image: url("/web/images/_new_images/last_swatches/PurpleSlate.jpg");
}

/* line 996, scss/modules/_colour-selector.scss */
.royal-peacock {
  background-image: url("/web/images/_new_images/last_swatches/RoyalPeacock.jpg");
}

/* line 1000, scss/modules/_colour-selector.scss */
.blue-slate {
  background-image: url("/web/images/_new_images/last_swatches/BlueSlate.jpg");
}

/* line 1004, scss/modules/_colour-selector.scss */
.sweet-blueberry {
  background-image: url("/web/images/_new_images/last_swatches/SweetBlueberry.jpg");
}

/* line 1008, scss/modules/_colour-selector.scss */
.misty-lake {
  background-image: url("/web/images/_new_images/last_swatches/MistyLake.jpg");
}

/* line 1012, scss/modules/_colour-selector.scss */
.ocean-sapphire {
  background-image: url("/web/images/_new_images/last_swatches/OceanSapphire.jpg");
}

/* line 1016, scss/modules/_colour-selector.scss */
.winters-well {
  background-image: url("/web/images/_new_images/last_swatches/WintersWell.jpg");
}

/* line 1020, scss/modules/_colour-selector.scss */
.sky-reflection {
  background-image: url("/web/images/_new_images/last_swatches/skyReflection.jpg");
}

/* line 1024, scss/modules/_colour-selector.scss */
.morning-breeze {
  background-image: url("/web/images/_new_images/last_swatches/MorningBreeze.jpg");
}

/* line 1028, scss/modules/_colour-selector.scss */
.winters-night {
  background-image: url("/web/images/_new_images/last_swatches/WintersNight.jpg");
}

/* line 1032, scss/modules/_colour-selector.scss */
.pale-thistle {
  background-image: url("/web/images/_new_images/last_swatches/PaleThistle.jpg");
}

@media (max-width: 640px) {
  /* line 3, scss/views/_mobile-home.scss */
  .home .leafs, .home .desktop__header, .home .find, .home .left-shadow, .home .right-shadow, .home .shadow, .home .border-mask, .home #carousel, .home .caroufredsel_wrapper {
    display: none !important;
    background: none !important;
  }
  /* line 8, scss/views/_mobile-home.scss */
  .home div.slide {
    background: none !important;
  }
  /* line 12, scss/views/_mobile-home.scss */
  .home div.homepage h1 {
    margin: 15px 0 14px 20px;
    font-weight: normal;
    font-size: 18px;
    font-family: 'Effra W01 Medium', Arial, sans-serif;
  }
  /* line 18, scss/views/_mobile-home.scss */
  .home div.news {
    margin-top: 20px;
    padding: 0 20px 25px 20px;
  }
  /* line 21, scss/views/_mobile-home.scss */
  .home div.news div.grid_4 .news-header {
    min-height: inherit;
  }
  /* line 23, scss/views/_mobile-home.scss */
  .home div.news div.grid_4 .news-header h3 {
    position: static;
    margin-top: 25px;
    margin-bottom: 15px;
    line-height: 22px;
  }
  /* line 30, scss/views/_mobile-home.scss */
  .home div.news .text {
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
  }
  /* line 35, scss/views/_mobile-home.scss */
  .home div.news .text p {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 21px;
  }
  /* line 41, scss/views/_mobile-home.scss */
  .home div.news img {
    margin-bottom: 5px;
    width: 100%;
    border: none;
  }
  /* line 47, scss/views/_mobile-home.scss */
  .home div.news > div.grid_4:last-child {
    display: none;
  }
  /* line 53, scss/views/_mobile-home.scss */
  .home .swiper-slide.atl {
    background: url("/web/images/home/01_Cuprinol_Mobile_Header_Atl.jpg") no-repeat center top;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 57, scss/views/_mobile-home.scss */
  .home .swiper-slide.atl .slide-info p {
    font-size: 14px !important;
    line-height: 18px !important;
  }
  /* line 62, scss/views/_mobile-home.scss */
  .home .swiper-slide.shedoftheyear {
    background: url("/web/images/home/01_Cuprinol_Mobile_Header_Yearshed.jpg") no-repeat center;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 66, scss/views/_mobile-home.scss */
  .home .swiper-slide.sheds {
    background: url("/web/images/home/01_Cuprinol_Mobile_Header_Yearshed.jpg") no-repeat center;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 70, scss/views/_mobile-home.scss */
  .home .swiper-slide.fences {
    background: url("/web/images/home/01_Cuprinol_Mobile_Header_Fences.jpg") no-repeat center;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 74, scss/views/_mobile-home.scss */
  .home .swiper-slide.decking {
    background: url("/web/images/home/01_Cuprinol_Mobile_Header_Decking.jpg") no-repeat center;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 78, scss/views/_mobile-home.scss */
  .home .swiper-slide.furniture {
    background: url("/web/images/home/01_Cuprinol_Mobile_Header_Furniture.jpg") no-repeat center;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 82, scss/views/_mobile-home.scss */
  .home .swiper-slide.buildings {
    background: url("/web/images/home/01_Cuprinol_Mobile_Header_Buildings.jpg") no-repeat center;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 86, scss/views/_mobile-home.scss */
  .home .swiper-slide.outspiration {
    background: url("/web/images/home/outspiration.jpg") no-repeat center;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 90, scss/views/_mobile-home.scss */
  .home .swiper-slide.sprayandbrush {
    background: url("/web/images/home/sprayandbrush.jpg") no-repeat center;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 94, scss/views/_mobile-home.scss */
  .home .swiper-slide.heartwood {
    background: url("/web/images/home/heartwood.png") no-repeat center;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 98, scss/views/_mobile-home.scss */
  .home .swiper-slide.garden-shades {
    background: url("/web/images/home/garden-shades.png") no-repeat center;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 102, scss/views/_mobile-home.scss */
  .home .swiper-slide.pub {
    background: url("/web/images/home/pub.jpg") no-repeat center;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 106, scss/views/_mobile-home.scss */
  .home .swiper-slide.yearsducksback {
    background: url("/web/images/home/5-years-ducksback-colour-of-the-year-slide-mobile.png") no-repeat center;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 113, scss/views/_mobile-home.scss */
  .home .swiper-container.sub .swiper-slide.sheds {
    background: url("/web/images/_new_images/sections/home/A_Browse_Inspiration_430x305.jpg") no-repeat center;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 117, scss/views/_mobile-home.scss */
  .home .swiper-container.sub .swiper-slide.fences {
    background: url("/web/images/_new_images/sections/home/D_Browse_Inspiration_430x305.jpg") no-repeat center;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 121, scss/views/_mobile-home.scss */
  .home .swiper-container.sub .swiper-slide.decking {
    background: url("/web/images/_new_images/sections/home/B_Browse_Inspiration_430x305.jpg") no-repeat center;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 125, scss/views/_mobile-home.scss */
  .home .swiper-container.sub .swiper-slide.furniture {
    background: url("/web/images/_new_images/sections/home/inspiration_round_table.jpg") no-repeat center;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 129, scss/views/_mobile-home.scss */
  .home .swiper-container.sub .swiper-slide.buildings {
    background: url("/web/images/_new_images/sections/home/E_Browse_Inspiration_430x305.jpg") no-repeat center;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
}
/* line 2, scss/views/_mobile-subpages.scss */
.video-plate-image-mobile, .helpandadvice-image-mobile {
  display: none;
}
/* line 4, scss/views/_mobile-subpages.scss */
.video-plate-image-mobile img, .helpandadvice-image-mobile img {
  display: none;
}

/* line 8, scss/views/_mobile-subpages.scss */
.swiper-header {
  display: none;
}

/* line 12, scss/views/_mobile-subpages.scss */
#helpandadvice h3 {
  text-transform: uppercase;
}

@media (max-width: 640px) {
  /* line 19, scss/views/_mobile-subpages.scss */
  body.sheds .video-plate .video-plate-image-mobile, #helpandadvice .helpandadvice-image-mobile, body.advice .section-intro .grid_3 img {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 177px;
  }
  /* line 24, scss/views/_mobile-subpages.scss */
  body.sheds .video-plate .video-plate-image-mobile img, #helpandadvice .helpandadvice-image-mobile img, body.advice .section-intro .grid_3 img img {
    display: block;
    width: 100%;
    height: auto;
  }

  /* line 31, scss/views/_mobile-subpages.scss */
  body.sheds .video-plate, body.advice .container_12.pb20.pt40.content-wrapper #revive .section-intro {
    background: #fffef2 url("/web/images/_new_images/zig-zag-yellow-top.png") repeat-x top left;
  }
  /* line 33, scss/views/_mobile-subpages.scss */
  body.sheds .video-plate:before, body.advice .container_12.pb20.pt40.content-wrapper #revive .section-intro:before {
    content: "";
    min-height: 20px;
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    background: url(/web/images/_new_images/zig-zag-yellow-top-bottom.png) repeat-x top left !important;
  }
  /* line 42, scss/views/_mobile-subpages.scss */
  body.sheds .video-plate:after, body.advice .container_12.pb20.pt40.content-wrapper #revive .section-intro:after {
    content: "";
    min-height: 20px;
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    background: url(/web/images/_new_images/zig-zag-yellow-top-bottom.png) repeat-x top left !important;
  }

  /* line 53, scss/views/_mobile-subpages.scss */
  body.sheds div.footer-icons .zig-zag, body.sheds .yellow-zig-top-bottom2, body.environemnt.gradient .zig-zag, body#product div.footer-icons .zig-zag, body.colorSelector div.footer-icons .zig-zag, .whiteBg div.footer-icons .zig-zag, body.advice div.footer-icons div.zig-zag {
    background: url("/web/images/_new_images/sep-line.png") center center no-repeat !important;
    -moz-background-size: 100% 2px !important;
    -o-background-size: 100% 2px !important;
    -webkit-background-size: 100% 2px !important;
    background-size: 100% 2px !important;
    height: 2px !important;
  }

  /* line 59, scss/views/_mobile-subpages.scss */
  div.fence.t425 {
    display: none;
  }

  /* line 64, scss/views/_mobile-subpages.scss */
  body.sheds div.sheds {
    margin: 0;
    padding: 0;
  }
  /* line 67, scss/views/_mobile-subpages.scss */
  body.sheds div.sheds .image {
    -moz-background-size: auto 153px !important;
    -o-background-size: auto 153px !important;
    -webkit-background-size: auto 153px !important;
    background-size: auto 153px !important;
    height: 153px !important;
  }
  /* line 72, scss/views/_mobile-subpages.scss */
  body.sheds h1.mobile__title {
    margin-bottom: 32px;
    padding-left: 20px;
  }
  /* line 76, scss/views/_mobile-subpages.scss */
  body.sheds .heading-wrapper {
    margin: 0 0 25px 0 !important;
    padding: 0 !important;
    height: 153px !important;
    background: none !important;
    display: none !important;
  }
  /* line 82, scss/views/_mobile-subpages.scss */
  body.sheds .heading-wrapper .image {
    background: none !important;
  }
  /* line 86, scss/views/_mobile-subpages.scss */
  body.sheds .sub-nav-container {
    display: none;
  }
  /* line 88, scss/views/_mobile-subpages.scss */
  body.sheds .sub-nav-container .subNav {
    background: none !important;
  }
  /* line 92, scss/views/_mobile-subpages.scss */
  body.sheds .sheds-colour-selector {
    float: left;
    width: auto !important;
  }
  /* line 97, scss/views/_mobile-subpages.scss */
  body.sheds .section-ideas h2 {
    padding: 0 20px;
    margin-bottom: -16px;
    font-size: 24px;
  }
  /* line 102, scss/views/_mobile-subpages.scss */
  body.sheds .section-ideas h4 {
    padding: 0 20px;
    margin-bottom: 13px;
    font-size: 16px;
    line-height: 21px;
  }
  /* line 108, scss/views/_mobile-subpages.scss */
  body.sheds .section-ideas p {
    padding: 0 20px;
  }
  /* line 112, scss/views/_mobile-subpages.scss */
  body.sheds #product-carousel {
    display: none;
  }
  /* line 115, scss/views/_mobile-subpages.scss */
  body.sheds .slide-info .button {
    width: 95px !important;
  }
  /* line 119, scss/views/_mobile-subpages.scss */
  body.sheds div.footer-icons .zig-zag {
    margin-top: -35px;
  }
  /* line 123, scss/views/_mobile-subpages.scss */
  body.sheds .footer-icon:first-of-type {
    margin-top: -30px;
  }
  /* line 126, scss/views/_mobile-subpages.scss */
  body.sheds .yellow-zig-top-bottom2 {
    margin-top: 1px;
    margin-bottom: 5px;
  }
  /* line 132, scss/views/_mobile-subpages.scss */
  body.sheds .video-plate {
    margin-top: 5px;
    padding: 35px 20px 35px 20px;
    border: none;
    position: relative;
  }
  /* line 138, scss/views/_mobile-subpages.scss */
  body.sheds .video-plate div {
    float: none;
    margin: 0;
    width: 100%;
  }
  /* line 143, scss/views/_mobile-subpages.scss */
  body.sheds .video-plate img {
    display: none;
  }
  /* line 146, scss/views/_mobile-subpages.scss */
  body.sheds .video-plate h4 {
    margin: 0;
    padding: 0 !important;
    margin-top: 10px !important;
    margin-bottom: 18px !important;
    font-size: 18px !important;
  }
  /* line 156, scss/views/_mobile-subpages.scss */
  body.sheds .video-plate p {
    padding: 0 !important;
    margin: 10px 0 15px 0;
  }
  /* line 162, scss/views/_mobile-subpages.scss */
  body.sheds .sheds-colour-selector {
    width: 100% !important;
    padding: 0 20px;
    margin-top: -20px;
    height: auto;
    display: block;
    margin-bottom: -17px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 170, scss/views/_mobile-subpages.scss */
  body.sheds .sheds-colour-selector div {
    background: none;
    width: auto;
    height: auto;
  }
  /* line 175, scss/views/_mobile-subpages.scss */
  body.sheds .sheds-colour-selector .tool-colour-mini {
    display: none;
  }
  /* line 178, scss/views/_mobile-subpages.scss */
  body.sheds .sheds-colour-selector .colour-selector-copy {
    padding: 0;
    width: auto;
    height: auto;
    float: none;
    color: #333;
  }
  /* line 184, scss/views/_mobile-subpages.scss */
  body.sheds .sheds-colour-selector .colour-selector-copy h4 {
    padding: 0;
    margin: 0;
    color: #333;
    font-size: 18px;
  }
  /* line 190, scss/views/_mobile-subpages.scss */
  body.sheds .sheds-colour-selector .colour-selector-copy p {
    padding: 10px 0 15px 0;
    margin: 0;
  }
  /* line 195, scss/views/_mobile-subpages.scss */
  body.sheds .sheds-colour-selector .colour-selector-copy a {
    margin: 0;
  }
  /* line 198, scss/views/_mobile-subpages.scss */
  body.sheds .sheds-colour-selector .colour-selector-copy a span {
    display: none;
  }

  /* line 206, scss/views/_mobile-subpages.scss */
  .swiper-header {
    margin-left: 20px;
    margin-top: 47px !important;
    display: block;
  }

  /* line 213, scss/views/_mobile-subpages.scss */
  #pre-painted h2 {
    margin: 0;
    margin-bottom: 5px;
    padding: 0 20px;
    font-size: 18px;
  }
  /* line 219, scss/views/_mobile-subpages.scss */
  #pre-painted p {
    padding: 10px 20px 0 20px;
    margin-bottom: 15px;
  }
  /* line 223, scss/views/_mobile-subpages.scss */
  #pre-painted .arrow-link {
    margin-top: 0;
    margin-left: 20px;
  }

  /* line 229, scss/views/_mobile-subpages.scss */
  #helpandadvice {
    padding: 0 !important;
  }
  /* line 231, scss/views/_mobile-subpages.scss */
  #helpandadvice > .grid_6 {
    margin-top: -30px !important;
    margin-bottom: 15px;
  }
  /* line 235, scss/views/_mobile-subpages.scss */
  #helpandadvice:not(.helpandadvice-video) > .grid_6:nth-of-type(2) {
    display: none;
  }
  /* line 238, scss/views/_mobile-subpages.scss */
  #helpandadvice h2 {
    margin: 0;
    margin-bottom: 5px;
    padding: 0 20px;
    font-size: 18px;
  }
  /* line 244, scss/views/_mobile-subpages.scss */
  #helpandadvice .helpandadvice-image-mobile {
    margin-bottom: 5px;
  }
  /* line 248, scss/views/_mobile-subpages.scss */
  #helpandadvice h3 {
    padding: 0 20px;
    text-transform: capitalize;
  }
  /* line 252, scss/views/_mobile-subpages.scss */
  #helpandadvice p {
    padding: 10px 20px 0 20px;
    margin-bottom: 15px;
  }
  /* line 257, scss/views/_mobile-subpages.scss */
  #helpandadvice .pt45 {
    padding: 0;
  }
  /* line 259, scss/views/_mobile-subpages.scss */
  #helpandadvice .pt45 h3 {
    margin-bottom: 0;
  }
  /* line 262, scss/views/_mobile-subpages.scss */
  #helpandadvice .pt45 p {
    padding-bottom: 0;
    margin-bottom: 15px;
  }
  /* line 266, scss/views/_mobile-subpages.scss */
  #helpandadvice .pt45 .arrow-link {
    margin-top: 0;
    margin-left: 20px;
    margin-bottom: 35px;
  }

  /* line 274, scss/views/_mobile-subpages.scss */
  .yellow-section {
    padding-top: 60px !important;
    padding-bottom: 20px !important;
    background: none;
  }

  /* line 280, scss/views/_mobile-subpages.scss */
  #products {
    overflow: hidden;
  }
  /* line 282, scss/views/_mobile-subpages.scss */
  #products h2 {
    font-size: 18px;
    margin-left: 20px;
  }
  /* line 286, scss/views/_mobile-subpages.scss */
  #products p {
    padding-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
  }

  /* line 293, scss/views/_mobile-subpages.scss */
  body:not(#search) .product-listing {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 0;
  }
  /* line 298, scss/views/_mobile-subpages.scss */
  body:not(#search) .product-listing .grid_3 {
    display: inline-block;
    float: none;
    margin: 0;
    padding: 10px;
    width: 129px !important;
  }
  /* line 304, scss/views/_mobile-subpages.scss */
  body:not(#search) .product-listing .grid_3 img {
    margin: 0 !important;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important;
  }
  /* line 314, scss/views/_mobile-subpages.scss */
  body:not(#search) .product-listing li a .prod-image {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 15px;
    width: 129px;
    height: 178px;
    border: 1px solid #acacac;
  }
  /* line 321, scss/views/_mobile-subpages.scss */
  body:not(#search) .product-listing li a .prod-image:before {
    display: inline-block;
    height: 100%;
    content: "";
    vertical-align: middle;
  }
  /* line 328, scss/views/_mobile-subpages.scss */
  body:not(#search) .product-listing li a .prod-image:hover {
    border: 1px solid #acacac;
  }
  /* line 332, scss/views/_mobile-subpages.scss */
  body:not(#search) .product-listing li a span.prod-title {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    margin: 0;
    padding: 10px !important;
    width: 100%;
    height: 80px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
  }
  /* line 345, scss/views/_mobile-subpages.scss */
  body:not(#search) .product-listing li a:hover .prod-image {
    padding: 15px;
    border: 1px solid #acacac;
  }

  /* line 352, scss/views/_mobile-subpages.scss */
  body.page404 {
    background: #fff !important;
  }
  /* line 354, scss/views/_mobile-subpages.scss */
  body.page404 div.container-404 {
    width: auto;
    margin-top: 40px;
  }
  /* line 358, scss/views/_mobile-subpages.scss */
  body.page404 div.circle {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%;
  }
  /* line 365, scss/views/_mobile-subpages.scss */
  body.page404 div.circle-inner h2 {
    -moz-background-size: 100%;
    -o-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%;
    width: 120px;
    margin-top: 15px;
  }
  /* line 371, scss/views/_mobile-subpages.scss */
  body.page404 h3, body.page404 p {
    padding: 0 20px;
  }
  /* line 374, scss/views/_mobile-subpages.scss */
  body.page404 h3 {
    font-size: 18px;
    line-height: 27px;
  }
  /* line 378, scss/views/_mobile-subpages.scss */
  body.page404 .grass {
    display: none;
  }

  /* line 383, scss/views/_mobile-subpages.scss */
  body.environemnt.gradient {
    background: #fff;
  }
  /* line 385, scss/views/_mobile-subpages.scss */
  body.environemnt.gradient .sub-nav-container {
    display: none !important;
  }
  /* line 388, scss/views/_mobile-subpages.scss */
  body.environemnt.gradient .zig-zag {
    margin-top: -25px;
  }
  /* line 392, scss/views/_mobile-subpages.scss */
  body.environemnt.gradient img {
    max-width: 100%;
  }
  /* line 394, scss/views/_mobile-subpages.scss */
  body.environemnt.gradient img[alt="Planet Possible Can"] {
    margin-bottom: 40px;
  }
  /* line 397, scss/views/_mobile-subpages.scss */
  body.environemnt.gradient img[alt="Cloud"] {
    margin-bottom: 25px;
  }
  /* line 400, scss/views/_mobile-subpages.scss */
  body.environemnt.gradient img[src="/web/images/content/environment/fsc_banner.jpg"] {
    margin-bottom: 10px;
  }
  /* line 404, scss/views/_mobile-subpages.scss */
  body.environemnt.gradient ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 40px;
  }
  /* line 409, scss/views/_mobile-subpages.scss */
  body.environemnt.gradient ul li {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 15px;
    padding: 0 10px;
  }
  /* line 416, scss/views/_mobile-subpages.scss */
  body.environemnt.gradient .entries {
    margin-top: 20px;
  }
  /* line 419, scss/views/_mobile-subpages.scss */
  body.environemnt.gradient .container_12.content-wrapper.environment-content {
    margin-top: 0px;
    padding: 0 20px !important;
  }
  /* line 422, scss/views/_mobile-subpages.scss */
  body.environemnt.gradient .container_12.content-wrapper.environment-content h2 {
    margin-bottom: 7px;
    font-size: 24px;
  }
  /* line 426, scss/views/_mobile-subpages.scss */
  body.environemnt.gradient .container_12.content-wrapper.environment-content p {
    margin-bottom: 32px;
  }
  /* line 429, scss/views/_mobile-subpages.scss */
  body.environemnt.gradient .container_12.content-wrapper.environment-content .grid_12 > p:last-of-type {
    margin-bottom: 0;
  }
  /* line 432, scss/views/_mobile-subpages.scss */
  body.environemnt.gradient .container_12.content-wrapper.environment-content div.entry-content {
    width: auto;
  }
  /* line 435, scss/views/_mobile-subpages.scss */
  body.environemnt.gradient .container_12.content-wrapper.environment-content hr {
    display: none;
  }
  /* line 438, scss/views/_mobile-subpages.scss */
  body.environemnt.gradient .container_12.content-wrapper.environment-content div.box {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 105px;
    border-width: 1px;
  }

  /* line 447, scss/views/_mobile-subpages.scss */
  #frm-contact {
    margin-top: 20px;
    padding: 0 20px;
  }
  /* line 450, scss/views/_mobile-subpages.scss */
  #frm-contact .form-row label > span {
    width: auto;
    float: none;
    display: block;
    text-align: left;
  }
  /* line 456, scss/views/_mobile-subpages.scss */
  #frm-contact select.select {
    width: auto;
    float: none;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 280px;
  }
  /* line 464, scss/views/_mobile-subpages.scss */
  #frm-contact input.text {
    float: none;
    margin: 11px 0 10px;
  }
  /* line 468, scss/views/_mobile-subpages.scss */
  #frm-contact .formError {
    float: left !important;
  }
  /* line 471, scss/views/_mobile-subpages.scss */
  #frm-contact textarea.textarea {
    width: 280px;
    float: left;
  }
}
@media (max-width: 640px) {
  /* line 3, scss/views/_mobile-sheds.scss */
  body.sheds .video-plate-image-mobile {
    background: url(/web/images/_new_images/sections/home/A_Browse_Inspiration_430x305.jpg) no-repeat top left;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 8, scss/views/_mobile-sheds.scss */
  body.sheds .helpandadvice-image-mobile {
    background: url(/web/images/_new_images/sections/helpadvice/shed/A_Shed_434x241.jpg) no-repeat top left;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 15, scss/views/_mobile-sheds.scss */
  body.sheds .swiper-slide.one {
    background: url(/web/images/_new_images/sections/sheds/A_Shed_845x500.jpg) no-repeat top left;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
  /* line 19, scss/views/_mobile-sheds.scss */
  body.sheds .swiper-slide.two {
    background: url(/web/images/_new_images/sections/sheds/B_Shed_845x500.jpg) no-repeat top left;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
  /* line 23, scss/views/_mobile-sheds.scss */
  body.sheds .swiper-slide.three {
    background: url(/web/images/_new_images/sections/sheds/C_Shed_845x500.jpg) no-repeat top left;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
  /* line 27, scss/views/_mobile-sheds.scss */
  body.sheds .swiper-slide.four {
    background: url(/web/images/_new_images/sections/sheds/D_Shed_845x500.jpg) no-repeat top left;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
  /* line 31, scss/views/_mobile-sheds.scss */
  body.sheds .swiper-slide.five {
    background: url(/web/images/_new_images/sections/sheds/E_Shed_845x500.jpg) no-repeat top left;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
  /* line 35, scss/views/_mobile-sheds.scss */
  body.sheds .swiper-slide.six {
    background: url(/web/images/_new_images/sections/sheds/F_Shed_845x500.jpg) no-repeat top left;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
}
@media screen and (max-width: 640px) and (orientation: landscape) {
  /* line 13, scss/views/_mobile-sheds.scss */
  body.sheds .swiper-slide {
    -moz-background-size: 100% auto !important;
    -o-background-size: 100% auto !important;
    -webkit-background-size: 100% auto !important;
    background-size: 100% auto !important;
  }
}

@media (max-width: 640px) {
  /* line 3, scss/views/_mobile-fences.scss */
  body.sheds.fences .video-plate-image-mobile {
    background: url(/web/images/_new_images/sections/home/D_Browse_Inspiration_430x305.jpg) no-repeat top left;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 8, scss/views/_mobile-fences.scss */
  body.sheds.fences .helpandadvice-image-mobile {
    background: url(/web/images/_new_images/sections/helpadvice/fenceImg.jpg) no-repeat top left;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 15, scss/views/_mobile-fences.scss */
  body.sheds.fences .swiper-slide.one {
    background: url(/web/images/_new_images/sections/fences/A_Fence_845x500.jpg) no-repeat top left;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
  /* line 19, scss/views/_mobile-fences.scss */
  body.sheds.fences .swiper-slide.two {
    background: url(/web/images/_new_images/sections/fences/B_Fence_845x500.jpg) no-repeat top left;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
  /* line 23, scss/views/_mobile-fences.scss */
  body.sheds.fences .swiper-slide.three {
    background: url(/web/images/_new_images/sections/fences/C_Fence_845x500.jpg) no-repeat top left;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
  /* line 27, scss/views/_mobile-fences.scss */
  body.sheds.fences .swiper-slide.four {
    background: url(/web/images/_new_images/sections/fences/D_Fence_845x500.jpg) no-repeat top left;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
  /* line 31, scss/views/_mobile-fences.scss */
  body.sheds.fences .swiper-slide.five {
    background: url(/web/images/_new_images/sections/fences/E_Fence_845x500.jpg) no-repeat top left;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
  /* line 35, scss/views/_mobile-fences.scss */
  body.sheds.fences .swiper-slide.six {
    background: url(/web/images/_new_images/sections/fences/F_Fence_845x500.jpg) no-repeat top left;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
}
@media (max-width: 640px) {
  /* line 3, scss/views/_mobile-decking.scss */
  body.sheds.decking .video-plate-image-mobile {
    background: url(/web/images/_new_images/sections/home/B_Browse_Inspiration_430x305.jpg) no-repeat top left;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 8, scss/views/_mobile-decking.scss */
  body.sheds.decking .helpandadvice-image-mobile {
    background: url(/web/images/_new_images/sections/helpadvice/decking/A_Decking_434x241.jpg) no-repeat top left;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 15, scss/views/_mobile-decking.scss */
  body.sheds.decking .swiper-slide.one {
    background: url(/web/images/_new_images/sections/decking/A_Deck_845x500.jpg) no-repeat top left;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
  /* line 19, scss/views/_mobile-decking.scss */
  body.sheds.decking .swiper-slide.two {
    background: url(/web/images/_new_images/sections/decking/B_Deck_845x500.jpg) no-repeat top left;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
  /* line 23, scss/views/_mobile-decking.scss */
  body.sheds.decking .swiper-slide.three {
    background: url(/web/images/_new_images/sections/decking/C_Deck_845x500.jpg) no-repeat top left;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
  /* line 27, scss/views/_mobile-decking.scss */
  body.sheds.decking .swiper-slide.four {
    background: url(/web/images/_new_images/sections/decking/D_Deck_845x500.jpg) no-repeat top left;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
  /* line 31, scss/views/_mobile-decking.scss */
  body.sheds.decking .swiper-slide.five {
    background: url(/web/images/_new_images/sections/decking/E_Deck_845x500.jpg) no-repeat top left;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
  /* line 35, scss/views/_mobile-decking.scss */
  body.sheds.decking .swiper-slide.six {
    background: url(/web/images/_new_images/sections/decking/F_Deck_845x500.jpg) no-repeat top left;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
}
@media (max-width: 640px) {
  /* line 3, scss/views/_mobile-furniture.scss */
  body.sheds.garden .video-plate-image-mobile {
    background: url(/web/images/_new_images/sections/home/inspiration_round_table.jpg) no-repeat top left;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 7, scss/views/_mobile-furniture.scss */
  body.sheds.garden .helpandadvice-image-mobile {
    background: url(/web/images/_new_images/sections/helpadvice/furniture/A_Furniture_434x241.jpg) no-repeat top left;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 14, scss/views/_mobile-furniture.scss */
  body.sheds.garden .swiper-slide.one {
    background: url(/web/images/_new_images/sections/furniture/A_Furniture_845x500.jpg) no-repeat top left;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
  /* line 18, scss/views/_mobile-furniture.scss */
  body.sheds.garden .swiper-slide.two {
    background: url(/web/images/_new_images/sections/furniture/B_Furniture_845x500.jpg) no-repeat top left;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
  /* line 22, scss/views/_mobile-furniture.scss */
  body.sheds.garden .swiper-slide.three {
    background: url(/web/images/_new_images/sections/furniture/C_Furniture_845x500.jpg) no-repeat top left;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
  /* line 26, scss/views/_mobile-furniture.scss */
  body.sheds.garden .swiper-slide.four {
    background: url(/web/images/_new_images/sections/furniture/D_Furniture_845x500.jpg) no-repeat top left;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
  /* line 30, scss/views/_mobile-furniture.scss */
  body.sheds.garden .swiper-slide.five {
    background: url(/web/images/_new_images/sections/furniture/E_Furniture_845x500.jpg) no-repeat top left;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
  /* line 34, scss/views/_mobile-furniture.scss */
  body.sheds.garden .swiper-slide.six {
    background: url(/web/images/_new_images/sections/furniture/F_Furniture_845x500.jpg) no-repeat top left;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
}
@media (max-width: 640px) {
  /* line 3, scss/views/_mobile-buildings.scss */
  body.sheds.buildings .video-plate-image-mobile {
    background: url(/web/images/_new_images/sections/home/E_Browse_Inspiration_430x305.jpg) no-repeat top left;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 8, scss/views/_mobile-buildings.scss */
  body.sheds.buildings .helpandadvice-image-mobile {
    background: url(/web/images/_new_images/sections/helpadvice/buildings/A_Buildings_434x241.jpg) no-repeat top left;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 15, scss/views/_mobile-buildings.scss */
  body.sheds.buildings .swiper-slide.one {
    background: url(/web/images/_new_images/sections/features/A_House_845x500.jpg) no-repeat top left;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
  /* line 19, scss/views/_mobile-buildings.scss */
  body.sheds.buildings .swiper-slide.two {
    background: url(/web/images/_new_images/sections/features/B_House_845x500.jpg) no-repeat top left;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
  /* line 23, scss/views/_mobile-buildings.scss */
  body.sheds.buildings .swiper-slide.three {
    background: url(/web/images/_new_images/sections/features/C_House_845x500.jpg) no-repeat top left;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
  /* line 27, scss/views/_mobile-buildings.scss */
  body.sheds.buildings .swiper-slide.four {
    background: url(/web/images/_new_images/sections/features/D_House_845x500.jpg) no-repeat top left;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
  /* line 31, scss/views/_mobile-buildings.scss */
  body.sheds.buildings .swiper-slide.five {
    background: url(/web/images/_new_images/sections/features/E_House_845x500.jpg) no-repeat top left;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
  /* line 35, scss/views/_mobile-buildings.scss */
  body.sheds.buildings .swiper-slide.six {
    background: url(/web/images/_new_images/sections/features/F_House_845x500.jpg) no-repeat top left;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
}
@media (max-width: 640px) {
  /* line 2, scss/views/_mobile-products.scss */
  body#products, body#product {
    overflow: auto;
  }
  /* line 4, scss/views/_mobile-products.scss */
  body#products .imageHeading, body#product .imageHeading {
    display: none !important;
  }
  /* line 7, scss/views/_mobile-products.scss */
  body#products .imageHeading, body#product .imageHeading {
    background: none !important;
  }
  /* line 11, scss/views/_mobile-products.scss */
  body#products .title h2, body#product .title h2 {
    text-align: center;
    margin-left: 0;
  }
  /* line 16, scss/views/_mobile-products.scss */
  body#products ul.product-listing li, body#product ul.product-listing li {
    margin-bottom: -15px !important;
  }
  /* line 19, scss/views/_mobile-products.scss */
  body#products #product-list, body#product #product-list {
    margin: 0;
    padding: 0;
    width: auto;
  }
}
/* line 1, scss/views/_mobile-product.scss */
.colorpicker-title-mobile, .colorpicker-image-mobile {
  display: none;
}

@media (max-width: 640px) {
  /* line 8, scss/views/_mobile-product.scss */
  .prepainted_sheds .product-shot {
    padding: 0px !important;
  }
  /* line 12, scss/views/_mobile-product.scss */
  .prepainted_sheds .open-overlay {
    display: none;
  }

  /* line 17, scss/views/_mobile-product.scss */
  body#product {
    overflow: auto;
  }
  /* line 20, scss/views/_mobile-product.scss */
  body#product .basketPanel form span {
    width: auto !important;
    max-width: 140px;
  }
  /* line 25, scss/views/_mobile-product.scss */
  body#product .imageHeading, body#product ul.product-listing li:first-of-type, body#product .colour-selector-promo, body#product .toggle-hide-show, body#product .fence-wrapper, body#product .related-products, body#product .product-spare-parts-fence {
    display: none !important;
    background: none !important;
  }
  /* line 31, scss/views/_mobile-product.scss */
  body#product .product-spare-parts-decking .content {
    width: 100%;
    margin-top: 30px;
  }
  /* line 34, scss/views/_mobile-product.scss */
  body#product .product-spare-parts-decking .content h2 {
    margin-left: 10px;
  }
  /* line 37, scss/views/_mobile-product.scss */
  body#product .product-spare-parts-decking .content p img {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 41, scss/views/_mobile-product.scss */
  body#product .product-spare-parts-decking .content table td {
    font-size: 12px;
  }
  /* line 43, scss/views/_mobile-product.scss */
  body#product .product-spare-parts-decking .content table td a.button {
    font-size: 10px;
    padding: 2px 30px 2px 14px;
  }
  /* line 51, scss/views/_mobile-product.scss */
  body#product .title.grid_12 {
    display: block;
  }
  /* line 56, scss/views/_mobile-product.scss */
  body#product .title {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0 20px;
    border: none;
  }
  /* line 62, scss/views/_mobile-product.scss */
  body#product .title h2 {
    margin: 15px 0 -15px 0;
    font-size: 24px;
    line-height: 31px;
  }
  /* line 67, scss/views/_mobile-product.scss */
  body#product .title h3 {
    display: none;
  }
  /* line 70, scss/views/_mobile-product.scss */
  body#product .title#usage-guide {
    padding: 0;
  }
  /* line 74, scss/views/_mobile-product.scss */
  body#product .title:after {
    content: ".";
    visibility: hidden;
    clear: both;
  }
  /* line 81, scss/views/_mobile-product.scss */
  body#product .title.grid_12 {
    float: none;
    clear: both;
  }
  /* line 86, scss/views/_mobile-product.scss */
  body#product .grid_3.pt10 {
    width: 25% !important;
    margin-left: 5% !important;
    float: left;
    margin-bottom: 25px !important;
  }
  /* line 93, scss/views/_mobile-product.scss */
  body#product .grid_3.pt10 ~ .grid_3.pt10 {
    width: 100% !important;
    margin: 0 !important;
  }
  /* line 98, scss/views/_mobile-product.scss */
  body#product .grid_6.pt10 {
    display: block;
    width: auto !important;
    margin-left: 0% !important;
    float: none;
    clear: right;
  }
  /* line 107, scss/views/_mobile-product.scss */
  body#product .product-shot {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    margin: 0;
    border: 2px solid #d3d3d3;
    border-top: 1px solid #acacac;
    border-bottom: 1px solid #acacac;
    width: 100%;
  }
  /* line 116, scss/views/_mobile-product.scss */
  body#product .product-shot img {
    display: block;
    max-width: 100%;
    border: none;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 124, scss/views/_mobile-product.scss */
  body#product .grid_3.pt10.product-image-cont {
    width: 90% !important;
  }
  /* line 127, scss/views/_mobile-product.scss */
  body#product .grid_3.pt10.product-image-cont .product-shot {
    border: none;
  }
  /* line 131, scss/views/_mobile-product.scss */
  body#product .product-summary {
    padding: 0;
    margin: 0;
    padding-top: 10px;
    float: none;
    clear: right;
    width: auto;
  }
  /* line 139, scss/views/_mobile-product.scss */
  body#product .product-summary ul {
    width: 60%;
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 35%;
    clear: right;
    float: none;
  }
  /* line 147, scss/views/_mobile-product.scss */
  body#product .product-summary ul li {
    width: auto;
    float: none;
    display: block;
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 20px;
  }
  /* line 157, scss/views/_mobile-product.scss */
  body#product .product-summary p {
    display: none;
  }
  /* line 162, scss/views/_mobile-product.scss */
  body#product #shoppingBasket, body#product .how-much {
    display: block;
    clear: both;
    float: none;
    margin: 0 20px;
  }
  /* line 168, scss/views/_mobile-product.scss */
  body#product .product-summary h4 {
    display: block;
    clear: both;
    float: none;
    margin-right: 20px;
    margin-left: 20px;
  }
  /* line 175, scss/views/_mobile-product.scss */
  body#product p.mobile__product__description {
    clear: both;
    display: block;
    padding: 0 5%;
    width: auto;
  }
  /* line 183, scss/views/_mobile-product.scss */
  body#product .product-side-panel {
    margin-bottom: 40px;
  }
  /* line 185, scss/views/_mobile-product.scss */
  body#product .product-side-panel h5 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: 0;
    margin: 10px 0 15px 10px !important;
    padding: 0 20px;
    width: 100%;
    height: 31px;
    border: 1px solid #9fca9d;
    border-width: 1px 0 1px 0;
    font-size: 14px;
    line-height: 31px;
  }
  /* line 198, scss/views/_mobile-product.scss */
  body#product .product-side-panel p {
    padding-right: 21px;
    padding-left: 21px;
  }
  /* line 202, scss/views/_mobile-product.scss */
  body#product .product-side-panel p.footnote {
    margin-top: 15px;
    margin-bottom: -5px;
    font-size: 14px !important;
    line-height: 20px !important;
  }
  /* line 209, scss/views/_mobile-product.scss */
  body#product #usage-guide {
    margin-bottom: 0px;
  }
  /* line 213, scss/views/_mobile-product.scss */
  body#product .zigzag {
    margin: 20px 0 15px 0;
  }
  /* line 217, scss/views/_mobile-product.scss */
  body#product .tool-colour-full {
    margin: 0;
    margin-top: -40px;
    padding: 0;
    text-align: center;
  }
  /* line 222, scss/views/_mobile-product.scss */
  body#product .tool-colour-full h2 {
    text-align: left;
    font-size: 18px;
    margin: -15px 0 15px 0;
    padding: 0 20px;
  }
  /* line 228, scss/views/_mobile-product.scss */
  body#product .tool-colour-full ul.colours {
    position: relative;
    display: block;
    margin: 0 20px !important;
    padding: 0;
    width: auto !important;
    border: none;
    background: none;
    text-align: left;
  }
  /* line 238, scss/views/_mobile-product.scss */
  body#product .tool-colour-full ul.colours li {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 4px 2px;
    margin-bottom: 0;
    width: 85px;
    height: 85px;
    float: left;
  }
  /* line 248, scss/views/_mobile-product.scss */
  body#product .tool-colour-full ul.colours li a, body#product .tool-colour-full ul.colours li img {
    display: block;
    width: 85px !important;
    height: 85px !important;
  }
  /* line 254, scss/views/_mobile-product.scss */
  body#product .tool-colour-full ul.colours li.expanded {
    width: 100%;
    height: auto !important;
  }
  /* line 258, scss/views/_mobile-product.scss */
  body#product .tool-colour-full ul.colours li.expanded .left,
  body#product .tool-colour-full ul.colours li.expanded .right {
    position: relative;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: auto;
    padding: 0 !important;
    float: none;
    clear: both;
  }
  /* line 270, scss/views/_mobile-product.scss */
  body#product .tool-colour-full ul.colours li.expanded .left > div,
  body#product .tool-colour-full ul.colours li.expanded .right > div {
    margin: 0 !important;
  }
  /* line 275, scss/views/_mobile-product.scss */
  body#product .tool-colour-full ul.colours li.expanded .other-product-link {
    width: auto !important;
    height: 85px !important;
    background-color: white;
  }
  /* line 281, scss/views/_mobile-product.scss */
  body#product .tool-colour-full ul.colours li.expanded .other-product-image {
    display: block;
    width: auto !important;
    max-width: 65px !important;
    height: auto !important;
    max-height: 75px !important;
    padding: 5px 10px;
  }
  /* line 290, scss/views/_mobile-product.scss */
  body#product .tool-colour-full ul.colours li.expanded .left {
    padding: 272px 10px 10px 10px !important;
  }
  /* line 294, scss/views/_mobile-product.scss */
  body#product .tool-colour-full ul.colours li.expanded .left .basket-option:first-child span {
    float: right;
  }
  /* line 300, scss/views/_mobile-product.scss */
  body#product .tool-colour-full ul.colours li.expanded .right {
    position: absolute;
    top: 12px;
  }
  /* line 304, scss/views/_mobile-product.scss */
  body#product .tool-colour-full ul.colours li.expanded .right > div {
    margin: 0 10px !important;
  }
  /* line 309, scss/views/_mobile-product.scss */
  body#product .tool-colour-full ul.colours li.expanded .product-colour {
    display: block;
    width: auto !important;
    min-height: 240px;
    float: none;
    clear: both;
  }
  /* line 316, scss/views/_mobile-product.scss */
  body#product .tool-colour-full ul.colours li.expanded .product-colour h2 {
    padding: 0;
  }
  /* line 323, scss/views/_mobile-product.scss */
  body#product .tool-colour-full a.button {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    clear: both;
  }
  /* line 331, scss/views/_mobile-product.scss */
  body#product .colorpicker-title-mobile {
    font-size: 18px;
    font-weight: normal;
    display: block;
    margin: 0 0 15px 20px;
    float: none;
    display: none;
  }
  /* line 339, scss/views/_mobile-product.scss */
  body#product .colorpicker-image-mobile {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 177px;
    background: url(/web/images/_new_images/sections/helpadvice/fenceImg.jpg) no-repeat top left;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin-bottom: -30px;
  }
  /* line 347, scss/views/_mobile-product.scss */
  body#product .colorpicker-image-mobile .button {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 65px 0 0 20px;
  }
  /* line 354, scss/views/_mobile-product.scss */
  body#product .product-usage-guide {
    padding: 0 20px;
  }
  /* line 356, scss/views/_mobile-product.scss */
  body#product .product-usage-guide h2 {
    font-size: 18px;
    font-weight: normal;
  }
  /* line 360, scss/views/_mobile-product.scss */
  body#product .product-usage-guide h3 {
    font-size: 16px;
    line-height: 24px;
    margin-top: 20px !important;
    margin-bottom: 5px !important;
  }
  /* line 366, scss/views/_mobile-product.scss */
  body#product .product-usage-guide .content > .clearfix:nth-of-type(2) .grid_12 {
    margin-top: -6px;
  }
  /* line 370, scss/views/_mobile-product.scss */
  body#product div.footer-icons {
    margin-top: -15px;
  }
  /* line 377, scss/views/_mobile-product.scss */
  body#product .tool-colour-full-container {
    position: relative;
    background-color: #fffbdd;
  }
  /* line 381, scss/views/_mobile-product.scss */
  body#product .tool-colour-full-container:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    height: 12px;
    background-image: url("/web/images/_new_images/zig-zag-transp-top.png");
    background-repeat: repeat-x;
    background-position: top;
    background-size: 24px 12px;
    z-index: 2;
  }
  /* line 399, scss/views/_mobile-product.scss */
  body#product .basketPanel form {
    text-align: right;
  }
  /* line 403, scss/views/_mobile-product.scss */
  body#product .basketPanel .basket-option {
    text-align: left;
  }
  /* line 406, scss/views/_mobile-product.scss */
  body#product .basketPanel .basket-option label {
    width: auto !important;
  }
  /* line 411, scss/views/_mobile-product.scss */
  body#product .basketPanel .basketTotal {
    text-align: left;
  }
  /* line 414, scss/views/_mobile-product.scss */
  body#product .basketPanel .basketTotal span {
    width: auto !important;
    font-size: 1.2rem;
  }
  /* line 420, scss/views/_mobile-product.scss */
  body#product .basketPanel #basketOptionBtn {
    display: inline-block;
    margin-left: 0;
    margin-right: 20px;
  }
}
@media (max-width: 640px) {
  /* line 4, scss/views/_mobile-locator.scss */
  body.mobile__locator {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    position: fixed;
    width: 100%;
    margin: 0;
  }

  /* line 11, scss/views/_mobile-locator.scss */
  .mobile__locator__tabs {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #20681d;
    list-style: none;
    font-weight: bold;
    font-size: 16px;
  }
  /* line 20, scss/views/_mobile-locator.scss */
  .mobile__locator__tabs li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin: 0;
    padding: 0;
    width: 50%;
    height: 40px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
  }
  /* line 32, scss/views/_mobile-locator.scss */
  .mobile__locator__tabs li:first-of-type {
    border-right: 1px solid #96b683;
  }
  /* line 35, scss/views/_mobile-locator.scss */
  .mobile__locator__tabs li:last-of-type {
    border-left: 1px solid #96b683;
  }
  /* line 38, scss/views/_mobile-locator.scss */
  .mobile__locator__tabs li.active, .mobile__locator__tabs li:active {
    background-color: #318d2e;
    text-shadow: -1px 1px 17px #ffd, 1px -1px 17px #fff;
  }
  /* line 43, scss/views/_mobile-locator.scss */
  .mobile__locator__tabs:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
  }

  /* line 51, scss/views/_mobile-locator.scss */
  .mobile__locator__map {
    -moz-background-size: 100%;
    -o-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: url("/web/images/retina/locator-map@2x.png") left top repeat;
  }
  /* line 58, scss/views/_mobile-locator.scss */
  .mobile__locator__map .mobile__locator__map__info {
    position: relative;
    padding-top: 80px;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
  }
}
@media (max-width: 640px) and (max-width: 340px) {
  /* line 58, scss/views/_mobile-locator.scss */
  .mobile__locator__map .mobile__locator__map__info {
    padding-top: 20px;
  }
}
@media (max-width: 640px) {
  /* line 68, scss/views/_mobile-locator.scss */
  .mobile__locator__map .mobile__locator__map__info h2 {
    margin-top: 15px;
  }
  /* line 72, scss/views/_mobile-locator.scss */
  .mobile__locator__map .mobile__locator__map__info #js-link-geolocation {
    display: none;
  }

  /* line 77, scss/views/_mobile-locator.scss */
  .mobile__locator__overlay {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    visibility: hidden;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    /*dim the background*/
  }
  /* line 91, scss/views/_mobile-locator.scss */
  .mobile__locator__overlay.visible {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
  }

  /* line 96, scss/views/_mobile-locator.scss */
  .mobile__locator__modal {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 11;
    visibility: hidden;
    margin-top: -25px;
    margin-left: -120px;
    width: 240px;
  }
  /* line 111, scss/views/_mobile-locator.scss */
  .mobile__locator__modal .mobile__locator__modal__content {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 20px 5px 20px;
    width: 100%;
    border: 1px solid #cccec8;
    border-width: 1px 1px 0 1px;
    background-color: #fff;
    text-align: left;
  }
  /* line 119, scss/views/_mobile-locator.scss */
  .mobile__locator__modal .mobile__locator__modal__content .text--loading {
    float: left;
    font-weight: bold;
  }
  /* line 123, scss/views/_mobile-locator.scss */
  .mobile__locator__modal .mobile__locator__modal__content .mobile__spinner {
    float: right;
  }
  /* line 127, scss/views/_mobile-locator.scss */
  .mobile__locator__modal .mobile__locator__modal__content p {
    font-size: 14px;
    line-height: 21px;
  }
  /* line 131, scss/views/_mobile-locator.scss */
  .mobile__locator__modal .mobile__locator__modal__content #js-text-loading {
    margin-top: 5px;
  }
  /* line 134, scss/views/_mobile-locator.scss */
  .mobile__locator__modal .mobile__locator__modal__content #js-text-error {
    text-align: center;
    font-weight: bold;
  }
  /* line 138, scss/views/_mobile-locator.scss */
  .mobile__locator__modal .mobile__locator__modal__content:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
  /* line 147, scss/views/_mobile-locator.scss */
  .mobile__locator__modal .mobile__locator__modal__buttons {
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin: 10px 0 0 0;
    padding: 0;
    background-color: #318d2e;
    position: absolute;
    bottom: -40px;
    left: 0;
    list-style: none;
  }
  /* line 158, scss/views/_mobile-locator.scss */
  .mobile__locator__modal .mobile__locator__modal__buttons a {
    text-align: center;
    color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    float: left;
    height: 100%;
    line-height: 40px;
    width: 50%;
    font-size: 14px;
  }
  /* line 169, scss/views/_mobile-locator.scss */
  .mobile__locator__modal .mobile__locator__modal__buttons a:active {
    background-color: #20681d;
  }
  /* line 172, scss/views/_mobile-locator.scss */
  .mobile__locator__modal .mobile__locator__modal__buttons a:first-of-type {
    border-right: 1px solid #297c26;
  }
  /* line 175, scss/views/_mobile-locator.scss */
  .mobile__locator__modal .mobile__locator__modal__buttons a:last-of-type {
    border-left: 1px solid #297c26;
  }
  /* line 180, scss/views/_mobile-locator.scss */
  .mobile__locator__modal.visible {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible;
  }
}
/* line 1, scss/views/_mobile-locator-results.scss */
.mobile__locator__modal, .mobile__locator__overlay, .location-items-mobile, .mobile__locator__list__buttons {
  display: none;
}

@media (max-width: 640px) {
  /* line 6, scss/views/_mobile-locator-results.scss */
  .mobile__locator__modal, .mobile__locator__overlay, .location-items-mobile, .mobile__locator__list__buttons {
    display: block;
  }

  /* line 9, scss/views/_mobile-locator-results.scss */
  body.store-finder {
    position: fixed !important;
    overflow: hidden !important;
    width: 100%;
  }
  /* line 13, scss/views/_mobile-locator-results.scss */
  body.store-finder .imageHeading, body.store-finder ul.product-listing li:first-of-type, body.store-finder .colour-selector-promo, body.store-finder .toggle-hide-show, body.store-finder .fence-wrapper, body.store-finder .related-products, body.store-finder .product-spare-parts, body.store-finder .massive-wrapper {
    display: none !important;
    background: none !important;
  }
  /* line 19, scss/views/_mobile-locator-results.scss */
  body.store-finder .storefinder-content .grid_4 h2:first-of-type {
    display: none;
  }
  /* line 22, scss/views/_mobile-locator-results.scss */
  body.store-finder .storefinder-content .grid_4 p:first-of-type {
    display: none;
  }
  /* line 26, scss/views/_mobile-locator-results.scss */
  body.store-finder .storefinder-content .search-form {
    display: none;
  }
  /* line 29, scss/views/_mobile-locator-results.scss */
  body.store-finder .storefinder-content div.map-search {
    position: relative;
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: none;
  }
  /* line 36, scss/views/_mobile-locator-results.scss */
  body.store-finder .storefinder-content div.map-search div#map {
    margin: 0;
    border: none;
    box-shadow: none;
  }
  /* line 41, scss/views/_mobile-locator-results.scss */
  body.store-finder .storefinder-content div.map-search .map-search-location-icon {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 30px;
    height: 30px;
    background: url("/web/images/retina/locator-map-icon-off@2x.png") no-repeat;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
  }
  /* line 49, scss/views/_mobile-locator-results.scss */
  body.store-finder .storefinder-content div.map-search .map-search-location-icon:after {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("/web/images/retina/locator-map-icon-on@2x.png") no-repeat;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    content: "";
  }
  /* line 61, scss/views/_mobile-locator-results.scss */
  body.store-finder .storefinder-content div.map-search .map-search-location-icon.active:after, body.store-finder .storefinder-content div.map-search .map-search-location-icon:active:after {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  /* line 67, scss/views/_mobile-locator-results.scss */
  body.store-finder .storefinder-content div.find-store {
    width: 100%;
  }
  /* line 69, scss/views/_mobile-locator-results.scss */
  body.store-finder .storefinder-content div.find-store .locations {
    display: none;
    background: none;
    box-shadow: none;
  }
  /* line 74, scss/views/_mobile-locator-results.scss */
  body.store-finder .storefinder-content div.find-store .location-items {
    display: none !important;
  }
  /* line 77, scss/views/_mobile-locator-results.scss */
  body.store-finder .storefinder-content div.find-store .location-items-mobile {
    display: block;
  }
  /* line 82, scss/views/_mobile-locator-results.scss */
  body.store-finder .storefinder-content .mobile__locator__modal__content .distance, body.store-finder .storefinder-content .mobile__locator__modal__content .tinting, body.store-finder .storefinder-content .mobile__locator__modal__content .mobile__locator__list__buttons, body.store-finder .storefinder-content .location-items-mobile .distance, body.store-finder .storefinder-content .location-items-mobile .tinting, body.store-finder .storefinder-content .location-items-mobile .mobile__locator__list__buttons {
    display: none;
  }
  /* line 85, scss/views/_mobile-locator-results.scss */
  body.store-finder .storefinder-content .mobile__locator__modal__content .name, body.store-finder .storefinder-content .location-items-mobile .name {
    margin-bottom: 7px;
    font-size: 14px;
    font-family: 'arial';
  }
  /* line 90, scss/views/_mobile-locator-results.scss */
  body.store-finder .storefinder-content .mobile__locator__modal__content .address, body.store-finder .storefinder-content .mobile__locator__modal__content .zip, body.store-finder .storefinder-content .location-items-mobile .address, body.store-finder .storefinder-content .location-items-mobile .zip {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: 'arial';
    line-height: 21px;
  }
  /* line 97, scss/views/_mobile-locator-results.scss */
  body.store-finder .storefinder-content .mobile__locator__modal__content .telephone, body.store-finder .storefinder-content .location-items-mobile .telephone {
    margin-top: 13px;
    margin-bottom: 11px;
    padding: 0;
    font-weight: bold;
    font-size: 14px;
    font-family: 'arial';
  }
  /* line 106, scss/views/_mobile-locator-results.scss */
  body.store-finder .storefinder-content .location-items-mobile {
    margin: 23px 0 0 20px !important;
  }
  /* line 108, scss/views/_mobile-locator-results.scss */
  body.store-finder .storefinder-content .location-items-mobile li {
    margin-top: 40px;
  }
  /* line 110, scss/views/_mobile-locator-results.scss */
  body.store-finder .storefinder-content .location-items-mobile li:first-of-type {
    margin-top: 0;
  }
  /* line 114, scss/views/_mobile-locator-results.scss */
  body.store-finder .storefinder-content .location-items-mobile .mobile__locator__list__buttons {
    display: block;
    margin-top: 20px;
    font-family: 'arial';
  }
  /* line 118, scss/views/_mobile-locator-results.scss */
  body.store-finder .storefinder-content .location-items-mobile .mobile__locator__list__buttons a {
    display: block;
    float: left;
    margin-right: 8px;
    width: 87px;
    height: 30px;
    background-color: #318d2e;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 30px;
  }
  /* line 129, scss/views/_mobile-locator-results.scss */
  body.store-finder .storefinder-content .location-items-mobile .mobile__locator__list__buttons a:active {
    background-color: #20681d;
  }
  /* line 133, scss/views/_mobile-locator-results.scss */
  body.store-finder .storefinder-content .location-items-mobile .mobile__locator__list__buttons:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
  }

  /* line 144, scss/views/_mobile-locator-results.scss */
  body > div.gradient {
    display: none;
  }

  /* line 148, scss/views/_mobile-locator-results.scss */
  .container_12.content-wrapper.account-container {
    margin-top: 35px;
    padding: 0 20px !important;
    background: #fff;
  }
  /* line 152, scss/views/_mobile-locator-results.scss */
  .container_12.content-wrapper.account-container h3, .container_12.content-wrapper.account-container form[name="stockists"] {
    display: none;
  }
  /* line 155, scss/views/_mobile-locator-results.scss */
  .container_12.content-wrapper.account-container div.title.noimage {
    display: block;
    margin: 0;
    border: none;
  }
  /* line 159, scss/views/_mobile-locator-results.scss */
  .container_12.content-wrapper.account-container div.title.noimage h2 {
    margin-bottom: 15px;
    text-decoration: none;
    font-size: 18px;
    line-height: 21px;
  }
  /* line 167, scss/views/_mobile-locator-results.scss */
  .container_12.content-wrapper.account-container #stockist-results ul {
    margin: 0;
    list-style: none;
  }
  /* line 170, scss/views/_mobile-locator-results.scss */
  .container_12.content-wrapper.account-container #stockist-results ul li, .container_12.content-wrapper.account-container #stockist-results ul li a {
    font-size: 18px;
    line-height: 31px;
  }
}
@media (max-width: 640px) {
  /* line 3, scss/views/_mobile-colourSelector.scss */
  body.colorSelector .imageHeading.grid_12, body.colorSelector .fence-wrapper, body.colorSelector .preview-tip {
    display: none !important;
    background: none !important;
  }
  /* line 7, scss/views/_mobile-colourSelector.scss */
  body.colorSelector div.canvas-images ul li a.fence {
    background: url("/web/images/_new_images/sections/colourselector/selector_3b.jpg") center no-repeat !important;
  }
  /* line 14, scss/views/_mobile-colourSelector.scss */
  body.colorSelector h2 {
    margin-top: 3px;
    margin-bottom: 17px;
    margin-left: 20px;
    font-weight: bold;
    font-size: 18px;
    font-family: 'Arial';
  }
  /* line 23, scss/views/_mobile-colourSelector.scss */
  body.colorSelector h1#js-selected-colour {
    margin-bottom: 18px;
    margin-left: 20px;
    font-size: 24px;
    font-family: 'Arial';
  }
  /* line 30, scss/views/_mobile-colourSelector.scss */
  body.colorSelector div.choose-item {
    margin-bottom: 0px;
  }
  /* line 38, scss/views/_mobile-colourSelector.scss */
  body.colorSelector div.footer-icons .zig-zag {
    margin-top: 0px;
  }
  /* line 42, scss/views/_mobile-colourSelector.scss */
  body.colorSelector .canvas-images {
    position: relative;
  }
  /* line 44, scss/views/_mobile-colourSelector.scss */
  body.colorSelector .canvas-images:before {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #fcfcfc), color-stop(100%, #e8e8e8));
    background-image: -moz-linear-gradient(bottom, #fcfcfc 0%, #e8e8e8 100%);
    background-image: -webkit-linear-gradient(bottom, #fcfcfc 0%, #e8e8e8 100%);
    background-image: linear-gradient(to top, #fcfcfc 0%, #e8e8e8 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    content: "";
  }
  /* line 53, scss/views/_mobile-colourSelector.scss */
  body.colorSelector .canvas-images:after {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #e8e8e8), color-stop(100%, #fcfcfc));
    background-image: -moz-linear-gradient(bottom, #e8e8e8 0%, #fcfcfc 100%);
    background-image: -webkit-linear-gradient(bottom, #e8e8e8 0%, #fcfcfc 100%);
    background-image: linear-gradient(to top, #e8e8e8 0%, #fcfcfc 100%);
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 4px;
    content: "";
  }
  /* line 62, scss/views/_mobile-colourSelector.scss */
  body.colorSelector .canvas-images ul {
    overflow: auto;
    padding: 10px 0 20px 0;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  /* line 67, scss/views/_mobile-colourSelector.scss */
  body.colorSelector .canvas-images ul li {
    display: inline-block;
    float: none;
    margin: 0;
    margin-right: 6px !important;
    padding: 0;
  }
  /* line 73, scss/views/_mobile-colourSelector.scss */
  body.colorSelector .canvas-images ul li a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 89px;
    height: 89px;
    border: none;
    background-position: center !important;
  }
  /* line 79, scss/views/_mobile-colourSelector.scss */
  body.colorSelector .canvas-images ul li a:active {
    border: 2px solid #acacac;
  }
  /* line 83, scss/views/_mobile-colourSelector.scss */
  body.colorSelector .canvas-images ul li:first-of-type {
    margin-left: 20px;
  }
  /* line 86, scss/views/_mobile-colourSelector.scss */
  body.colorSelector .canvas-images ul li:last-of-type {
    margin-right: 20px;
  }
  /* line 92, scss/views/_mobile-colourSelector.scss */
  body.colorSelector .choose-colour {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  /* line 96, scss/views/_mobile-colourSelector.scss */
  body.colorSelector div.colour-mixer {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto !important;
    border: none;
  }
  /* line 104, scss/views/_mobile-colourSelector.scss */
  body.colorSelector div.colour-mixer div.palette {
    height: auto;
  }
  /* line 108, scss/views/_mobile-colourSelector.scss */
  body.colorSelector div.colour-mixer .top-tabs {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 40px;
    border: none;
    background-color: green;
  }
  /* line 115, scss/views/_mobile-colourSelector.scss */
  body.colorSelector div.colour-mixer .top-tabs a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 50%;
    height: 40px !important;
    border: none;
    background: #20681d;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-family: 'Arial';
    line-height: 40px;
  }
  /* line 130, scss/views/_mobile-colourSelector.scss */
  body.colorSelector div.colour-mixer .top-tabs a:active, body.colorSelector div.colour-mixer .top-tabs a.active {
    background: #318d2e;
  }
  /* line 135, scss/views/_mobile-colourSelector.scss */
  body.colorSelector div.colour-mixer ul {
    position: relative;
    overflow: auto;
    margin: 0;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  /* line 141, scss/views/_mobile-colourSelector.scss */
  body.colorSelector div.colour-mixer ul:before {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #fcfcfc), color-stop(100%, #e8e8e8));
    background-image: -moz-linear-gradient(bottom, #fcfcfc 0%, #e8e8e8 100%);
    background-image: -webkit-linear-gradient(bottom, #fcfcfc 0%, #e8e8e8 100%);
    background-image: linear-gradient(to top, #fcfcfc 0%, #e8e8e8 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    content: "";
  }
  /* line 150, scss/views/_mobile-colourSelector.scss */
  body.colorSelector div.colour-mixer ul:after {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #e8e8e8), color-stop(100%, #fcfcfc));
    background-image: -moz-linear-gradient(bottom, #e8e8e8 0%, #fcfcfc 100%);
    background-image: -webkit-linear-gradient(bottom, #e8e8e8 0%, #fcfcfc 100%);
    background-image: linear-gradient(to top, #e8e8e8 0%, #fcfcfc 100%);
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 4px;
    content: "";
  }
  /* line 159, scss/views/_mobile-colourSelector.scss */
  body.colorSelector div.colour-mixer ul li {
    display: inline-block;
    float: none;
    margin: 20px 16px 20px 0;
    padding: 0;
    width: 60px;
    height: 60px;
    border: none;
    line-height: 60px;
  }
  /* line 168, scss/views/_mobile-colourSelector.scss */
  body.colorSelector div.colour-mixer ul li a {
    -moz-background-size: 100% 100% !important;
    -o-background-size: 100% 100% !important;
    -webkit-background-size: 100% 100% !important;
    background-size: 100% 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 60px;
    height: 60px;
    border: none;
    line-height: 60px;
  }
  /* line 177, scss/views/_mobile-colourSelector.scss */
  body.colorSelector div.colour-mixer ul li:first-of-type {
    margin-left: 20px;
  }
  /* line 180, scss/views/_mobile-colourSelector.scss */
  body.colorSelector div.colour-mixer ul li:last-of-type {
    margin-right: 20px;
  }
  /* line 186, scss/views/_mobile-colourSelector.scss */
  body.colorSelector .colour-preview {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 215px;
    border: none;
    box-shadow: none;
  }
  /* line 194, scss/views/_mobile-colourSelector.scss */
  body.colorSelector .colour-preview > img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 640px) {
  /* line 2, scss/views/_mobile-about.scss */
  .fence-wrapper {
    display: none;
    background: none;
  }

  /* line 6, scss/views/_mobile-about.scss */
  .whiteBg div.footer-icons .zig-zag {
    margin-top: 0px;
  }

  /* line 10, scss/views/_mobile-about.scss */
  .about.container_12.content-wrapper, div.safetyinfo {
    margin-top: 20px;
    padding: 0 20px !important;
  }
  /* line 13, scss/views/_mobile-about.scss */
  .about.container_12.content-wrapper h1, div.safetyinfo h1 {
    display: none;
  }
  /* line 16, scss/views/_mobile-about.scss */
  .about.container_12.content-wrapper h2, div.safetyinfo h2 {
    margin-bottom: 7px;
    font-size: 24px;
  }
  /* line 20, scss/views/_mobile-about.scss */
  .about.container_12.content-wrapper p, div.safetyinfo p {
    margin-bottom: 32px;
  }
  /* line 23, scss/views/_mobile-about.scss */
  .about.container_12.content-wrapper .grid_12 > p:last-of-type, div.safetyinfo .grid_12 > p:last-of-type {
    margin-bottom: 0;
  }
  /* line 26, scss/views/_mobile-about.scss */
  .about.container_12.content-wrapper hr, div.safetyinfo hr {
    display: none;
  }
  /* line 29, scss/views/_mobile-about.scss */
  .about.container_12.content-wrapper div.box, div.safetyinfo div.box {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 105px;
    border-width: 1px;
  }

  /* line 37, scss/views/_mobile-about.scss */
  .tool-colour-full-container, .tool-colour-full {
    background: none;
  }

  /* line 40, scss/views/_mobile-about.scss */
  .grid_3.sheets, .grid_3.safety-sheets {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    width: 100% !important;
    text-align: left;
  }
  /* line 45, scss/views/_mobile-about.scss */
  .grid_3.sheets h4, .grid_3.safety-sheets h4 {
    margin-bottom: 7px;
    font-size: 24px;
  }

  /* line 50, scss/views/_mobile-about.scss */
  .tool-colour-full ul {
    margin: 0 !important;
    width: 100% !important;
  }

  /* line 54, scss/views/_mobile-about.scss */
  div.files ul {
    margin-top: -10px !important;
  }
  /* line 56, scss/views/_mobile-about.scss */
  div.files ul li {
    display: block;
    margin: 0;
    margin-bottom: 5px;
    padding: 0;
    width: 100%;
    border: none;
    text-align: left;
  }
  /* line 64, scss/views/_mobile-about.scss */
  div.files ul li a {
    line-height: 40px;
  }
  /* line 67, scss/views/_mobile-about.scss */
  div.files ul li i {
    display: none !important;
  }

  /* line 72, scss/views/_mobile-about.scss */
  .title.grid_12 {
    display: none;
  }

  /* line 76, scss/views/_mobile-about.scss */
  .grid_6.environment img {
    display: none;
  }

  /* line 82, scss/views/_mobile-about.scss */
  .big.shadow.mb20 {
    display: none !important;
  }
  /* line 84, scss/views/_mobile-about.scss */
  .big.shadow.mb20 img {
    background: none !important;
  }
}
/* line 2, scss/views/_mobile-advice.scss */
body.advice .canvas-title, body.advice .canvas-images {
  display: none;
}

@media (max-width: 640px) {
  /* line 8, scss/views/_mobile-advice.scss */
  body.advice {
    background: none;
  }
  /* line 10, scss/views/_mobile-advice.scss */
  body.advice p {
    padding: 0 20px;
  }
  /* line 13, scss/views/_mobile-advice.scss */
  body.advice .canvas-title, body.advice .canvas-images {
    display: block;
  }
  /* line 16, scss/views/_mobile-advice.scss */
  body.advice .canvas-title {
    margin-left: 0;
    margin-top: 20px;
  }
  /* line 20, scss/views/_mobile-advice.scss */
  body.advice .canvas-images {
    position: relative;
  }
  /* line 22, scss/views/_mobile-advice.scss */
  body.advice .canvas-images:before {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #fcfcfc), color-stop(100%, #e8e8e8));
    background-image: -moz-linear-gradient(bottom, #fcfcfc 0%, #e8e8e8 100%);
    background-image: -webkit-linear-gradient(bottom, #fcfcfc 0%, #e8e8e8 100%);
    background-image: linear-gradient(to top, #fcfcfc 0%, #e8e8e8 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    content: "";
  }
  /* line 31, scss/views/_mobile-advice.scss */
  body.advice .canvas-images:after {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #e8e8e8), color-stop(100%, #fcfcfc));
    background-image: -moz-linear-gradient(bottom, #e8e8e8 0%, #fcfcfc 100%);
    background-image: -webkit-linear-gradient(bottom, #e8e8e8 0%, #fcfcfc 100%);
    background-image: linear-gradient(to top, #e8e8e8 0%, #fcfcfc 100%);
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 4px;
    content: "";
  }
  /* line 40, scss/views/_mobile-advice.scss */
  body.advice .canvas-images ul {
    overflow: auto;
    padding: 10px 0 20px 0;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  /* line 45, scss/views/_mobile-advice.scss */
  body.advice .canvas-images ul li {
    display: inline-block;
    float: none;
    margin: 0;
    margin-right: 6px !important;
    padding: 0;
  }
  /* line 51, scss/views/_mobile-advice.scss */
  body.advice .canvas-images ul li a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 89px;
    height: 89px;
    border: none;
    background-position: center !important;
  }
  /* line 57, scss/views/_mobile-advice.scss */
  body.advice .canvas-images ul li a:active {
    border: 2px solid #acacac;
  }
  /* line 61, scss/views/_mobile-advice.scss */
  body.advice .canvas-images ul li:first-of-type {
    margin-left: 20px;
  }
  /* line 64, scss/views/_mobile-advice.scss */
  body.advice .canvas-images ul li:last-of-type {
    margin-right: 20px;
  }
  /* line 74, scss/views/_mobile-advice.scss */
  body.advice .canvas-images a.shed {
    background: url("/web/images/_new_images/sections/colourselector/selector_1b.jpg") 0 0 no-repeat !important;
  }
  /* line 76, scss/views/_mobile-advice.scss */
  body.advice .canvas-images a.shed:active, body.advice .canvas-images a.shed.active {
    background: url("/web/images/_new_images/sections/colourselector/selector_1a.jpg") 0 0 no-repeat !important;
  }
  /* line 80, scss/views/_mobile-advice.scss */
  body.advice .canvas-images a.arbour {
    background: url("/web/images/_new_images/sections/colourselector/selector_2b.jpg") 0 0 no-repeat !important;
  }
  /* line 82, scss/views/_mobile-advice.scss */
  body.advice .canvas-images a.arbour:active, body.advice .canvas-images a.arbour.active {
    background: url("/web/images/_new_images/sections/colourselector/selector_2a.jpg") 0 0 no-repeat !important;
  }
  /* line 86, scss/views/_mobile-advice.scss */
  body.advice .canvas-images a.fence {
    background: url("/web/images/_new_images/sections/colourselector/selector_3b.jpg") 0 0 no-repeat !important;
  }
  /* line 88, scss/views/_mobile-advice.scss */
  body.advice .canvas-images a.fence:active, body.advice .canvas-images a.fence.active {
    background: url("/web/images/_new_images/sections/colourselector/selector_3a.jpg") 0 0 no-repeat !important;
  }
  /* line 92, scss/views/_mobile-advice.scss */
  body.advice .canvas-images a.furniture {
    background: url("/web/images/_new_images/sections/colourselector/selector_4b.jpg") 0 0 no-repeat !important;
  }
  /* line 94, scss/views/_mobile-advice.scss */
  body.advice .canvas-images a.furniture:active, body.advice .canvas-images a.furniture.active {
    background: url("/web/images/_new_images/sections/colourselector/selector_4a.jpg") 0 0 no-repeat !important;
  }
  /* line 98, scss/views/_mobile-advice.scss */
  body.advice .canvas-images a.planter {
    background: url("/web/images/_new_images/sections/colourselector/selector_5b.jpg") 0 0 no-repeat !important;
  }
  /* line 100, scss/views/_mobile-advice.scss */
  body.advice .canvas-images a.planter:active, body.advice .canvas-images a.planter.active {
    background: url("/web/images/_new_images/sections/colourselector/selector_5a.jpg") 0 0 no-repeat !important;
  }
  /* line 106, scss/views/_mobile-advice.scss */
  body.advice .mobile__title--small {
    margin-bottom: 15px;
  }
  /* line 109, scss/views/_mobile-advice.scss */
  body.advice .imageHeading.grid_12, body.advice .sub-nav-container {
    display: none !important;
    background: none !important;
  }
  /* line 113, scss/views/_mobile-advice.scss */
  body.advice .yellow-section {
    background: none;
  }
  /* line 119, scss/views/_mobile-advice.scss */
  body.advice h2 {
    padding: 0 20px;
    font-size: 18px;
    font-family: 'Arial';
    line-height: 21px;
  }
  /* line 125, scss/views/_mobile-advice.scss */
  body.advice .section-intro {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 127, scss/views/_mobile-advice.scss */
  body.advice .section-intro .grid_3 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 130, scss/views/_mobile-advice.scss */
  body.advice .section-intro .grid_3 img {
    margin-top: -50px;
    height: auto;
  }
  /* line 136, scss/views/_mobile-advice.scss */
  body.advice .section-intro div:nth-of-type(3) {
    overflow: hidden;
    height: 175px;
  }
  /* line 140, scss/views/_mobile-advice.scss */
  body.advice .section-intro ul {
    margin: 0;
    padding: 0 40px;
  }
  /* line 143, scss/views/_mobile-advice.scss */
  body.advice .section-intro ul li {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
  }
  /* line 152, scss/views/_mobile-advice.scss */
  body.advice .container_12.pb20.pt40.content-wrapper {
    margin-top: 17px;
  }
  /* line 156, scss/views/_mobile-advice.scss */
  body.advice .container_12.pb20.pt40.content-wrapper #prepare .section-intro h2 {
    margin-bottom: -5px;
    margin-left: 0;
  }
  /* line 160, scss/views/_mobile-advice.scss */
  body.advice .container_12.pb20.pt40.content-wrapper #prepare .section-intro p.larger {
    margin-top: 20px;
    margin-bottom: 25px;
  }
  /* line 166, scss/views/_mobile-advice.scss */
  body.advice .container_12.pb20.pt40.content-wrapper #prepare .recommended-container h2 {
    margin: -30px 20px 10px 20px;
    padding: 0;
  }
  /* line 170, scss/views/_mobile-advice.scss */
  body.advice .container_12.pb20.pt40.content-wrapper #prepare .recommended-container p {
    display: none;
  }
  /* line 174, scss/views/_mobile-advice.scss */
  body.advice .container_12.pb20.pt40.content-wrapper #prepare .product-listing {
    padding: 0  0px 10px 20px !important;
    text-align: left;
  }
  /* line 182, scss/views/_mobile-advice.scss */
  body.advice .container_12.pb20.pt40.content-wrapper #prepare .product-listing li:last-of-type {
    margin: 0;
  }
  /* line 186, scss/views/_mobile-advice.scss */
  body.advice .container_12.pb20.pt40.content-wrapper #prepare .product-listing li:last-of-type a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 190, scss/views/_mobile-advice.scss */
  body.advice .container_12.pb20.pt40.content-wrapper #prepare .product-listing li:last-of-type span {
    margin: 5px;
    font-size: 13px;
  }
  /* line 197, scss/views/_mobile-advice.scss */
  body.advice .container_12.pb20.pt40.content-wrapper #revive {
    padding: 0 !important;
  }
  /* line 199, scss/views/_mobile-advice.scss */
  body.advice .container_12.pb20.pt40.content-wrapper #revive .section-intro {
    position: relative;
    padding-bottom: 15px;
  }
  /* line 203, scss/views/_mobile-advice.scss */
  body.advice .container_12.pb20.pt40.content-wrapper #revive .section-intro h2 {
    margin-top: 35px;
    margin-bottom: -5px;
  }
  /* line 207, scss/views/_mobile-advice.scss */
  body.advice .container_12.pb20.pt40.content-wrapper #revive .section-intro p.larger {
    margin-top: 20px;
    margin-bottom: 25px;
  }
  /* line 211, scss/views/_mobile-advice.scss */
  body.advice .container_12.pb20.pt40.content-wrapper #revive .section-intro:before {
    background: none !important;
  }
  /* line 216, scss/views/_mobile-advice.scss */
  body.advice .container_12.pb20.pt40.content-wrapper #revive .recommended-container h2 {
    margin: 30px 20px 10px 20px;
    padding: 0;
  }
  /* line 220, scss/views/_mobile-advice.scss */
  body.advice .container_12.pb20.pt40.content-wrapper #revive .recommended-container p {
    display: none;
  }
  /* line 224, scss/views/_mobile-advice.scss */
  body.advice .container_12.pb20.pt40.content-wrapper #revive .product-listing {
    text-align: left !important;
    padding: 0  0 15px 20px !important;
  }
  /* line 227, scss/views/_mobile-advice.scss */
  body.advice .container_12.pb20.pt40.content-wrapper #revive .product-listing li {
    margin-bottom: -15px !important;
    padding-right: 10px !important;
    padding-left: 0 !important;
  }
  /* line 232, scss/views/_mobile-advice.scss */
  body.advice .container_12.pb20.pt40.content-wrapper #revive .product-listing li:last-of-type {
    margin: 0;
  }
  /* line 236, scss/views/_mobile-advice.scss */
  body.advice .container_12.pb20.pt40.content-wrapper #revive .product-listing li:last-of-type a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 240, scss/views/_mobile-advice.scss */
  body.advice .container_12.pb20.pt40.content-wrapper #revive .product-listing li:last-of-type span {
    margin: 5px;
    font-size: 13px;
  }
  /* line 248, scss/views/_mobile-advice.scss */
  body.advice #product-list {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 15px 20px !important;
    width: 100%;
    background: none !important;
    text-align: left !important;
  }
  /* line 255, scss/views/_mobile-advice.scss */
  body.advice #product-list ul {
    text-align: left;
  }
  /* line 258, scss/views/_mobile-advice.scss */
  body.advice #product-list h2 {
    margin: 25px 20px 5px 20px;
    padding: 0;
  }
  /* line 262, scss/views/_mobile-advice.scss */
  body.advice #product-list li {
    margin-bottom: -15px !important;
    padding-right: 10px !important;
    padding-left: 0 !important;
  }
  /* line 270, scss/views/_mobile-advice.scss */
  body.advice .product-listing {
    text-align: left !important;
  }
  /* line 272, scss/views/_mobile-advice.scss */
  body.advice .product-listing li.grid_3 {
    margin-bottom: -15px !important;
    padding-right: 10px !important;
    padding-left: 0 !important;
  }
}
@media (max-width: 640px) {
  /* line 3, scss/views/_mobile-search.scss */
  body#search .products.search .imageHeading {
    display: none;
  }
  /* line 6, scss/views/_mobile-search.scss */
  body#search .products.search.subheading {
    margin-top: 20px;
  }
  /* line 8, scss/views/_mobile-search.scss */
  body#search .products.search.subheading h2 {
    padding: 0 20px;
    font-size: 18px;
    font-family: 'Arial';
    line-height: 21px;
  }
  /* line 14, scss/views/_mobile-search.scss */
  body#search .products.search.subheading h4 {
    display: none;
  }
  /* line 18, scss/views/_mobile-search.scss */
  body#search #product-list {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 !important;
    width: 100% !important;
  }
  /* line 22, scss/views/_mobile-search.scss */
  body#search #product-list ul.list-view {
    margin: 0 !important;
    margin-left: 50px !important;
    padding: 0 !important;
  }
  /* line 26, scss/views/_mobile-search.scss */
  body#search #product-list ul.list-view li.grid_3 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: visible;
    margin: 0 20px 10px 20px;
    margin-bottom: 10px;
    padding: 0;
    background: none !important;
  }
  /* line 33, scss/views/_mobile-search.scss */
  body#search #product-list ul.list-view li.grid_3 .prod-image {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 90px;
    height: 90px;
    border: 1px solid #acacac;
    background: none !important;
    text-align: center;
  }
  /* line 42, scss/views/_mobile-search.scss */
  body#search #product-list ul.list-view li.grid_3 .prod-image img {
    float: none;
    margin: 0 !important;
    max-height: 100% !important;
  }
  /* line 48, scss/views/_mobile-search.scss */
  body#search #product-list ul.list-view li.grid_3 .prod-title {
    width: 140px;
  }
  /* line 51, scss/views/_mobile-search.scss */
  body#search #product-list ul.list-view li.grid_3 .prod-info {
    float: none;
    clear: both;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    background: none !important;
  }
  /* line 66, scss/views/_mobile-search.scss */
  body#search .product-listing:last-of-type .prod-title {
    float: none !important;
    margin: 0 !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
    font-size: 18px !important;
    line-height: 21px !important;
  }
  /* line 78, scss/views/_mobile-search.scss */
  body#search .product-listing:last-of-type .prod-info .right {
    float: none;
    width: auto;
  }
  /* line 82, scss/views/_mobile-search.scss */
  body#search .product-listing:last-of-type .prod-info p {
    margin: 0;
    padding: 0;
  }
  /* line 89, scss/views/_mobile-search.scss */
  body#search .product-listing.list-view a span {
    color: #20681d !important;
  }
  /* line 94, scss/views/_mobile-search.scss */
  body#search .product-listing.list-view a:active span {
    color: #144012 !important;
  }
}
/* line 103, scss/views/_mobile-search.scss */
.search-swatch-background {
  height: 80px;
  width: 197px;
  border: 4px solid #dedede;
  background: grey;
}

/* line 110, scss/views/_mobile-search.scss */
.search-swatch-name {
  color: #fff;
  font-size: 1.15em;
  background: #2e872b;
  display: block;
  line-height: 1em;
  height: 30px;
  padding: 15px;
  margin-bottom: 20px;
}

@media (max-width: 640px) {
  /* line 9, scss/views/_mobile-account.scss */
  #login-form label,
  #account-register label,
  #account-details-form label,
  #change-password label,
  #register-form label {
    position: relative;
    float: none;
    clear: both;
    margin-right: 82px;
  }
  /* line 15, scss/views/_mobile-account.scss */
  #login-form label span,
  #account-register label span,
  #account-details-form label span,
  #change-password label span,
  #register-form label span {
    display: block;
    width: auto !important;
    float: none;
    clear: both;
    margin-bottom: 5px;
    font-size: 0.9rem;
    font-weight: bold;
    text-align: left;
  }
  /* line 26, scss/views/_mobile-account.scss */
  #login-form label input,
  #account-register label input,
  #account-details-form label input,
  #change-password label input,
  #register-form label input {
    width: 100%;
    height: 38px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 33, scss/views/_mobile-account.scss */
  #login-form label .formError,
  #account-register label .formError,
  #account-details-form label .formError,
  #change-password label .formError,
  #register-form label .formError {
    position: absolute;
    width: 72px;
    bottom: 0px;
    right: -92px;
    font-size: 12px;
    color: #eb212e;
  }
  /* line 42, scss/views/_mobile-account.scss */
  #login-form label[for="offers"],
  #account-register label[for="offers"],
  #account-details-form label[for="offers"],
  #change-password label[for="offers"],
  #register-form label[for="offers"] {
    margin-right: 0;
  }
  /* line 45, scss/views/_mobile-account.scss */
  #login-form label[for="offers"] input,
  #account-register label[for="offers"] input,
  #account-details-form label[for="offers"] input,
  #change-password label[for="offers"] input,
  #register-form label[for="offers"] input {
    display: inline-block;
    width: auto;
    height: auto;
  }
  /* line 53, scss/views/_mobile-account.scss */
  #login-form .form-row.no-label,
  #account-register .form-row.no-label,
  #account-details-form .form-row.no-label,
  #change-password .form-row.no-label,
  #register-form .form-row.no-label {
    padding: 8px 0 0 0;
  }
  /* line 56, scss/views/_mobile-account.scss */
  #login-form .form-row.no-label button,
  #account-register .form-row.no-label button,
  #account-details-form .form-row.no-label button,
  #change-password .form-row.no-label button,
  #register-form .form-row.no-label button {
    display: inline-block;
    margin-right: 10px;
  }
  /* line 61, scss/views/_mobile-account.scss */
  #login-form .form-row.no-label p,
  #account-register .form-row.no-label p,
  #account-details-form .form-row.no-label p,
  #change-password .form-row.no-label p,
  #register-form .form-row.no-label p {
    display: inline-block;
    font-weight: bold;
    font-size: 0.8rem !important;
  }

  /* line 71, scss/views/_mobile-account.scss */
  #account-details-form label[for="offers"] {
    margin-right: 0;
  }
  /* line 74, scss/views/_mobile-account.scss */
  #account-details-form label[for="offers"] input {
    width: auto;
    height: auto;
  }
  /* line 80, scss/views/_mobile-account.scss */
  #account-details-form .form-row.no-label ~ .form-row.no-label {
    text-align: right;
  }
  /* line 83, scss/views/_mobile-account.scss */
  #account-details-form .form-row.no-label ~ .form-row.no-label button {
    margin-right: 0;
  }

  /* line 93, scss/views/_mobile-account.scss */
  body.account #account-orders th {
    font-weight: bold;
  }
  /* line 97, scss/views/_mobile-account.scss */
  body.account #account-orders th,
  body.account #account-orders td {
    font-size: 0.8rem;
  }
  /* line 103, scss/views/_mobile-account.scss */
  body.account .account-container {
    margin-top: 0 !important;
  }
  /* line 107, scss/views/_mobile-account.scss */
  body.account #aside {
    display: none;
  }
  /* line 113, scss/views/_mobile-account.scss */
  body.account .container_12 .title.noimage {
    display: block;
    padding: 0;
    margin: 0;
  }
  /* line 118, scss/views/_mobile-account.scss */
  body.account .container_12 .title.noimage h2 {
    padding: 20px;
    margin: 0;
    background-color: #318d2e;
    color: white;
  }
  /* line 127, scss/views/_mobile-account.scss */
  body.account .subNav {
    display: block;
    padding: 0;
    height: 40px;
    background-color: #f1f1f1;
    background-image: none;
  }
  /* line 134, scss/views/_mobile-account.scss */
  body.account .subNav.nav_floated {
    top: 48px;
  }
  /* line 138, scss/views/_mobile-account.scss */
  body.account .subNav ul {
    position: relative;
    display: block;
    height: 40px;
    margin: 0;
    padding: 0;
    overflow: visible;
  }
  /* line 147, scss/views/_mobile-account.scss */
  body.account .subNav li {
    display: inline-block;
    height: 40px;
    margin: 0;
    padding: 0;
  }
  /* line 153, scss/views/_mobile-account.scss */
  body.account .subNav li a {
    display: block;
    padding: 0 5px;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    font-size: 12px;
    color: #a0a0a0;
    text-align: center;
    float: none;
  }
  /* line 164, scss/views/_mobile-account.scss */
  body.account .subNav li a:hover {
    border: 0;
  }
  /* line 169, scss/views/_mobile-account.scss */
  body.account .subNav li.selected {
    background-color: #a0a0a0;
  }
  /* line 172, scss/views/_mobile-account.scss */
  body.account .subNav li.selected a {
    color: white;
    border: 0;
  }
  /* line 178, scss/views/_mobile-account.scss */
  body.account .subNav li.back-to-top {
    display: none !important;
  }
  /* line 182, scss/views/_mobile-account.scss */
  body.account .subNav li:first-child, body.account .subNav li:nth-child(2), body.account .subNav li:nth-child(3) {
    position: relative;
    display: block;
    float: left;
    clear: right;
    width: 33.33%;
  }
  /* line 195, scss/views/_mobile-account.scss */
  body.account .subNav li:nth-child(2):before, body.account .subNav li:nth-child(3):before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    width: 0px;
    height: 30px;
    top: 5px;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid white;
  }
  /* line 208, scss/views/_mobile-account.scss */
  body.account .subNav li:nth-child(2).selected:before, body.account .subNav li:nth-child(3).selected:before {
    display: none;
  }
  /* line 213, scss/views/_mobile-account.scss */
  body.account .subNav li:nth-child(4) {
    position: absolute;
    right: 20px;
    bottom: 60px;
  }
  /* line 223, scss/views/_mobile-account.scss */
  body.account .container_12.content-wrapper.account-container h2 {
    margin-left: -20px;
    margin-right: -20px;
  }
  /* line 233, scss/views/_mobile-account.scss */
  body.account.account-register .grid_6 > h2 {
    display: none;
  }
  /* line 238, scss/views/_mobile-account.scss */
  body.account.account-register input + .form-row.no-label {
    float: none;
    clear: both;
    text-align: right;
  }
  /* line 243, scss/views/_mobile-account.scss */
  body.account.account-register input + .form-row.no-label button {
    margin-right: 0 !important;
  }
  /* line 251, scss/views/_mobile-account.scss */
  body.account.account-order-detail #order-detail-delivery {
    padding-top: 15px;
    border-top: 1px solid #acacac;
  }
  /* line 260, scss/views/_mobile-account.scss */
  body.account.account-order-detail .account-container .grid_12.waypoint h3 {
    display: block;
  }
  /* line 268, scss/views/_mobile-account.scss */
  body.account.account-order-detail .order-detail-items h3 {
    display: none !important;
  }
  /* line 273, scss/views/_mobile-account.scss */
  body.account.account-order-detail #basket-totals {
    padding-top: 20px;
    float: none;
    clear: both;
  }
  /* line 278, scss/views/_mobile-account.scss */
  body.account.account-order-detail #basket-totals table {
    width: 100%;
    float: none;
    clear: both;
  }
  /* line 283, scss/views/_mobile-account.scss */
  body.account.account-order-detail #basket-totals table th {
    text-align: left;
  }
  /* line 287, scss/views/_mobile-account.scss */
  body.account.account-order-detail #basket-totals table td {
    text-align: right;
  }
  /* line 293, scss/views/_mobile-account.scss */
  body.account.account-order-detail #basket-totals table tr:nth-child(4) th,
  body.account.account-order-detail #basket-totals table tr:nth-child(4) td {
    padding-top: 20px;
    font-size: 1.2rem;
  }
  /* line 309, scss/views/_mobile-account.scss */
  body.account form .form-row label span {
    display: block;
  }

  /* line 319, scss/views/_mobile-account.scss */
  body.account-login .container_12.content-wrapper.account-container h2 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
/* line 2, scss/views/_mobile-basket.scss */
body#order .basket-header-buttons {
  display: none;
}

@media (max-width: 640px) {
  /* line 29, scss/views/_mobile-basket.scss */
  body#order .basket-headers {
    display: none;
  }
  /* line 33, scss/views/_mobile-basket.scss */
  body#order .basket-header-buttons {
    display: block;
    padding: 0 20px;
    float: none;
    clear: both;
  }
  /* line 39, scss/views/_mobile-basket.scss */
  body#order .basket-header-buttons .button.profile-link {
    padding: 3px 30px 4px 14px;
  }
}
@media (max-width: 640px) and (min-width: 350px) {
  /* line 39, scss/views/_mobile-basket.scss */
  body#order .basket-header-buttons .button.profile-link {
    float: left;
  }
}
@media (max-width: 640px) {
  /* line 46, scss/views/_mobile-basket.scss */
  body#order .basket-header-buttons .button.profile-link span {
    background-image: url("/web/images/buttons/profile_icon.png");
    background-size: 14px 12px;
    width: 14px;
  }
  /* line 53, scss/views/_mobile-basket.scss */
  body#order .basket-header-buttons .basket-nav-checkout {
    margin-top: 10px;
    padding: 3px 14px 4px 14px;
  }
}
@media (max-width: 640px) and (min-width: 350px) {
  /* line 53, scss/views/_mobile-basket.scss */
  body#order .basket-header-buttons .basket-nav-checkout {
    margin-top: 0;
    float: right;
  }
}
@media (max-width: 640px) {
  /* line 64, scss/views/_mobile-basket.scss */
  body#order .basket-items-full {
    float: none;
    clear: both;
    margin-top: 20px;
    background-color: #fffbdd;
    z-index: 1;
  }
  /* line 71, scss/views/_mobile-basket.scss */
  body#order .basket-items-full:before {
    content: "";
    display: block;
    position: relative;
    top: 0px;
    left: 0px;
    height: 12px;
    background-image: url("/web/images/_new_images/zig-zag-transp-top.png");
    background-repeat: repeat-x;
    background-position: top;
    background-size: 24px 12px;
    z-index: 2;
  }
  /* line 85, scss/views/_mobile-basket.scss */
  body#order .basket-items-full:after {
    content: "";
    display: block;
    position: relative;
    bottom: 0px;
    left: 0px;
    height: 12px;
    background-image: url("/web/images/_new_images/zig-zag-yellow-bottom.png");
    background-repeat: repeat-x;
    background-position: bottom;
    background-size: 24px 12px;
    z-index: 2;
  }
  /* line 99, scss/views/_mobile-basket.scss */
  body#order .basket-items-full li {
    display: block;
    position: relative;
    float: none;
    clear: both;
    padding: 20px 20px 25px 20px;
    margin: 0;
    overflow: hidden;
  }
  /* line 108, scss/views/_mobile-basket.scss */
  body#order .basket-items-full li .sep {
    clear: both;
    padding: 0;
    border-top: 1px solid #e9e4c2;
    border-bottom: 1px solid white;
    position: relative;
    top: 20px;
  }
  /* line 119, scss/views/_mobile-basket.scss */
  body#order .basket-items-full li:last-child .sep {
    display: none;
  }
  /* line 124, scss/views/_mobile-basket.scss */
  body#order .basket-items-full .thumbnail {
    display: block;
    width: 35px !important;
    padding: 5px 5px;
    float: left;
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-color: #acacac;
  }
  /* line 134, scss/views/_mobile-basket.scss */
  body#order .basket-items-full .thumbnail img {
    width: 35px !important;
    height: 50px !important;
    border: 0;
    display: block;
  }
  /* line 141, scss/views/_mobile-basket.scss */
  body#order .basket-items-full .quantity {
    display: block;
    width: auto !important;
    font-weight: bold;
    font-size: 1.05rem;
  }
  /* line 150, scss/views/_mobile-basket.scss */
  body#order .basket-items-full .quantity .basket-quantity {
    font-size: 12px;
  }
  /* line 153, scss/views/_mobile-basket.scss */
  body#order .basket-items-full .quantity .submit-quantity {
    font-size: 0.8rem;
  }
}
@media (max-width: 640px) and (min-width: 350px) {
  /* line 141, scss/views/_mobile-basket.scss */
  body#order .basket-items-full .quantity {
    whitespace: no-wrap;
  }
  /* line 159, scss/views/_mobile-basket.scss */
  body#order .basket-items-full .quantity .basket-quantity,
  body#order .basket-items-full .quantity .submit-quantity {
    display: inline-block;
  }
}
@media (max-width: 640px) {
  /* line 165, scss/views/_mobile-basket.scss */
  body#order .basket-items-full .item_price {
    display: block;
    width: auto !important;
    margin-right: 5px !important;
    padding-left: 10px;
  }
  /* line 173, scss/views/_mobile-basket.scss */
  body#order .basket-items-full .item_price:after {
    display: inline-block;
    content: 'x';
    margin-left: 5px;
  }
  /* line 179, scss/views/_mobile-basket.scss */
  body#order .basket-items-full .item_price input {
    display: inline-block;
    margin: 0;
    float: none;
    clear: none;
  }
  /* line 185, scss/views/_mobile-basket.scss */
  body#order .basket-items-full .item_price input:first-child {
    height: 24px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right;
  }
  /* line 193, scss/views/_mobile-basket.scss */
  body#order .basket-items-full .product_price {
    display: block;
    float: right;
    width: auto !important;
    padding-right: 10px;
  }
  /* line 202, scss/views/_mobile-basket.scss */
  body#order .basket-items-full .product_name {
    display: block;
    width: auto !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    padding-left: 50px !important;
    padding-right: 15px !important;
    border-bottom: 1px solid #efebd1;
    margin-bottom: 15px;
    float: none;
    clear: none;
    padding: 0 0 15px 0;
    font-weight: bold;
    font-size: 13px;
    min-height: 65px;
  }
  /* line 218, scss/views/_mobile-basket.scss */
  body#order .basket-items-full .product_name p {
    font-weight: normal;
    font-size: 13px !important;
  }
  /* line 223, scss/views/_mobile-basket.scss */
  body#order .basket-items-full .product_delete {
    position: absolute;
    top: 20px;
    right: 20px;
    width: auto !important;
  }
  /* line 229, scss/views/_mobile-basket.scss */
  body#order .basket-items-full .btn-primary.remove {
    position: relative;
    display: block;
    width: 18px;
    height: 25px;
    padding: 0;
    margin: 0;
    background-color: transparent;
    background-image: url("/web/images/global/delete.png");
    background-size: 18px 25px;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: none;
    border: 0;
    overflow: hidden;
    text-indent: 36px;
  }
  /* line 248, scss/views/_mobile-basket.scss */
  body#order .basket-summary-full {
    display: block;
    padding: 20px;
    float: none;
    clear: both;
  }
  /* line 255, scss/views/_mobile-basket.scss */
  body#order .basket-checkout {
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
  }
  /* line 259, scss/views/_mobile-basket.scss */
  body#order .basket-checkout input {
    float: right;
  }
  /* line 264, scss/views/_mobile-basket.scss */
  body#order .basket-empty {
    padding-left: 30px;
  }
  /* line 268, scss/views/_mobile-basket.scss */
  body#order .title.no-border.grid_12 {
    display: block;
    float: none;
    clear: both;
  }
  /* line 273, scss/views/_mobile-basket.scss */
  body#order .title.no-border.grid_12 div {
    width: auto !important;
    display: block;
    float: none;
    clear: both;
  }
  /* line 280, scss/views/_mobile-basket.scss */
  body#order .title.no-border.grid_12 h2 {
    display: block;
    padding: 20px;
    margin: 0 0 20px 0;
    background-color: #318d2e;
    color: white;
  }
  /* line 289, scss/views/_mobile-basket.scss */
  body#order .table-wrapper {
    float: left;
    height: 100%;
    width: 100%;
    position: relative;
  }

  /* line 302, scss/views/_mobile-basket.scss */
  body.basket-payment #order-form > h3 {
    display: block;
    padding: 20px;
    margin: 0 -20px 20px -20px;
    background-color: #318d2e;
    color: white;
  }
  /* line 310, scss/views/_mobile-basket.scss */
  body.basket-payment #order-form > .grid_12 {
    border-top: 1px solid #acacac;
  }
  /* line 313, scss/views/_mobile-basket.scss */
  body.basket-payment #order-form > .grid_12 h3 {
    display: block;
    padding-top: 20px;
    margin-bottom: 0;
    font-size: 14px;
  }
  /* line 320, scss/views/_mobile-basket.scss */
  body.basket-payment #order-form > .grid_12 fieldset {
    padding: 0;
  }
  /* line 326, scss/views/_mobile-basket.scss */
  body.basket-payment #order-form > .grid_12:nth-child(4) h3 {
    font-size: 18px;
  }
  /* line 331, scss/views/_mobile-basket.scss */
  body.basket-payment #order-form > .grid_12:nth-child(5) {
    padding-top: 15px;
    text-align: right;
  }
  /* line 335, scss/views/_mobile-basket.scss */
  body.basket-payment #order-form > .grid_12:nth-child(5) h3 {
    display: none;
    text-align: left;
  }
  /* line 340, scss/views/_mobile-basket.scss */
  body.basket-payment #order-form > .grid_12:nth-child(5) label {
    margin-right: 0;
    text-align: left;
  }
  /* line 345, scss/views/_mobile-basket.scss */
  body.basket-payment #order-form > .grid_12:nth-child(5) button {
    display: inline-block;
  }
  /* line 349, scss/views/_mobile-basket.scss */
  body.basket-payment #order-form > .grid_12:nth-child(5) input {
    display: inline-block;
    width: auto !important;
  }
  /* line 357, scss/views/_mobile-basket.scss */
  body.basket-payment #security-notice-3d-secure {
    padding: 20px 20px 0 20px;
  }
  /* line 360, scss/views/_mobile-basket.scss */
  body.basket-payment #security-notice-3d-secure p {
    font-size: 0.8rem !important;
  }
  /* line 364, scss/views/_mobile-basket.scss */
  body.basket-payment #security-notice-3d-secure strong {
    font-weight: normal;
  }
  /* line 371, scss/views/_mobile-basket.scss */
  body.basket-payment #checkout-security li {
    display: block;
    width: 50%;
    float: left;
    clear: right;
    text-align: center;
  }
  /* line 380, scss/views/_mobile-basket.scss */
  body.basket-payment #order-basket-summary {
    border-top: 1px solid #acacac;
    padding-top: 15px;
  }
  /* line 384, scss/views/_mobile-basket.scss */
  body.basket-payment #order-basket-summary th {
    font-size: 14px;
  }
  /* line 391, scss/views/_mobile-basket.scss */
  body.basket-payment #basket-totals table {
    width: 100%;
    float: none;
    clear: both;
  }
  /* line 397, scss/views/_mobile-basket.scss */
  body.basket-payment #basket-totals td {
    text-align: right;
  }
  /* line 401, scss/views/_mobile-basket.scss */
  body.basket-payment #basket-totals th {
    text-align: left;
  }
  /* line 407, scss/views/_mobile-basket.scss */
  body.basket-payment #basket-totals .t-total-grand td,
  body.basket-payment #basket-totals .t-total-grand th {
    padding-top: 20px;
    font-size: 1.2rem;
  }
  /* line 415, scss/views/_mobile-basket.scss */
  body.basket-payment #account-order-items {
    float: none;
    clear: both;
  }

  /* line 424, scss/views/_mobile-basket.scss */
  body.basket-shipping .title.no-border.grid_12,
  body.basket-payment .title.no-border.grid_12 {
    display: none;
  }
  /* line 430, scss/views/_mobile-basket.scss */
  body.basket-shipping .account-container .grid_12,
  body.basket-payment .account-container .grid_12 {
    display: block;
    width: auto !important;
    float: none;
    clear: both;
  }
  /* line 437, scss/views/_mobile-basket.scss */
  body.basket-shipping .account-container h2,
  body.basket-payment .account-container h2 {
    padding: 20px;
    background-color: #318d2e;
    color: white;
  }
  /* line 443, scss/views/_mobile-basket.scss */
  body.basket-shipping .account-container form,
  body.basket-payment .account-container form {
    padding: 0 20px;
  }
  /* line 447, scss/views/_mobile-basket.scss */
  body.basket-shipping .account-container label,
  body.basket-payment .account-container label {
    position: relative;
    float: none;
    clear: both;
    margin-right: 82px;
  }
  /* line 453, scss/views/_mobile-basket.scss */
  body.basket-shipping .account-container label span,
  body.basket-payment .account-container label span {
    display: block;
    width: auto !important;
    float: none;
    clear: both;
    margin-bottom: 5px;
    font-size: 0.9rem;
    font-weight: bold;
    text-align: left;
  }
  /* line 464, scss/views/_mobile-basket.scss */
  body.basket-shipping .account-container label input,
  body.basket-payment .account-container label input {
    width: 100%;
    height: 38px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 471, scss/views/_mobile-basket.scss */
  body.basket-shipping .account-container label .formError,
  body.basket-payment .account-container label .formError {
    position: absolute;
    width: 72px;
    bottom: 0px;
    right: -92px;
    font-size: 12px;
    color: #eb212e;
  }
  /* line 480, scss/views/_mobile-basket.scss */
  body.basket-shipping .account-container label[for="billingAddressSameSw"],
  body.basket-payment .account-container label[for="billingAddressSameSw"] {
    margin-right: 0;
    text-align: left;
  }
  /* line 484, scss/views/_mobile-basket.scss */
  body.basket-shipping .account-container label[for="billingAddressSameSw"] input,
  body.basket-payment .account-container label[for="billingAddressSameSw"] input {
    display: inline-block;
    width: auto !important;
  }
  /* line 491, scss/views/_mobile-basket.scss */
  body.basket-shipping .account-container .form-row.no-label,
  body.basket-payment .account-container .form-row.no-label {
    padding: 8px 0 0 0;
    text-align: right;
  }
  /* line 495, scss/views/_mobile-basket.scss */
  body.basket-shipping .account-container .form-row.no-label button,
  body.basket-payment .account-container .form-row.no-label button {
    display: inline-block;
    margin-right: 0;
  }

  /* line 507, scss/views/_mobile-basket.scss */
  body.basket-confirmation .thanks-list h2,
  body.basket-confirmation .thanks-list .title.grid_12 {
    display: block;
    margin: 0;
  }
  /* line 513, scss/views/_mobile-basket.scss */
  body.basket-confirmation .thanks-list h2 {
    padding: 20px;
    margin: 0 -20px 20px -20px;
    background-color: #318d2e;
    color: white;
  }
  /* line 520, scss/views/_mobile-basket.scss */
  body.basket-confirmation .thanks-list .grid_12 {
    display: block;
    width: auto !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
    float: none;
    clear: both;
  }
  /* line 530, scss/views/_mobile-basket.scss */
  body.basket-confirmation #register-form {
    padding: 0;
    margin: 0 !important;
  }
  /* line 534, scss/views/_mobile-basket.scss */
  body.basket-confirmation #register-form legend {
    display: none;
  }
  /* line 538, scss/views/_mobile-basket.scss */
  body.basket-confirmation #register-form dt {
    display: block;
    position: relative;
    float: none;
    clear: both;
    width: auto !important;
    font-size: 0.9rem;
    font-weight: bold;
    text-align: left;
  }
  /* line 548, scss/views/_mobile-basket.scss */
  body.basket-confirmation #register-form dt label {
    width: auto !important;
    margin: 0;
    padding-bottom: 5px;
  }
  /* line 555, scss/views/_mobile-basket.scss */
  body.basket-confirmation #register-form dd {
    display: block;
    margin: 0 !important;
    float: none;
    clear: both;
  }
  /* line 561, scss/views/_mobile-basket.scss */
  body.basket-confirmation #register-form dd input {
    position: relative;
    float: none;
    clear: both;
    width: 100%;
    height: 38px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 574, scss/views/_mobile-basket.scss */
  body.basket-confirmation #register-form fieldset.offers em {
    display: none;
  }
  /* line 578, scss/views/_mobile-basket.scss */
  body.basket-confirmation #register-form fieldset.offers ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
  }
  /* line 584, scss/views/_mobile-basket.scss */
  body.basket-confirmation #register-form fieldset.offers input {
    display: inline-block;
    width: auto;
    height: auto;
  }
  /* line 591, scss/views/_mobile-basket.scss */
  body.basket-confirmation #register-form input.submit {
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    outline: 0;
    box-shadow: none;
    margin-top: 20px;
    float: right;
  }

  /* line 605, scss/views/_mobile-basket.scss */
  .right-col_recommended {
    padding-top: 20px !important;
    padding-left: 20px;
    padding-right: 20px;
    clear: both;
  }
  /* line 611, scss/views/_mobile-basket.scss */
  .right-col_recommended ul {
    padding: 0;
    margin: 0;
  }
  /* line 615, scss/views/_mobile-basket.scss */
  .right-col_recommended ul .rec-product {
    list-style: none;
    float: left;
    display: block;
    padding: 10px;
    border: 1px solid green;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 623, scss/views/_mobile-basket.scss */
  .right-col_recommended ul .rec-product input[type="submit"] {
    display: block;
  }
  /* line 626, scss/views/_mobile-basket.scss */
  .right-col_recommended ul .rec-product form {
    text-align: left;
  }
  /* line 630, scss/views/_mobile-basket.scss */
  .right-col_recommended ul .rec-product-image {
    width: 50px;
    float: left;
    margin-right: 10px;
  }
  /* line 634, scss/views/_mobile-basket.scss */
  .right-col_recommended ul .rec-product-image > img {
    width: 100%;
    height: auto;
  }
  /* line 639, scss/views/_mobile-basket.scss */
  .right-col_recommended ul .rec-product-data {
    overflow: hidden;
    clear: none !important;
  }
  /* line 643, scss/views/_mobile-basket.scss */
  .right-col_recommended ul .rec-product-name {
    display: block;
    font-size: 12px;
    font-weight: bold;
  }
}
@media (max-width: 640px) {
  /* line 3, scss/views/_mobile-basket-login.scss */
  .order-progress {
    display: none;
  }

  /* line 7, scss/views/_mobile-basket-login.scss */
  .order-progress + .container_12.content-wrapper.account-container {
    margin-top: 0;
    padding: 0 !important;
  }

  /* line 15, scss/views/_mobile-basket-login.scss */
  #account-login h2,
  #account-register h2 {
    padding: 20px;
    background-color: #318d2e;
    color: white;
  }
  /* line 21, scss/views/_mobile-basket-login.scss */
  #account-login > p,
  #account-register > p {
    padding: 0 20px;
  }
  /* line 25, scss/views/_mobile-basket-login.scss */
  #account-login form,
  #account-register form {
    padding: 0 20px;
  }

  /* line 32, scss/views/_mobile-basket-login.scss */
  #account-login .form-row.no-label {
    padding: 8px 0 0 0;
  }
  /* line 35, scss/views/_mobile-basket-login.scss */
  #account-login .form-row.no-label button {
    display: inline-block;
    margin-right: 10px;
  }
  /* line 40, scss/views/_mobile-basket-login.scss */
  #account-login .form-row.no-label p {
    display: inline-block;
    font-weight: bold;
    font-size: 0.8rem !important;
  }
}
@media (max-width: 640px) {
  /* line 4, scss/views/_mobile-shed-of-the-year.scss */
  body.shedoftheyear h2, body.shedoftheyear p {
    padding: 0 10px;
  }
  /* line 8, scss/views/_mobile-shed-of-the-year.scss */
  body.shedoftheyear h2 {
    font-size: 20px !important;
  }
  /* line 12, scss/views/_mobile-shed-of-the-year.scss */
  body.shedoftheyear p {
    font-size: 14px !important;
  }
  /* line 16, scss/views/_mobile-shed-of-the-year.scss */
  body.shedoftheyear .heading-wrapper, body.shedoftheyear .sub-nav-container {
    display: none;
  }
  /* line 21, scss/views/_mobile-shed-of-the-year.scss */
  body.shedoftheyear #about .mobile-image, body.shedoftheyear #about .mobile-image img {
    display: block;
    width: 100%;
  }
  /* line 26, scss/views/_mobile-shed-of-the-year.scss */
  body.shedoftheyear #about .grid_3 {
    display: none;
  }
  /* line 31, scss/views/_mobile-shed-of-the-year.scss */
  body.shedoftheyear #copy-finalist {
    margin: 0 10px;
  }
  /* line 34, scss/views/_mobile-shed-of-the-year.scss */
  body.shedoftheyear #copy-finalist p {
    width: auto;
  }
  /* line 39, scss/views/_mobile-shed-of-the-year.scss */
  body.shedoftheyear #finalists {
    text-align: center;
  }
  /* line 43, scss/views/_mobile-shed-of-the-year.scss */
  body.shedoftheyear #finalists .categories li {
    width: 80%;
    text-align: left;
    margin: 0 auto;
    float: none;
    border: none;
    background: #299a0b;
    /* Old browsers */
    background: -moz-linear-gradient(top, #299a0b 0%, #0a842b 56%, #097a3c 82%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #299a0b), color-stop(56%, #0a842b), color-stop(82%, #097a3c));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #299a0b 0%, #0a842b 56%, #097a3c 82%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #299a0b 0%, #0a842b 56%, #097a3c 82%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #299a0b 0%, #0a842b 56%, #097a3c 82%);
    /* IE10+ */
    background: linear-gradient(to bottom, #299a0b 0%, #0a842b 56%, #097a3c 82%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#097a3c',GradientType=0 );
    /* IE6-9 */
    color: #eef9ee;
  }
  /* line 58, scss/views/_mobile-shed-of-the-year.scss */
  body.shedoftheyear #finalists .categories li > span {
    display: block;
    color: inherit;
  }
  /* line 94, scss/views/_mobile-shed-of-the-year.scss */
  body.shedoftheyear .participants > div > ul > li {
    display: block !important;
  }
  /* line 100, scss/views/_mobile-shed-of-the-year.scss */
  body.shedoftheyear .participants ul {
    margin: 0;
  }
  /* line 103, scss/views/_mobile-shed-of-the-year.scss */
  body.shedoftheyear .participants ul li {
    padding: 40px 0;
  }
  /* line 108, scss/views/_mobile-shed-of-the-year.scss */
  body.shedoftheyear .participants div, body.shedoftheyear .participants div ul li {
    width: 100%;
  }
  /* line 112, scss/views/_mobile-shed-of-the-year.scss */
  body.shedoftheyear .participants div .slideshow, body.shedoftheyear .participants div .slideshow div, body.shedoftheyear .participants div ul li .slideshow, body.shedoftheyear .participants div ul li .slideshow div {
    width: 100%;
    box-shadow: none;
  }
  /* line 116, scss/views/_mobile-shed-of-the-year.scss */
  body.shedoftheyear .participants div .slideshow img, body.shedoftheyear .participants div .slideshow div img, body.shedoftheyear .participants div ul li .slideshow img, body.shedoftheyear .participants div ul li .slideshow div img {
    width: 100%;
    box-shadow: none;
    display: inline-block !important;
  }
  /* line 120, scss/views/_mobile-shed-of-the-year.scss */
  body.shedoftheyear .participants div .slideshow img.big, body.shedoftheyear .participants div .slideshow div img.big, body.shedoftheyear .participants div ul li .slideshow img.big, body.shedoftheyear .participants div ul li .slideshow div img.big {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 126, scss/views/_mobile-shed-of-the-year.scss */
  body.shedoftheyear .participants div .content, body.shedoftheyear .participants div ul li .content {
    width: auto;
  }
  /* line 129, scss/views/_mobile-shed-of-the-year.scss */
  body.shedoftheyear .participants div .content .button, body.shedoftheyear .participants div ul li .content .button {
    margin: 15px 0 15px 10px;
  }

  /* line 138, scss/views/_mobile-shed-of-the-year.scss */
  iframe {
    width: 100%;
    height: 225px;
  }
}
/* line 3, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .heading-wrapper .button {
  position: absolute;
  left: 50%;
  margin-left: -300px;
  top: 320px;
}
/* line 10, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .center-text-block {
  padding: 0 60px;
  text-align: center;
}
/* line 14, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .center-text-block h2 {
  color: #91b830;
  font-size: 32px;
  text-transform: uppercase;
}
/* line 20, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .center-text-block p {
  color: #969696;
}
/* line 24, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .center-text-block .button {
  display: inline-block;
  margin-top: 30px;
}
/* line 28, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .center-text-block .button.mobile {
  display: none;
}
/* line 34, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .combination-result-grid {
  text-align: center;
  margin-top: 55px;
}
/* line 38, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .combination-result-grid .gril-col {
  display: inline-block;
  max-width: 231px;
  min-height: 230px;
  vertical-align: top;
}
/* line 44, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .combination-result-grid .gril-col img {
  display: block;
  max-width: 231px;
  height: auto;
}
/* line 50, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .combination-result-grid .gril-col.plus-sign, body.sheds.spraynbrush .combination-result-grid .gril-col.equals-sign {
  position: relative;
  width: 25px;
  margin: 0 10px;
}
/* line 56, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .combination-result-grid .gril-col.plus-sign:after, body.sheds.spraynbrush .combination-result-grid .gril-col.equals-sign:after {
  content: "";
  position: absolute;
  top: 90px;
  left: 0px;
  width: 100%;
  text-align: center;
  font-size: 44px;
  color: #91b830;
}
/* line 70, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .combination-result-grid .gril-col.plus-sign:after {
  content: "+";
}
/* line 75, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .combination-result-grid .gril-col.equals-sign {
  margin: 0 0 0 10px;
}
/* line 78, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .combination-result-grid .gril-col.equals-sign:after {
  content: "=";
}
/* line 83, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .combination-result-grid .gril-col.range {
  padding-top: 30px;
}
/* line 88, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .combination-result-grid p {
  margin-top: 35px;
  color: #969696;
}
/* line 94, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .video-title {
  margin-top: 20px;
  text-align: center;
  color: #969696;
}
/* line 100, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush hr {
  position: relative;
  display: block;
  width: auto;
  max-width: 960px;
  height: 120px;
  margin: 0 auto;
  border: 0;
  outline: 0;
  background-color: transparent;
  background-image: url("/web/images/_new_images/sections/spraynbrush/hr.png");
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}
/* line 116, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .combination-result-grid + hr {
  margin-top: -10px;
}
/* line 120, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .three-col + hr {
  margin-top: 0px;
}
/* line 124, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .three-col.videos {
  padding-bottom: 0;
}
/* line 127, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .three-col.videos .grid_4 {
  text-align: center;
}
/* line 130, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .three-col.videos .grid_4 img {
  display: block;
  max-width: 100%;
  height: auto;
}
/* line 136, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .three-col.videos .grid_4 p {
  margin-bottom: 0;
}
/* line 142, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .pickupyours-figure {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
/* line 148, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush div.title {
  border: 0;
  margin-bottom: 0;
  margin-top: 34px;
}
/* line 154, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .tool-colour-full-container .garden-shades-logo {
  display: block;
  margin: 0 auto;
}
/* line 159, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .colours-teaser {
  padding: 20px 0;
  text-align: center;
  border-width: 2px 0;
  border-style: solid;
  border-color: #b3b3b3;
}
/* line 166, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .colours-teaser h2 {
  text-align: left;
}
/* line 170, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .colours-teaser .colours {
  margin: 25px 0;
  list-style: none;
  text-align: left;
}
/* line 175, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .colours-teaser .colours li {
  display: inline-block;
}
/* line 179, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .colours-teaser .colours img {
  width: 65px;
  height: 65px;
}
/* line 185, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .colours-teaser p {
  text-align: center;
  color: #2A7A28;
}
/* line 190, scss/views/_spraynbrush.scss */
body.sheds.spraynbrush .colours-teaser .button {
  display: inline-block;
}

@media (max-width: 640px) {
  /* line 199, scss/views/_spraynbrush.scss */
  body.sheds.spraynbrush .center-text-block {
    padding-bottom: 60px;
  }
  /* line 203, scss/views/_spraynbrush.scss */
  body.sheds.spraynbrush .center-text-block .button.mobile {
    display: inline-block;
  }
  /* line 209, scss/views/_spraynbrush.scss */
  body.sheds.spraynbrush .combination-result-grid {
    padding-bottom: 50px;
  }
  /* line 212, scss/views/_spraynbrush.scss */
  body.sheds.spraynbrush .combination-result-grid .gril-col {
    display: block;
    max-width: none;
    min-height: 0px;
  }
  /* line 217, scss/views/_spraynbrush.scss */
  body.sheds.spraynbrush .combination-result-grid .gril-col img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
  }
  /* line 223, scss/views/_spraynbrush.scss */
  body.sheds.spraynbrush .combination-result-grid .gril-col.plus-sign, body.sheds.spraynbrush .combination-result-grid .gril-col.equals-sign {
    width: auto;
    height: 60px;
    margin: 0 auto;
  }
  /* line 229, scss/views/_spraynbrush.scss */
  body.sheds.spraynbrush .combination-result-grid .gril-col.plus-sign:after, body.sheds.spraynbrush .combination-result-grid .gril-col.equals-sign:after {
    top: 0px;
  }
  /* line 234, scss/views/_spraynbrush.scss */
  body.sheds.spraynbrush .combination-result-grid .gril-col.equals-sign {
    margin: 0;
  }
  /* line 238, scss/views/_spraynbrush.scss */
  body.sheds.spraynbrush .combination-result-grid .gril-col.range {
    padding-top: 0px;
  }
  /* line 243, scss/views/_spraynbrush.scss */
  body.sheds.spraynbrush .combination-result-grid p {
    padding: 0 20px;
    margin-top: 30px;
    font-size: 12px;
  }
  /* line 250, scss/views/_spraynbrush.scss */
  body.sheds.spraynbrush hr {
    height: 60px;
    background-position: center top;
  }
  /* line 255, scss/views/_spraynbrush.scss */
  body.sheds.spraynbrush .three-col.videos {
    padding-top: 0;
    padding-bottom: 20px;
  }
  /* line 259, scss/views/_spraynbrush.scss */
  body.sheds.spraynbrush .three-col.videos .grid_4 {
    margin-bottom: 20px;
  }
  /* line 264, scss/views/_spraynbrush.scss */
  body.sheds.spraynbrush .tool-colour-full-container .garden-shades-logo {
    display: block;
    margin: 0 auto 25px auto;
  }
  /* line 269, scss/views/_spraynbrush.scss */
  body.sheds.spraynbrush .colours-teaser {
    margin-left: 20px;
    margin-right: 20px;
  }
  /* line 273, scss/views/_spraynbrush.scss */
  body.sheds.spraynbrush .colours-teaser .colours {
    margin: 25px 0;
    list-style: none;
    text-align: left;
  }
  /* line 278, scss/views/_spraynbrush.scss */
  body.sheds.spraynbrush .colours-teaser .colours li {
    margin: 4px 0;
  }
}
/* line 3, scss/views/_gardenshades.scss */
body.sheds.gardenshades .heading-wrapper {
  position: relative;
}
/* line 6, scss/views/_gardenshades.scss */
body.sheds.gardenshades .heading-wrapper .button {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  bottom: 35px;
  width: 255px;
  height: 22px;
  background: url(/web/images/_new_images/bg-button-large.png) 0 0 repeat-x;
  font-size: 22px;
}
/* line 16, scss/views/_gardenshades.scss */
body.sheds.gardenshades .heading-wrapper .button span {
  top: 9px;
}
/* line 22, scss/views/_gardenshades.scss */
body.sheds.gardenshades .center-text-block {
  padding: 0 60px;
  text-align: center;
}
/* line 26, scss/views/_gardenshades.scss */
body.sheds.gardenshades .center-text-block h2 {
  color: #91b830;
  font-size: 32px;
  text-transform: uppercase;
}
/* line 32, scss/views/_gardenshades.scss */
body.sheds.gardenshades .center-text-block p {
  color: #969696;
}
/* line 36, scss/views/_gardenshades.scss */
body.sheds.gardenshades .center-text-block .button {
  display: inline-block;
  margin-top: 30px;
}
/* line 40, scss/views/_gardenshades.scss */
body.sheds.gardenshades .center-text-block .button.mobile {
  display: none;
}
/* line 46, scss/views/_gardenshades.scss */
body.sheds.gardenshades .get-inspired-mobile {
  display: none;
}
/* line 50, scss/views/_gardenshades.scss */
body.sheds.gardenshades .combination-result-grid {
  text-align: center;
  margin-top: 55px;
}
/* line 54, scss/views/_gardenshades.scss */
body.sheds.gardenshades .combination-result-grid .gril-col {
  display: inline-block;
  max-width: 231px;
  min-height: 230px;
  vertical-align: top;
}
/* line 60, scss/views/_gardenshades.scss */
body.sheds.gardenshades .combination-result-grid .gril-col img {
  display: block;
  max-width: 231px;
  height: auto;
}
/* line 66, scss/views/_gardenshades.scss */
body.sheds.gardenshades .combination-result-grid .gril-col.plus-sign, body.sheds.gardenshades .combination-result-grid .gril-col.equals-sign {
  position: relative;
  width: 25px;
  margin: 0 10px;
}
/* line 72, scss/views/_gardenshades.scss */
body.sheds.gardenshades .combination-result-grid .gril-col.plus-sign:after, body.sheds.gardenshades .combination-result-grid .gril-col.equals-sign:after {
  content: "";
  position: absolute;
  top: 90px;
  left: 0px;
  width: 100%;
  text-align: center;
  font-size: 44px;
  color: #91b830;
}
/* line 86, scss/views/_gardenshades.scss */
body.sheds.gardenshades .combination-result-grid .gril-col.plus-sign:after {
  content: "+";
}
/* line 91, scss/views/_gardenshades.scss */
body.sheds.gardenshades .combination-result-grid .gril-col.equals-sign {
  margin: 0 0 0 10px;
}
/* line 94, scss/views/_gardenshades.scss */
body.sheds.gardenshades .combination-result-grid .gril-col.equals-sign:after {
  content: "=";
}
/* line 99, scss/views/_gardenshades.scss */
body.sheds.gardenshades .combination-result-grid .gril-col.range {
  padding-top: 30px;
}
/* line 104, scss/views/_gardenshades.scss */
body.sheds.gardenshades .combination-result-grid p {
  margin-top: 35px;
  color: #969696;
}
/* line 110, scss/views/_gardenshades.scss */
body.sheds.gardenshades .video-title {
  margin-top: 20px;
  text-align: center;
  font-family: 'Effra W01 Regular', Arial, sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 1;
  text-transform: uppercase;
}
/* line 120, scss/views/_gardenshades.scss */
body.sheds.gardenshades hr {
  position: relative;
  display: block;
  width: auto;
  max-width: 960px;
  height: 120px;
  margin: 0 auto;
  border: 0;
  outline: 0;
  background-color: transparent;
  background-image: url("/web/images/_new_images/sections/spraynbrush/hr.png");
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}
/* line 136, scss/views/_gardenshades.scss */
body.sheds.gardenshades .combination-result-grid + hr {
  margin-top: -10px;
}
/* line 140, scss/views/_gardenshades.scss */
body.sheds.gardenshades .three-col + hr {
  margin-top: 0px;
}
/* line 144, scss/views/_gardenshades.scss */
body.sheds.gardenshades .three-col.videos {
  padding-bottom: 0;
}
/* line 147, scss/views/_gardenshades.scss */
body.sheds.gardenshades .three-col.videos .grid_3 {
  text-align: center;
}
/* line 150, scss/views/_gardenshades.scss */
body.sheds.gardenshades .three-col.videos .grid_3 img {
  display: block;
  max-width: 100%;
  height: auto;
}
/* line 156, scss/views/_gardenshades.scss */
body.sheds.gardenshades .three-col.videos .grid_3 p {
  margin-bottom: 0;
}
/* line 160, scss/views/_gardenshades.scss */
body.sheds.gardenshades .three-col.videos .grid_3 .video-title {
  color: #EB97C7;
}
/* line 166, scss/views/_gardenshades.scss */
body.sheds.gardenshades .three-col.videos .grid_3:nth-child(2) .video-title {
  color: #F5E87D;
}
/* line 172, scss/views/_gardenshades.scss */
body.sheds.gardenshades .three-col.videos .grid_3:nth-child(3) .video-title {
  color: #a4c763;
}
/* line 178, scss/views/_gardenshades.scss */
body.sheds.gardenshades .three-col.videos .grid_3:nth-child(4) .video-title {
  color: #5F9CC3;
}
/* line 184, scss/views/_gardenshades.scss */
body.sheds.gardenshades .pickupyours-figure {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
/* line 190, scss/views/_gardenshades.scss */
body.sheds.gardenshades div.title {
  border: 0;
  margin-bottom: 0;
  margin-top: 34px;
}
/* line 196, scss/views/_gardenshades.scss */
body.sheds.gardenshades .tool-colour-full-container .garden-shades-logo {
  display: block;
  margin: 0 auto;
}
/* line 201, scss/views/_gardenshades.scss */
body.sheds.gardenshades .colours-teaser {
  padding: 20px 0;
  text-align: center;
  border-width: 2px 0;
  border-style: solid;
  border-color: #b3b3b3;
}
/* line 208, scss/views/_gardenshades.scss */
body.sheds.gardenshades .colours-teaser h2 {
  text-align: left;
}
/* line 212, scss/views/_gardenshades.scss */
body.sheds.gardenshades .colours-teaser .colours {
  margin: 25px 0;
  list-style: none;
  text-align: left;
}
/* line 217, scss/views/_gardenshades.scss */
body.sheds.gardenshades .colours-teaser .colours li {
  display: inline-block;
}
/* line 221, scss/views/_gardenshades.scss */
body.sheds.gardenshades .colours-teaser .colours img {
  width: 65px;
  height: 65px;
}
/* line 227, scss/views/_gardenshades.scss */
body.sheds.gardenshades .colours-teaser p {
  text-align: center;
  color: #2A7A28;
}
/* line 232, scss/views/_gardenshades.scss */
body.sheds.gardenshades .colours-teaser .button {
  display: inline-block;
}
/* line 237, scss/views/_gardenshades.scss */
body.sheds.gardenshades .split-view {
  box-sizing: border-box;
  background: #fff;
  border-bottom: 1px solid #b3b3b3;
}
/* line 240, scss/views/_gardenshades.scss */
body.sheds.gardenshades .split-view *, body.sheds.gardenshades .split-view *:before, body.sheds.gardenshades .split-view *:after {
  box-sizing: inherit;
}
/* line 247, scss/views/_gardenshades.scss */
body.sheds.gardenshades .split-view .colour-selector-left {
  border-right: 1px solid #b3b3b3;
}
/* line 251, scss/views/_gardenshades.scss */
body.sheds.gardenshades .split-view .colour-selector-left, body.sheds.gardenshades .split-view .spray-brush-right {
  width: 50%;
  min-height: 280px;
  float: left;
  text-align: center;
  padding-bottom: 30px;
}
/* line 258, scss/views/_gardenshades.scss */
body.sheds.gardenshades .split-view .colour-selector-left img, body.sheds.gardenshades .split-view .spray-brush-right img {
  margin-bottom: 20px;
}
/* line 262, scss/views/_gardenshades.scss */
body.sheds.gardenshades .split-view .colour-selector-left h3, body.sheds.gardenshades .split-view .spray-brush-right h3 {
  color: #91b830;
  font-weight: bold;
}
/* line 267, scss/views/_gardenshades.scss */
body.sheds.gardenshades .split-view .colour-selector-left p, body.sheds.gardenshades .split-view .spray-brush-right p {
  margin-bottom: 0;
}
/* line 271, scss/views/_gardenshades.scss */
body.sheds.gardenshades .split-view .colour-selector-left a:last-child, body.sheds.gardenshades .split-view .spray-brush-right a:last-child {
  display: inline-block;
  margin-top: 20px;
}

@media (max-width: 640px) {
  /* line 282, scss/views/_gardenshades.scss */
  body.sheds.gardenshades .center-text-block {
    padding-bottom: 60px;
    padding-left: 45px;
    padding-right: 45px;
  }
  /* line 288, scss/views/_gardenshades.scss */
  body.sheds.gardenshades .center-text-block .button.mobile {
    display: inline-block;
  }
  /* line 294, scss/views/_gardenshades.scss */
  body.sheds.gardenshades .get-inspired-mobile {
    display: block;
    height: 251px;
    margin-bottom: 30px;
    background-image: url(/web/images/_new_images/sections/sheds/get-inspired.jpg);
  }
  /* line 299, scss/views/_gardenshades.scss */
  body.sheds.gardenshades .get-inspired-mobile .slide-info-wrap {
    margin: 0 auto;
    left: 0;
    top: 55px;
    box-sizing: border-box;
    width: 291px;
    height: 170px;
    background-image: none;
    border-width: 2px;
    border-color: #dedede;
    border-style: solid;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.902);
  }
  /* line 313, scss/views/_gardenshades.scss */
  body.sheds.gardenshades .get-inspired-mobile .slide-info-wrap .button {
    width: 105px !important;
    margin-top: 5px;
  }
  /* line 320, scss/views/_gardenshades.scss */
  body.sheds.gardenshades .colorpicker-image-mobile {
    height: 178px !important;
    background-image: url(/web/images/_new_images/sections/gardenshades/colour-selector-mobile.jpg) !important;
  }
  /* line 324, scss/views/_gardenshades.scss */
  body.sheds.gardenshades .colorpicker-image-mobile .button {
    margin-top: 110px !important;
  }
  /* line 329, scss/views/_gardenshades.scss */
  body.sheds.gardenshades .split-view {
    display: none;
  }
  /* line 333, scss/views/_gardenshades.scss */
  body.sheds.gardenshades .combination-result-grid {
    padding-bottom: 50px;
  }
  /* line 336, scss/views/_gardenshades.scss */
  body.sheds.gardenshades .combination-result-grid .gril-col {
    display: block;
    max-width: none;
    min-height: 0px;
  }
  /* line 341, scss/views/_gardenshades.scss */
  body.sheds.gardenshades .combination-result-grid .gril-col img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
  }
  /* line 347, scss/views/_gardenshades.scss */
  body.sheds.gardenshades .combination-result-grid .gril-col.plus-sign, body.sheds.gardenshades .combination-result-grid .gril-col.equals-sign {
    width: auto;
    height: 60px;
    margin: 0 auto;
  }
  /* line 353, scss/views/_gardenshades.scss */
  body.sheds.gardenshades .combination-result-grid .gril-col.plus-sign:after, body.sheds.gardenshades .combination-result-grid .gril-col.equals-sign:after {
    top: 0px;
  }
  /* line 358, scss/views/_gardenshades.scss */
  body.sheds.gardenshades .combination-result-grid .gril-col.equals-sign {
    margin: 0;
  }
  /* line 362, scss/views/_gardenshades.scss */
  body.sheds.gardenshades .combination-result-grid .gril-col.range {
    padding-top: 0px;
  }
  /* line 367, scss/views/_gardenshades.scss */
  body.sheds.gardenshades .combination-result-grid p {
    padding: 0 20px;
    margin-top: 30px;
    font-size: 12px;
  }
  /* line 374, scss/views/_gardenshades.scss */
  body.sheds.gardenshades hr {
    height: 60px;
    background-position: center top;
  }
  /* line 379, scss/views/_gardenshades.scss */
  body.sheds.gardenshades .three-col.videos {
    padding-top: 0;
    padding-bottom: 20px;
  }
  /* line 383, scss/views/_gardenshades.scss */
  body.sheds.gardenshades .three-col.videos .grid_4 {
    margin-bottom: 20px;
  }
  /* line 388, scss/views/_gardenshades.scss */
  body.sheds.gardenshades .three-col.videos .grid_3 .video-title {
    margin-bottom: 20px;
  }
  /* line 394, scss/views/_gardenshades.scss */
  body.sheds.gardenshades .tool-colour-full-container .garden-shades-logo {
    display: block;
    margin: 0 auto 25px auto;
  }
  /* line 399, scss/views/_gardenshades.scss */
  body.sheds.gardenshades .colours-teaser {
    margin-left: 20px;
    margin-right: 20px;
  }
  /* line 403, scss/views/_gardenshades.scss */
  body.sheds.gardenshades .colours-teaser .colours {
    margin: 25px 0;
    list-style: none;
    text-align: left;
  }
  /* line 408, scss/views/_gardenshades.scss */
  body.sheds.gardenshades .colours-teaser .colours li {
    margin: 4px 0;
  }
  /* line 414, scss/views/_gardenshades.scss */
  body.sheds.gardenshades iframe {
    /*height: 1px;*/
  }
}
/*********************

Authors:
    Jay Tang

Stylesheet:
    FAQ Page stylesheet

*********************/
/* line 13, scss/views/_faq-view.scss */
.content-faq .category-title {
  margin-top: 20px 10px;
  display: inline-block;
  position: relative;
}
/* line 18, scss/views/_faq-view.scss */
.content-faq .category-title h2 {
  display: block;
}
/* line 21, scss/views/_faq-view.scss */
.content-faq .category-title h2:first-letter {
  text-transform: uppercase;
}
/* line 27, scss/views/_faq-view.scss */
.content-faq .filter-wrapper {
  display: inline-block;
  position: absolute;
  width: 160px;
  right: 10px;
  top: 0;
  background-color: #fff;
  border: 1px solid #ddd;
  z-index: 5;
}
/* line 38, scss/views/_faq-view.scss */
.content-faq .filter-select {
  position: relative;
  padding: 0 40px 0 10px;
  display: block;
  line-height: 30px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #efefef));
  background-image: -moz-linear-gradient(#ffffff, #efefef);
  background-image: -webkit-linear-gradient(#ffffff, #efefef);
  background-image: linear-gradient(#ffffff, #efefef);
}
/* line 45, scss/views/_faq-view.scss */
.content-faq .filter-select.active {
  border-bottom: 1px solid #ddd;
}
/* line 49, scss/views/_faq-view.scss */
.content-faq .filter-select:first-letter {
  text-transform: uppercase;
}
/* line 53, scss/views/_faq-view.scss */
.content-faq .filter-select:after {
  content: "";
  display: inline-block;
  height: 30px;
  width: 30px;
  position: absolute;
  right: 0;
  top: 0;
  background: #2a8027 url("/web/images/_new_images/widget-arrow-active.png") no-repeat center;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
/* line 68, scss/views/_faq-view.scss */
.content-faq .filter-topics ul {
  list-style: none;
  margin: 0;
}
/* line 73, scss/views/_faq-view.scss */
.content-faq .filter-topics a {
  display: block;
  padding: 10px;
}
/* line 77, scss/views/_faq-view.scss */
.content-faq .filter-topics a:hover {
  background-color: #efefef;
}
/* line 85, scss/views/_faq-view.scss */
.content-faq .section-entries ul {
  list-style: none;
  margin: 0;
}
/* line 90, scss/views/_faq-view.scss */
.content-faq .section-entries li {
  border-bottom: 1px solid #ddd;
}
/* line 93, scss/views/_faq-view.scss */
.content-faq .section-entries li.hide {
  display: none;
}
/* line 99, scss/views/_faq-view.scss */
.content-faq .question {
  position: relative;
  padding: 50px 30px 20px 20px;
  cursor: pointer;
}
/* line 104, scss/views/_faq-view.scss */
.content-faq .question h3 {
  font-size: 16px;
  font-family: arial;
  font-weight: 600;
  color: #318D2E;
  margin: 0;
}
/* line 112, scss/views/_faq-view.scss */
.content-faq .question:after {
  content: "";
  display: inline-block;
  position: absolute;
  background: url("/web/images/_new_images/arrow-link.png") no-repeat;
  width: 9px;
  height: 12px;
  right: 5px;
  bottom: 20px;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
/* line 126, scss/views/_faq-view.scss */
.content-faq .question:hover h3 {
  color: #59b956;
}
/* line 132, scss/views/_faq-view.scss */
.content-faq .answer {
  padding: 20px 30px 20px 20px;
}
/* line 135, scss/views/_faq-view.scss */
.content-faq .answer ul {
  list-style-type: disc;
  margin-bottom: 10px;
}
/* line 140, scss/views/_faq-view.scss */
.content-faq .answer li {
  border: none;
  font-size: 0.813em;
  margin-bottom: 5px;
  margin-left: 20px;
}

/* line 153, scss/views/_faq-view.scss */
.accordion-trigger.active:after {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/* line 160, scss/views/_faq-view.scss */
.accordion-item {
  display: none;
}
/* line 163, scss/views/_faq-view.scss */
.accordion-item.show {
  display: block;
}

/* line 168, scss/views/_faq-view.scss */
.faq-experts {
  width: 400px;
  height: 133px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  padding: 10px;
}
/* line 178, scss/views/_faq-view.scss */
.faq-experts .featured-img {
  background: url("/web/images/_new_images/chat-bubble.png") no-repeat;
  height: 150px;
  width: 138px;
  background-size: contain;
  background-position: center;
}
/* line 188, scss/views/_faq-view.scss */
.faq-experts .faq-experts-content {
  width: 250px;
  padding-left: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 195, scss/views/_faq-view.scss */
.faq-experts .faq-experts-content p {
  font-size: 12px !important;
}

@media (max-width: 640px) {
  /* line 204, scss/views/_faq-view.scss */
  .page-faq .imageHeading {
    display: none;
  }

  /* line 212, scss/views/_faq-view.scss */
  .content-faq .question h3 {
    font-size: 18px;
  }
  /* line 217, scss/views/_faq-view.scss */
  .content-faq .category-title {
    padding: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 222, scss/views/_faq-view.scss */
  .content-faq .filter-wrapper {
    display: block;
    position: relative;
    width: auto;
    right: initial;
  }

  /* line 234, scss/views/_faq-view.scss */
  .faq-experts .faq-experts-content p {
    padding: 0;
    margin: 0 0 10px 0;
    line-height: 14px !important;
  }
}
/* line 15, scss/views/_basket.scss */
#order .basketPanel {
  padding: 0;
  border: 0;
  margin: 0;
}
/* line 20, scss/views/_basket.scss */
#order .basketPanel form input {
  margin-left: 0;
}
/* line 26, scss/views/_basket.scss */
#order .right-col_recommended ul li {
  border: 1px solid green;
}

/* line 35, scss/views/_basket.scss */
.basket-items-full .basket-quantity,
.basket-items-full .submit-quantity {
  margin: 0;
}

/* line 42, scss/views/_basket.scss */
.basket-summary-full li {
  display: block;
  padding-bottom: 0;
  float: none;
  clear: both;
}
/* line 49, scss/views/_basket.scss */
.basket-summary-full li:first-child div {
  display: block;
  width: auto !important;
  float: none;
  clear: none;
  text-align: left;
  color: black;
}
/* line 57, scss/views/_basket.scss */
.basket-summary-full li:first-child div:first-child {
  font-size: 1.1rem;
  margin-bottom: 15px;
}
/* line 64, scss/views/_basket.scss */
.basket-summary-full li.basket-summary-postage {
  padding: 15px 0;
  border-bottom: 1px solid black;
}
/* line 69, scss/views/_basket.scss */
.basket-summary-full li.basket-summary-postage, .basket-summary-full li.basket-summary-total {
  position: relative;
  display: -webkit-flex;
  display: flex;
}
/* line 74, scss/views/_basket.scss */
.basket-summary-full li.basket-summary-postage div, .basket-summary-full li.basket-summary-total div {
  display: block;
  width: auto !important;
  float: none;
  clear: none;
  color: black;
}
/* line 84, scss/views/_basket.scss */
.basket-summary-full li.basket-summary-postage div:nth-child(2), .basket-summary-full li.basket-summary-total div:nth-child(2) {
  margin-left: auto;
}
/* line 91, scss/views/_basket.scss */
.basket-summary-full li.basket-summary-postage div {
  font-weight: bold;
  font-size: 1rem;
}
/* line 98, scss/views/_basket.scss */
.basket-summary-full li.basket-summary-total div {
  font-weight: bold;
  font-size: 1.2rem;
}

/* line 106, scss/views/_basket.scss */
.basket-summary-vouchers {
  clear: both;
  padding: 0 20px;
}
/* line 112, scss/views/_basket.scss */
.basket-summary-vouchers .vouchers form {
  text-align: left !important;
}
/* line 115, scss/views/_basket.scss */
.basket-summary-vouchers .vouchers .voucher-message {
  font-size: 1rem;
  color: #000;
  font-weight: 700;
}
/* line 120, scss/views/_basket.scss */
.basket-summary-vouchers .vouchers .voucher-heading {
  color: #000;
  display: block;
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 0.5em;
}
/* line 127, scss/views/_basket.scss */
.basket-summary-vouchers .vouchers .voucher-code {
  float: left;
  width: 147px;
  margin-right: 10px;
  height: 12px;
  border: 1px solid black;
}
@media (min-width: 420px) {
  /* line 135, scss/views/_basket.scss */
  .basket-summary-vouchers .vouchers form {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  /* line 140, scss/views/_basket.scss */
  .basket-summary-vouchers .vouchers .voucher-heading {
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    text-align: left;
    margin-bottom: 0;
  }
}

/* line 150, scss/views/_basket.scss */
.right-col_recommended {
  position: relative;
  top: 40px;
}
/* line 155, scss/views/_basket.scss */
.right-col_recommended ul {
  padding: 0;
  margin: 0 0 0 5px;
}
/* line 159, scss/views/_basket.scss */
.right-col_recommended .rec-product {
  list-style: none;
  margin: 10px 0;
  padding: 20px 5px;
}
/* line 164, scss/views/_basket.scss */
.right-col_recommended .rec-product-image {
  display: block;
}
/* line 167, scss/views/_basket.scss */
.right-col_recommended .rec-product-name {
  font-weight: bold;
}
/* line 170, scss/views/_basket.scss */
.right-col_recommended .btn-buy {
  font-size: 0.838em;
}

@media (min-width: 640px) {
  /* line 177, scss/views/_basket.scss */
  .right-col_recommended {
    position: relative;
    top: 0;
  }

  /* line 183, scss/views/_basket.scss */
  div.basket {
    width: 80%;
    float: left;
    background: #fff;
    padding: 20px;
  }

  /* line 192, scss/views/_basket.scss */
  .basket-headers > *:first-child {
    width: 185px;
  }
  /* line 195, scss/views/_basket.scss */
  .basket-headers > *:nth-child(2) {
    width: 55px;
  }
  /* line 198, scss/views/_basket.scss */
  .basket-headers > *:nth-child(3) {
    width: 187px;
  }

  /* line 207, scss/views/_basket.scss */
  .grid_12.sep {
    width: 650px;
  }

  /* line 213, scss/views/_basket.scss */
  .basket-items-full .product_name {
    width: 135px;
    font-size: 14px;
    font-weight: bold;
  }
  /* line 219, scss/views/_basket.scss */
  .basket-items-full .product_name p {
    font-weight: normal;
  }
  /* line 223, scss/views/_basket.scss */
  .basket-items-full .thumbnail {
    width: 30px;
  }
  /* line 226, scss/views/_basket.scss */
  .basket-items-full .item_price {
    width: 55px;
  }
  /* line 229, scss/views/_basket.scss */
  .basket-items-full .product_price {
    width: 55px;
  }
  /* line 232, scss/views/_basket.scss */
  .basket-items-full .product_delete {
    width: 70px;
  }
  /* line 235, scss/views/_basket.scss */
  .basket-items-full .quantity {
    width: 187px;
  }
  /* line 238, scss/views/_basket.scss */
  .basket-items-full .quantity .basket-quantity {
    display: inline-block;
    vertical-align: top;
  }
  /* line 242, scss/views/_basket.scss */
  .basket-items-full .quantity .submit-quantity {
    display: inline-block;
  }
  /* line 247, scss/views/_basket.scss */
  .basket-items-full .button.remove {
    padding: 5px 12px;
  }

  /* line 252, scss/views/_basket.scss */
  .basket-summary-full {
    width: 650px;
    padding-left: 10px;
    padding-right: 10px;
  }
  /* line 260, scss/views/_basket.scss */
  .basket-summary-full li.basket-summary-postage div:first-child, .basket-summary-full li.basket-summary-total div:first-child {
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    text-align: right;
    padding-right: 20px;
  }
  /* line 266, scss/views/_basket.scss */
  .basket-summary-full li.basket-summary-postage div:nth-child(2), .basket-summary-full li.basket-summary-total div:nth-child(2) {
    -webkit-flex: 1 0 163px;
    flex: 1 0 163px;
    width: auto !important;
  }

  /* line 275, scss/views/_basket.scss */
  .basket-checkout {
    width: 650px;
    padding-right: 10px;
    padding-left: 10px;
  }
  /* line 279, scss/views/_basket.scss */
  .basket-checkout input {
    margin-left: 487px;
  }

  /* line 284, scss/views/_basket.scss */
  .right-col_recommended {
    float: left;
    display: block;
    width: 15%;
    margin-left: 5%;
    background: #fff;
    z-index: 8000;
  }
  /* line 291, scss/views/_basket.scss */
  .right-col_recommended .rec-product {
    text-align: center;
  }
  /* line 294, scss/views/_basket.scss */
  .right-col_recommended .rec-product-image {
    display: inline-block;
    margin-bottom: 10px;
    height: 65px;
  }
  /* line 298, scss/views/_basket.scss */
  .right-col_recommended .rec-product-image > img {
    height: 100%;
    width: auto;
  }
  /* line 303, scss/views/_basket.scss */
  .right-col_recommended .rec-product-name {
    display: block;
    margin-bottom: 3px;
    width: 100%;
    font-size: 12px;
  }

  /* line 311, scss/views/_basket.scss */
  .table-wrapper {
    width: 100%;
    display: block;
    height: 100%;
    position: relative;
  }

  /* line 318, scss/views/_basket.scss */
  .basket-summary-vouchers {
    padding: 0 40px 0 10px;
  }
  /* line 323, scss/views/_basket.scss */
  .basket-summary-vouchers .vouchers .voucher-heading {
    padding-right: 20px;
    margin-right: 0;
    text-align: right;
  }
  /* line 328, scss/views/_basket.scss */
  .basket-summary-vouchers .vouchers .voucher-code {
    width: 63px;
  }
  /* line 331, scss/views/_basket.scss */
  .basket-summary-vouchers .vouchers .voucher-message {
    margin: 0;
    padding-right: 20px;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  /* line 339, scss/views/_basket.scss */
  .basket-summary-vouchers .vouchers .voucher-code {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    float: none;
  }
  /* line 343, scss/views/_basket.scss */
  .basket-summary-vouchers .vouchers .voucher-submit {
    width: 70px;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}
/* line 355, scss/views/_basket.scss */
.basket .basket-summary-total {
  position: relative;
  top: 130px;
}
@media (min-width: 420px) {
  /* line 355, scss/views/_basket.scss */
  .basket .basket-summary-total {
    top: 75px;
  }
}
/* line 364, scss/views/_basket.scss */
.basket .basket-checkout {
  position: relative;
  top: 110px;
}
@media (min-width: 420px) {
  /* line 364, scss/views/_basket.scss */
  .basket .basket-checkout {
    top: 70px;
  }
}
/* line 373, scss/views/_basket.scss */
.basket .vouchers {
  position: relative;
  bottom: 50px;
}
@media (min-width: 420px) {
  /* line 373, scss/views/_basket.scss */
  .basket .vouchers {
    bottom: 70px;
  }
}

/* Changes for header menu navigation / Ideas Page Added - feature/EUKCUP-1272 */
/* line 7, scss/views/_ideas.scss */
.desktop__header nav.navigation a#products-nav-link i {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin: 2px 0 0 10px;
  vertical-align: top;
}
/* line 20, scss/views/_ideas.scss */
.desktop__header nav.navigation .navigation-submenu {
  clear: both;
  background: #297326;
  position: absolute;
  width: 150px;
  top: 97px;
}
/* line 26, scss/views/_ideas.scss */
.desktop__header nav.navigation .navigation-submenu a {
  width: 100%;
  float: none;
  display: block;
  height: auto;
  padding: 10px 0;
  margin: 0 !important;
}
/* line 34, scss/views/_ideas.scss */
.desktop__header nav.navigation .navigation-submenu a:hover {
  height: auto;
}
/* line 43, scss/views/_ideas.scss */
.desktop__header ul.top-right-menu {
  float: right;
}

/* Templates styling */
/* T1 Styling */
/* line 52, scss/views/_ideas.scss */
#ideas .ideas-banner {
  padding-top: 55px;
}
@media (max-width: 640px) {
  /* line 52, scss/views/_ideas.scss */
  #ideas .ideas-banner {
    padding-top: 0;
  }
}
/* line 57, scss/views/_ideas.scss */
#ideas .ideas-banner img {
  width: 100%;
}
@media (max-width: 640px) {
  /* line 62, scss/views/_ideas.scss */
  #ideas #ideas-welcome-module {
    padding: 20px 10px;
  }
}
/* line 66, scss/views/_ideas.scss */
#ideas #ideas-welcome-module h2 {
  text-align: center;
}
@media (max-width: 640px) {
  /* line 66, scss/views/_ideas.scss */
  #ideas #ideas-welcome-module h2 {
    font-size: 20px;
  }
}
@media (max-width: 640px) {
  /* line 72, scss/views/_ideas.scss */
  #ideas #ideas-welcome-module h2 br {
    display: none;
  }
}
@media (max-width: 640px) {
  /* line 80, scss/views/_ideas.scss */
  #ideas #ideas-themes-intro-module {
    padding: 20px 10px;
  }
}
@media (max-width: 640px) {
  /* line 85, scss/views/_ideas.scss */
  #ideas #ideas-themes-intro-module h2 {
    margin: 20px 0;
    text-align: center;
    font-size: 20px;
  }
}
/* line 93, scss/views/_ideas.scss */
#ideas #ideas-themes-intro-module p {
  display: block;
  width: 70%;
}
@media (max-width: 640px) {
  /* line 93, scss/views/_ideas.scss */
  #ideas #ideas-themes-intro-module p {
    width: 100%;
  }
}
/* line 109, scss/views/_ideas.scss */
#ideas .large-promo-theme-module .content-wrapper .theme-banner img {
  width: 100%;
}
/* line 114, scss/views/_ideas.scss */
#ideas .large-promo-theme-module .content-wrapper .theme-content {
  padding: 30px 0 0;
}
@media (max-width: 640px) {
  /* line 114, scss/views/_ideas.scss */
  #ideas .large-promo-theme-module .content-wrapper .theme-content {
    padding: 30px 10px 0;
  }
}
/* line 119, scss/views/_ideas.scss */
#ideas .large-promo-theme-module .content-wrapper .theme-content .theme-info {
  width: calc(66% - 20px);
  margin: 0;
  padding: 0 10px;
}
@media (max-width: 640px) {
  /* line 119, scss/views/_ideas.scss */
  #ideas .large-promo-theme-module .content-wrapper .theme-content .theme-info {
    width: 100%;
    padding: 0;
  }
}
/* line 128, scss/views/_ideas.scss */
#ideas .large-promo-theme-module .content-wrapper .theme-content .theme-info h5 a {
  color: #444;
  font-size: 20px;
}
/* line 135, scss/views/_ideas.scss */
#ideas .large-promo-theme-module .content-wrapper .theme-content .paint-colours-used-wrapper {
  width: calc(34% - 20px);
  margin: 0;
  padding: 0 10px;
}
@media (max-width: 640px) {
  /* line 135, scss/views/_ideas.scss */
  #ideas .large-promo-theme-module .content-wrapper .theme-content .paint-colours-used-wrapper {
    width: 100%;
    padding: 0;
  }
}
/* line 144, scss/views/_ideas.scss */
#ideas .large-promo-theme-module .content-wrapper .theme-content .paint-colours-used-wrapper h5 {
  margin: 0 0 15px;
  font-size: 1em;
}
/* line 150, scss/views/_ideas.scss */
#ideas .large-promo-theme-module .content-wrapper .theme-content .paint-colours-used-wrapper .colours-used-list {
  width: calc(50% - 22px);
  margin: 0;
  padding: 0 10px;
  text-align: center;
  border-right: 2px solid #444;
}
@media (max-width: 640px) {
  /* line 150, scss/views/_ideas.scss */
  #ideas .large-promo-theme-module .content-wrapper .theme-content .paint-colours-used-wrapper .colours-used-list {
    width: 100%;
    padding: 0 0 25px;
    border: none;
  }
}
/* line 167, scss/views/_ideas.scss */
#ideas .large-promo-theme-module .content-wrapper .theme-content .paint-colours-used-wrapper .colours-used-list .colours-list {
  margin: 0;
  list-style: none;
}
/* line 170, scss/views/_ideas.scss */
#ideas .large-promo-theme-module .content-wrapper .theme-content .paint-colours-used-wrapper .colours-used-list .colours-list .colour-item {
  margin: 0 0 10px;
}
/* line 173, scss/views/_ideas.scss */
#ideas .large-promo-theme-module .content-wrapper .theme-content .paint-colours-used-wrapper .colours-used-list .colours-list .colour-item a span {
  display: block;
}
/* line 175, scss/views/_ideas.scss */
#ideas .large-promo-theme-module .content-wrapper .theme-content .paint-colours-used-wrapper .colours-used-list .colours-list .colour-item a span.colour-sample {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  margin: 0 auto 5px;
}
/* line 187, scss/views/_ideas.scss */
#ideas .large-promo-theme-module .content-wrapper .theme-content .paint-colours-used-wrapper .products-used {
  width: calc(50% - 20px);
  margin: 0;
  padding: 0 10px;
  text-align: center;
}
@media (max-width: 640px) {
  /* line 187, scss/views/_ideas.scss */
  #ideas .large-promo-theme-module .content-wrapper .theme-content .paint-colours-used-wrapper .products-used {
    width: 100%;
    padding: 0 0 25px;
  }
}
/* line 200, scss/views/_ideas.scss */
#ideas .large-promo-theme-module .content-wrapper .theme-content .paint-colours-used-wrapper .products-used img {
  width: 100%;
  margin: 15px 0;
  max-width: 60%;
}
@media (max-width: 640px) {
  /* line 200, scss/views/_ideas.scss */
  #ideas .large-promo-theme-module .content-wrapper .theme-content .paint-colours-used-wrapper .products-used img {
    max-width: 40%;
  }
}
@media (max-width: 640px) {
  /* line 210, scss/views/_ideas.scss */
  #ideas .large-promo-theme-module .content-wrapper .theme-content .paint-colours-used-wrapper .products-used a {
    display: block;
    width: 100%;
    text-align: center;
  }
}
/* line 221, scss/views/_ideas.scss */
#ideas .large-promo-theme-module .time-difficulty {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (max-width: 640px) {
  /* line 221, scss/views/_ideas.scss */
  #ideas .large-promo-theme-module .time-difficulty {
    text-align: center;
  }
}
/* line 227, scss/views/_ideas.scss */
#ideas .large-promo-theme-module .time-difficulty span {
  display: inline-block;
}
/* line 229, scss/views/_ideas.scss */
#ideas .large-promo-theme-module .time-difficulty span.calendar-icon {
  width: 110px;
  height: 120px;
  background: url(/web/images/_new_images/ideas/calendar.png) top center no-repeat;
  background-size: contain;
}
/* line 234, scss/views/_ideas.scss */
#ideas .large-promo-theme-module .time-difficulty span.calendar-icon .copy {
  text-align: center;
  display: block;
  margin: 65px 0 0;
}
/* line 241, scss/views/_ideas.scss */
#ideas .large-promo-theme-module .time-difficulty span.difficulty-level-label {
  display: inline-block;
  vertical-align: top;
  margin: 35px 0 0 10px;
  color: #a8a8a8;
}
@media (max-width: 640px) {
  /* line 241, scss/views/_ideas.scss */
  #ideas .large-promo-theme-module .time-difficulty span.difficulty-level-label {
    text-align: left;
  }
}
/* line 249, scss/views/_ideas.scss */
#ideas .large-promo-theme-module .time-difficulty span.difficulty-level-label .difficulty-icons {
  display: block;
  margin: 10px 0 0;
}
/* line 252, scss/views/_ideas.scss */
#ideas .large-promo-theme-module .time-difficulty span.difficulty-level-label .difficulty-icons .icon {
  width: 26px;
  height: 55px;
  background: url(/web/images/_new_images/ideas/light_brush.png) top center no-repeat;
  background-size: contain;
}
/* line 257, scss/views/_ideas.scss */
#ideas .large-promo-theme-module .time-difficulty span.difficulty-level-label .difficulty-icons .icon.dark {
  background: url(/web/images/_new_images/ideas/dark_brush.png) top center no-repeat;
  background-size: contain;
}
/* line 270, scss/views/_ideas.scss */
#ideas .small-promo-themes-wrapper .content-wrapper .small-promo-theme-module {
  width: calc(50% - 40px);
  margin: 0;
  padding: 0 20px 50px;
}
@media (max-width: 640px) {
  /* line 270, scss/views/_ideas.scss */
  #ideas .small-promo-themes-wrapper .content-wrapper .small-promo-theme-module {
    padding: 0 0 30px;
  }
}
/* line 279, scss/views/_ideas.scss */
#ideas .small-promo-themes-wrapper .content-wrapper .small-promo-theme-module .theme-banner a img {
  width: 100%;
  min-height: 275px;
}
/* line 286, scss/views/_ideas.scss */
#ideas .small-promo-themes-wrapper .content-wrapper .small-promo-theme-module .theme-content {
  padding: 10px 0 0;
}
@media (max-width: 640px) {
  /* line 286, scss/views/_ideas.scss */
  #ideas .small-promo-themes-wrapper .content-wrapper .small-promo-theme-module .theme-content {
    padding: 10px 10px 0;
  }
}
/* line 292, scss/views/_ideas.scss */
#ideas .small-promo-themes-wrapper .content-wrapper .small-promo-theme-module .theme-content h5 a {
  color: #444;
  font-size: 18px;
}

/* T2 Styling */
/* line 308, scss/views/_ideas.scss */
.ideas-theme {
  /* T05 Styling */
}
/* line 309, scss/views/_ideas.scss */
.ideas-theme img {
  max-width: 100%;
}
/* line 310, scss/views/_ideas.scss */
.ideas-theme .theme-page-intro-module {
  margin: 70px 0 0;
}
@media (max-width: 640px) {
  /* line 310, scss/views/_ideas.scss */
  .ideas-theme .theme-page-intro-module {
    margin: 0;
    text-align: center;
  }
}
/* line 324, scss/views/_ideas.scss */
.ideas-theme .theme-page-intro-module .intro-title-wrapper {
  padding: 20px 0 0;
}
@media (max-width: 640px) {
  /* line 324, scss/views/_ideas.scss */
  .ideas-theme .theme-page-intro-module .intro-title-wrapper {
    padding: 20px 10px 0;
  }
  /* line 328, scss/views/_ideas.scss */
  .ideas-theme .theme-page-intro-module .intro-title-wrapper h1 {
    font-size: 1.5em;
  }
}
/* line 334, scss/views/_ideas.scss */
.ideas-theme .theme-page-intro-module .intro-copy {
  padding: 10px 0 0;
}
@media (max-width: 640px) {
  /* line 334, scss/views/_ideas.scss */
  .ideas-theme .theme-page-intro-module .intro-copy {
    padding: 10px 10px 0;
  }
}
/* line 342, scss/views/_ideas.scss */
.ideas-theme .theme-page-intro-module .intro-image-wrapper img {
  width: 100%;
}
/* line 347, scss/views/_ideas.scss */
.ideas-theme .theme-page-intro-module .intro-content-wrapper {
  padding: 20px 0 0;
}
/* line 349, scss/views/_ideas.scss */
.ideas-theme .theme-page-intro-module .intro-content-wrapper .intro-title-copy-wrapper {
  width: calc(66% - 20px);
  margin: 0;
  padding: 0 10px;
}
/* line 355, scss/views/_ideas.scss */
.ideas-theme .theme-page-intro-module .intro-content-wrapper .intro-materials-used-wrapper {
  width: calc(34% - 20px);
  margin: 0;
  padding: 0 10px;
}
/* line 360, scss/views/_ideas.scss */
.ideas-theme .theme-page-intro-module .intro-content-wrapper .intro-materials-used-wrapper h5 {
  margin: 0 0 15px;
  font-size: 1em;
}
/* line 366, scss/views/_ideas.scss */
.ideas-theme .theme-page-intro-module .intro-content-wrapper .intro-materials-used-wrapper .colours-used-list {
  width: calc(50% - 22px);
  margin: 0;
  padding: 0 10px;
  text-align: center;
  border-right: 2px solid #444;
}
@media (max-width: 640px) {
  /* line 366, scss/views/_ideas.scss */
  .ideas-theme .theme-page-intro-module .intro-content-wrapper .intro-materials-used-wrapper .colours-used-list {
    width: 100%;
    padding: 0 0 25px;
    border: none;
  }
}
/* line 383, scss/views/_ideas.scss */
.ideas-theme .theme-page-intro-module .intro-content-wrapper .intro-materials-used-wrapper .colours-used-list .colours-list {
  margin: 0;
  list-style: none;
}
/* line 386, scss/views/_ideas.scss */
.ideas-theme .theme-page-intro-module .intro-content-wrapper .intro-materials-used-wrapper .colours-used-list .colours-list .colour-item {
  margin: 0 0 10px;
}
/* line 389, scss/views/_ideas.scss */
.ideas-theme .theme-page-intro-module .intro-content-wrapper .intro-materials-used-wrapper .colours-used-list .colours-list .colour-item a span {
  display: block;
}
/* line 391, scss/views/_ideas.scss */
.ideas-theme .theme-page-intro-module .intro-content-wrapper .intro-materials-used-wrapper .colours-used-list .colours-list .colour-item a span.colour-sample {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  margin: 0 auto 5px;
}
/* line 403, scss/views/_ideas.scss */
.ideas-theme .theme-page-intro-module .intro-content-wrapper .intro-materials-used-wrapper .products-used {
  width: calc(50% - 20px);
  margin: 0;
  padding: 0 10px;
  text-align: center;
}
@media (max-width: 640px) {
  /* line 403, scss/views/_ideas.scss */
  .ideas-theme .theme-page-intro-module .intro-content-wrapper .intro-materials-used-wrapper .products-used {
    width: 100%;
    padding: 0 0 25px;
  }
}
/* line 417, scss/views/_ideas.scss */
.ideas-theme .theme-page-intro-module .intro-content-wrapper .intro-materials-used-wrapper .products-used img {
  width: 100%;
  margin: 15px 0;
  max-width: 60%;
}
@media (max-width: 640px) {
  /* line 417, scss/views/_ideas.scss */
  .ideas-theme .theme-page-intro-module .intro-content-wrapper .intro-materials-used-wrapper .products-used img {
    max-width: 40%;
  }
}
@media (max-width: 640px) {
  /* line 427, scss/views/_ideas.scss */
  .ideas-theme .theme-page-intro-module .intro-content-wrapper .intro-materials-used-wrapper .products-used a {
    display: block;
    width: 100%;
    text-align: center;
  }
}
/* line 440, scss/views/_ideas.scss */
.ideas-theme .colour-palette-intro-module .content-wrapper {
  border-top: 2px solid #444;
}
/* line 443, scss/views/_ideas.scss */
.ideas-theme .colour-palette-intro-module .content-wrapper.conten-wrapper__no-border {
  border: none;
}
/* line 449, scss/views/_ideas.scss */
.ideas-theme .colour-palette-intro-module .intro-image-wrapper img {
  width: 100%;
  height: auto;
}
/* line 455, scss/views/_ideas.scss */
.ideas-theme .colour-palette-intro-module .video-wrapper,
.ideas-theme .colour-palette-intro-module .image-wrapper {
  width: calc(66% - 20px);
  margin: 0;
  padding: 0 10px;
}
@media (max-width: 640px) {
  /* line 455, scss/views/_ideas.scss */
  .ideas-theme .colour-palette-intro-module .video-wrapper,
  .ideas-theme .colour-palette-intro-module .image-wrapper {
    width: 100%;
    padding: 0;
  }
}
/* line 466, scss/views/_ideas.scss */
.ideas-theme .colour-palette-intro-module .video-wrapper iframe,
.ideas-theme .colour-palette-intro-module .image-wrapper iframe {
  width: 100% !important;
  height: 300px;
}
/* line 471, scss/views/_ideas.scss */
.ideas-theme .colour-palette-intro-module .video-wrapper img,
.ideas-theme .colour-palette-intro-module .image-wrapper img {
  width: 100%;
  height: auto;
}
/* line 477, scss/views/_ideas.scss */
.ideas-theme .colour-palette-intro-module .paint-colours-used-wrapper {
  width: calc(34% - 20px);
  margin: 0;
  padding: 0 10px;
}
@media (max-width: 640px) {
  /* line 477, scss/views/_ideas.scss */
  .ideas-theme .colour-palette-intro-module .paint-colours-used-wrapper {
    width: 100%;
    padding: 0;
  }
}
/* line 487, scss/views/_ideas.scss */
.ideas-theme .colour-palette-intro-module .paint-colours-used-wrapper h5 {
  margin: 0 0 15px;
  font-size: 1em;
}
/* line 493, scss/views/_ideas.scss */
.ideas-theme .colour-palette-intro-module .paint-colours-used-wrapper .colours-used-list {
  width: calc(50% - 22px);
  margin: 0;
  padding: 0 10px;
  text-align: center;
  border-right: 2px solid #444;
}
@media (max-width: 640px) {
  /* line 493, scss/views/_ideas.scss */
  .ideas-theme .colour-palette-intro-module .paint-colours-used-wrapper .colours-used-list {
    width: 100%;
    padding: 0 0 25px;
    border: none;
  }
}
/* line 510, scss/views/_ideas.scss */
.ideas-theme .colour-palette-intro-module .paint-colours-used-wrapper .colours-used-list .colours-list {
  margin: 0;
  list-style: none;
}
/* line 513, scss/views/_ideas.scss */
.ideas-theme .colour-palette-intro-module .paint-colours-used-wrapper .colours-used-list .colours-list .colour-item {
  margin: 0 0 10px;
}
/* line 516, scss/views/_ideas.scss */
.ideas-theme .colour-palette-intro-module .paint-colours-used-wrapper .colours-used-list .colours-list .colour-item a span {
  display: block;
}
/* line 518, scss/views/_ideas.scss */
.ideas-theme .colour-palette-intro-module .paint-colours-used-wrapper .colours-used-list .colours-list .colour-item a span.colour-sample {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  margin: 0 auto 5px;
}
/* line 530, scss/views/_ideas.scss */
.ideas-theme .colour-palette-intro-module .paint-colours-used-wrapper .products-used {
  width: calc(50% - 20px);
  margin: 0;
  padding: 0 10px;
  text-align: center;
}
@media (max-width: 640px) {
  /* line 530, scss/views/_ideas.scss */
  .ideas-theme .colour-palette-intro-module .paint-colours-used-wrapper .products-used {
    width: 100%;
    padding: 0 0 25px;
  }
}
/* line 544, scss/views/_ideas.scss */
.ideas-theme .colour-palette-intro-module .paint-colours-used-wrapper .products-used img {
  width: 100%;
  max-width: 60%;
  margin: 15px 0;
}
@media (max-width: 640px) {
  /* line 544, scss/views/_ideas.scss */
  .ideas-theme .colour-palette-intro-module .paint-colours-used-wrapper .products-used img {
    max-width: 40%;
  }
}
@media (max-width: 640px) {
  /* line 554, scss/views/_ideas.scss */
  .ideas-theme .colour-palette-intro-module .paint-colours-used-wrapper .products-used a {
    display: block;
    width: 100%;
    text-align: center;
  }
}
/* line 564, scss/views/_ideas.scss */
.ideas-theme .colour-palette-intro-module .colour-palette-copy {
  width: 66%;
}
@media (max-width: 640px) {
  /* line 564, scss/views/_ideas.scss */
  .ideas-theme .colour-palette-intro-module .colour-palette-copy {
    width: 100%;
    padding: 0;
    text-align: center;
  }
}
/* line 575, scss/views/_ideas.scss */
.ideas-theme .colour-palette-intro-module .colour-palette-copy p {
  padding: 10px;
}
/* line 581, scss/views/_ideas.scss */
.ideas-theme .how-to-module {
  background: #d5d5d5;
}
/* line 583, scss/views/_ideas.scss */
.ideas-theme .how-to-module .content-wrapper {
  background: inherit;
}
/* line 586, scss/views/_ideas.scss */
.ideas-theme .how-to-module .content-wrapper .how-to-intro {
  padding: 0 0 50px;
}
@media (max-width: 640px) {
  /* line 586, scss/views/_ideas.scss */
  .ideas-theme .how-to-module .content-wrapper .how-to-intro {
    padding: 20px 10px;
  }
}
/* line 591, scss/views/_ideas.scss */
.ideas-theme .how-to-module .content-wrapper .how-to-intro p {
  font-size: 22px;
  line-height: 1.3;
}
/* line 597, scss/views/_ideas.scss */
.ideas-theme .how-to-module .content-wrapper .how-to-module-item {
  margin: 0 0 50px;
}
/* line 599, scss/views/_ideas.scss */
.ideas-theme .how-to-module .content-wrapper .how-to-module-item .title-desc-wrapper {
  border-bottom: 2px solid #444;
  width: calc(100% - 20px);
  margin: 0;
  padding: 0 10px;
}
/* line 613, scss/views/_ideas.scss */
.ideas-theme .how-to-module .content-wrapper .how-to-module-item .img-wrapper {
  width: calc(66% - 20px);
  margin: 0;
  padding: 20px 10px 0;
}
@media (max-width: 640px) {
  /* line 613, scss/views/_ideas.scss */
  .ideas-theme .how-to-module .content-wrapper .how-to-module-item .img-wrapper {
    padding: 0;
    width: 100% !important;
  }
}
/* line 621, scss/views/_ideas.scss */
.ideas-theme .how-to-module .content-wrapper .how-to-module-item .img-wrapper img {
  width: 100%;
}
/* line 626, scss/views/_ideas.scss */
.ideas-theme .how-to-module .content-wrapper .how-to-module-item .how-to-info-wrapper {
  width: calc(34% - 20px);
  margin: 0;
  padding: 20px 10px 0;
}
/* line 630, scss/views/_ideas.scss */
.ideas-theme .how-to-module .content-wrapper .how-to-module-item .how-to-info-wrapper h5 {
  margin: 20px 0;
}
/* line 632, scss/views/_ideas.scss */
.ideas-theme .how-to-module .content-wrapper .how-to-module-item .how-to-info-wrapper h5 a {
  color: #000;
  font-size: 18px;
}
/* line 635, scss/views/_ideas.scss */
.ideas-theme .how-to-module .content-wrapper .how-to-module-item .how-to-info-wrapper h5 a:hover {
  color: #000;
}
/* line 642, scss/views/_ideas.scss */
.ideas-theme .how-to-module .content-wrapper .how-to-module-item .how-to-info-wrapper .time-difficulty span {
  display: inline-block;
}
/* line 644, scss/views/_ideas.scss */
.ideas-theme .how-to-module .content-wrapper .how-to-module-item .how-to-info-wrapper .time-difficulty span.calendar-icon {
  width: 110px;
  height: 120px;
  background: url(/web/images/_new_images/ideas/calendar.png) top center no-repeat;
  background-size: contain;
}
/* line 649, scss/views/_ideas.scss */
.ideas-theme .how-to-module .content-wrapper .how-to-module-item .how-to-info-wrapper .time-difficulty span.calendar-icon .copy {
  text-align: center;
  display: block;
  margin: 65px 0 0;
}
/* line 656, scss/views/_ideas.scss */
.ideas-theme .how-to-module .content-wrapper .how-to-module-item .how-to-info-wrapper .time-difficulty span.difficulty-level-label {
  display: inline-block;
  vertical-align: top;
  margin: 35px 0 0 10px;
  color: #a8a8a8;
}
/* line 661, scss/views/_ideas.scss */
.ideas-theme .how-to-module .content-wrapper .how-to-module-item .how-to-info-wrapper .time-difficulty span.difficulty-level-label .difficulty-icons {
  display: block;
  margin: 10px 0 0;
}
/* line 664, scss/views/_ideas.scss */
.ideas-theme .how-to-module .content-wrapper .how-to-module-item .how-to-info-wrapper .time-difficulty span.difficulty-level-label .difficulty-icons .icon {
  width: 26px;
  height: 55px;
  background: url(/web/images/_new_images/ideas/light_brush.png) top center no-repeat;
  background-size: contain;
}
/* line 669, scss/views/_ideas.scss */
.ideas-theme .how-to-module .content-wrapper .how-to-module-item .how-to-info-wrapper .time-difficulty span.difficulty-level-label .difficulty-icons .icon.dark {
  background: url(/web/images/_new_images/ideas/dark_brush.png) top center no-repeat;
  background-size: contain;
}
/* line 679, scss/views/_ideas.scss */
.ideas-theme .how-to-module .content-wrapper .how-to-module-item .how-to-info-wrapper .copy-and-video-link {
  padding: 20px 0 0;
}
/* line 681, scss/views/_ideas.scss */
.ideas-theme .how-to-module .content-wrapper .how-to-module-item .how-to-info-wrapper .copy-and-video-link p {
  margin: 0 0 30px;
}
/* line 685, scss/views/_ideas.scss */
.ideas-theme .how-to-module .content-wrapper .how-to-module-item .how-to-info-wrapper .copy-and-video-link a {
  display: inline-block;
  width: auto;
  padding: 5px 15px;
  border: 1px solid green;
  border-radius: 5px;
  color: green;
  font-size: 16px;
}
/* line 693, scss/views/_ideas.scss */
.ideas-theme .how-to-module .content-wrapper .how-to-module-item .how-to-info-wrapper .copy-and-video-link a:hover {
  color: #444;
}
/* line 707, scss/views/_ideas.scss */
.ideas-theme .how-to-intro-module .content-wrapper .video-wrapper iframe {
  width: 100%;
}
/* line 712, scss/views/_ideas.scss */
.ideas-theme .how-to-intro-module .content-wrapper .intro-content-wrapper {
  padding: 20px 0 0;
}
/* line 714, scss/views/_ideas.scss */
.ideas-theme .how-to-intro-module .content-wrapper .intro-content-wrapper .theme-label {
  font-weight: bold;
  padding: 0 10px 25px;
}
/* line 719, scss/views/_ideas.scss */
.ideas-theme .how-to-intro-module .content-wrapper .intro-content-wrapper .intro-title-copy-wrapper {
  width: calc(66% - 20px);
  margin: 0;
  padding: 0 10px;
}
/* line 729, scss/views/_ideas.scss */
.ideas-theme .how-to-intro-module .content-wrapper .intro-content-wrapper .intro-title-copy-wrapper .time-difficulty {
  padding: 10px 0 0;
}
@media (max-width: 640px) {
  /* line 729, scss/views/_ideas.scss */
  .ideas-theme .how-to-intro-module .content-wrapper .intro-content-wrapper .intro-title-copy-wrapper .time-difficulty {
    text-align: center;
  }
}
/* line 734, scss/views/_ideas.scss */
.ideas-theme .how-to-intro-module .content-wrapper .intro-content-wrapper .intro-title-copy-wrapper .time-difficulty span {
  display: inline-block;
}
/* line 736, scss/views/_ideas.scss */
.ideas-theme .how-to-intro-module .content-wrapper .intro-content-wrapper .intro-title-copy-wrapper .time-difficulty span.calendar-icon {
  width: 100px;
  height: 110px;
  background: url(/web/images/_new_images/ideas/calendar.png) top center no-repeat;
  background-size: contain;
}
/* line 741, scss/views/_ideas.scss */
.ideas-theme .how-to-intro-module .content-wrapper .intro-content-wrapper .intro-title-copy-wrapper .time-difficulty span.calendar-icon .copy {
  text-align: center;
  display: block;
  margin: 55px 0 0;
}
/* line 748, scss/views/_ideas.scss */
.ideas-theme .how-to-intro-module .content-wrapper .intro-content-wrapper .intro-title-copy-wrapper .time-difficulty span.difficulty-level-label {
  display: inline-block;
  vertical-align: top;
  margin: 22px 0 0 10px;
  color: #a8a8a8;
}
@media (max-width: 640px) {
  /* line 748, scss/views/_ideas.scss */
  .ideas-theme .how-to-intro-module .content-wrapper .intro-content-wrapper .intro-title-copy-wrapper .time-difficulty span.difficulty-level-label {
    text-align: left;
  }
}
/* line 756, scss/views/_ideas.scss */
.ideas-theme .how-to-intro-module .content-wrapper .intro-content-wrapper .intro-title-copy-wrapper .time-difficulty span.difficulty-level-label .difficulty-icons {
  display: block;
  margin: 10px 0 0;
}
/* line 759, scss/views/_ideas.scss */
.ideas-theme .how-to-intro-module .content-wrapper .intro-content-wrapper .intro-title-copy-wrapper .time-difficulty span.difficulty-level-label .difficulty-icons .icon {
  width: 26px;
  height: 55px;
  background: url(/web/images/_new_images/ideas/light_brush.png) top center no-repeat;
  background-size: contain;
}
/* line 764, scss/views/_ideas.scss */
.ideas-theme .how-to-intro-module .content-wrapper .intro-content-wrapper .intro-title-copy-wrapper .time-difficulty span.difficulty-level-label .difficulty-icons .icon.dark {
  background: url(/web/images/_new_images/ideas/dark_brush.png) top center no-repeat;
  background-size: contain;
}
/* line 779, scss/views/_ideas.scss */
.ideas-theme .how-to-intro-module .content-wrapper .intro-content-wrapper .intro-materials-used-wrapper {
  width: calc(34% - 20px);
  margin: 0;
  padding: 0 10px;
}
@media (max-width: 640px) {
  /* line 779, scss/views/_ideas.scss */
  .ideas-theme .how-to-intro-module .content-wrapper .intro-content-wrapper .intro-materials-used-wrapper {
    width: 100% !important;
    padding: 50px 0 30px;
  }
}
/* line 789, scss/views/_ideas.scss */
.ideas-theme .how-to-intro-module .content-wrapper .intro-content-wrapper .intro-materials-used-wrapper h5 {
  margin: 0 0 15px;
  font-size: 1em;
}
/* line 795, scss/views/_ideas.scss */
.ideas-theme .how-to-intro-module .content-wrapper .intro-content-wrapper .intro-materials-used-wrapper .colours-used-list {
  width: calc(50% - 22px);
  margin: 0;
  padding: 0 10px;
  text-align: center;
  border-right: 2px solid #444;
}
@media (max-width: 640px) {
  /* line 795, scss/views/_ideas.scss */
  .ideas-theme .how-to-intro-module .content-wrapper .intro-content-wrapper .intro-materials-used-wrapper .colours-used-list {
    width: 100% !important;
    padding: 0 0 25px;
    border: none;
  }
}
/* line 812, scss/views/_ideas.scss */
.ideas-theme .how-to-intro-module .content-wrapper .intro-content-wrapper .intro-materials-used-wrapper .colours-used-list .colours-list {
  margin: 0;
  list-style: none;
}
/* line 815, scss/views/_ideas.scss */
.ideas-theme .how-to-intro-module .content-wrapper .intro-content-wrapper .intro-materials-used-wrapper .colours-used-list .colours-list .colour-item {
  margin: 0 0 10px;
}
/* line 818, scss/views/_ideas.scss */
.ideas-theme .how-to-intro-module .content-wrapper .intro-content-wrapper .intro-materials-used-wrapper .colours-used-list .colours-list .colour-item a span {
  display: block;
}
/* line 820, scss/views/_ideas.scss */
.ideas-theme .how-to-intro-module .content-wrapper .intro-content-wrapper .intro-materials-used-wrapper .colours-used-list .colours-list .colour-item a span.colour-sample {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  margin: 0 auto 5px;
}
/* line 832, scss/views/_ideas.scss */
.ideas-theme .how-to-intro-module .content-wrapper .intro-content-wrapper .intro-materials-used-wrapper .products-used {
  width: calc(50% - 20px);
  margin: 0;
  padding: 0 10px;
  text-align: center;
}
@media (max-width: 640px) {
  /* line 832, scss/views/_ideas.scss */
  .ideas-theme .how-to-intro-module .content-wrapper .intro-content-wrapper .intro-materials-used-wrapper .products-used {
    width: 100%;
    padding: 0 0 25px;
  }
}
/* line 846, scss/views/_ideas.scss */
.ideas-theme .how-to-intro-module .content-wrapper .intro-content-wrapper .intro-materials-used-wrapper .products-used img {
  width: 100%;
  margin: 15px 0;
  max-width: 60%;
}
@media (max-width: 640px) {
  /* line 846, scss/views/_ideas.scss */
  .ideas-theme .how-to-intro-module .content-wrapper .intro-content-wrapper .intro-materials-used-wrapper .products-used img {
    max-width: 40%;
  }
}
@media (max-width: 640px) {
  /* line 856, scss/views/_ideas.scss */
  .ideas-theme .how-to-intro-module .content-wrapper .intro-content-wrapper .intro-materials-used-wrapper .products-used a {
    display: block;
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 640px) {
  /* line 870, scss/views/_ideas.scss */
  .ideas-theme .ingredients-module .ingredients-content-wrapper {
    padding: 0 10px;
  }
}
@media (max-width: 640px) {
  /* line 874, scss/views/_ideas.scss */
  .ideas-theme .ingredients-module .ingredients-content-wrapper h4 {
    text-align: center;
  }
}
@media (max-width: 640px) {
  /* line 888, scss/views/_ideas.scss */
  .ideas-theme .theme-step-module {
    padding: 50px 0 0;
  }
}
/* line 892, scss/views/_ideas.scss */
.ideas-theme .theme-step-module .step-wrapper {
  box-sizing: border-box;
}
/* line 894, scss/views/_ideas.scss */
.ideas-theme .theme-step-module .step-wrapper * {
  box-sizing: border-box;
}
/* line 896, scss/views/_ideas.scss */
.ideas-theme .theme-step-module .step-wrapper .step-wrapper-item {
  margin: 0 -10px 20px;
  display: flex;
}
@media (max-width: 640px) {
  /* line 896, scss/views/_ideas.scss */
  .ideas-theme .theme-step-module .step-wrapper .step-wrapper-item {
    display: block;
    margin: 0 0 20px;
  }
}
/* line 904, scss/views/_ideas.scss */
.ideas-theme .theme-step-module .step-wrapper .step-wrapper-item > div {
  width: calc(50% - 20px);
  margin: 0;
  padding: 0 10px;
  flex: 0 0 auto;
}
@media (max-width: 640px) {
  /* line 910, scss/views/_ideas.scss */
  .ideas-theme .theme-step-module .step-wrapper .step-wrapper-item .step-img {
    padding: 0;
  }
}
/* line 915, scss/views/_ideas.scss */
.ideas-theme .theme-step-module .step-wrapper .step-wrapper-item .step-img img {
  width: 100%;
}
/* line 920, scss/views/_ideas.scss */
.ideas-theme .theme-step-module .step-wrapper .step-wrapper-item .step-info {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
@media (max-width: 640px) {
  /* line 920, scss/views/_ideas.scss */
  .ideas-theme .theme-step-module .step-wrapper .step-wrapper-item .step-info {
    min-height: 1px;
    display: block;
  }
}
@media (max-width: 640px) {
  /* line 931, scss/views/_ideas.scss */
  .ideas-theme .theme-step-module .step-wrapper .step-wrapper-item .step-info p {
    padding: 10px;
  }
}
/* line 941, scss/views/_ideas.scss */
.ideas-theme .border-top-bottom--dark-gray {
  border-top: 2px solid #444;
  border-bottom: 2px solid #444;
}
/* line 946, scss/views/_ideas.scss */
.ideas-theme .border-top--dark-gray {
  border-top: 2px solid #444;
}
/* line 950, scss/views/_ideas.scss */
.ideas-theme .border-bottom--dark-gray {
  border-bottom: 2px solid #444;
}

/* Related Content Module */
/* line 965, scss/views/_ideas.scss */
.related-content-module .content-wrapper .carousel-title {
  padding: 0 10px 20px;
}
@media (max-width: 640px) {
  /* line 965, scss/views/_ideas.scss */
  .related-content-module .content-wrapper .carousel-title {
    padding: 30px 10px 20px;
  }
}
/* line 972, scss/views/_ideas.scss */
.related-content-module .content-wrapper .controls {
  top: 36%;
}
/* line 975, scss/views/_ideas.scss */
.related-content-module .content-wrapper .controls .control.left-control {
  left: 10px;
}
/* line 979, scss/views/_ideas.scss */
.related-content-module .content-wrapper .controls .control.right-control {
  right: 10px;
}
/* line 986, scss/views/_ideas.scss */
.related-content-module .content-wrapper .themes-carousel .slide {
  padding: 0 10px;
}
/* line 988, scss/views/_ideas.scss */
.related-content-module .content-wrapper .themes-carousel .slide .intro-image-wrapper {
  height: 300px;
  width: 100%;
  background-size: cover !important;
}
/* line 994, scss/views/_ideas.scss */
.related-content-module .content-wrapper .themes-carousel .slide .intro-title-copy-wrapper {
  padding: 10px 0 0;
}
/* line 1004, scss/views/_ideas.scss */
.related-content-module .content-wrapper .themes-carousel .slide .intro-title-copy-wrapper .intro-copy {
  padding: 10px 0 0;
}

/* Common Styles for Ideas Pages */
/* line 1017, scss/views/_ideas.scss */
.border-top-dark-gray-thin {
  border-top: 1px solid #333;
}

/* line 2, scss/views/_colouroftheyear.scss */
.colour-of-the-year.sheds.gardenshades h2 {
  color: #91b830;
  font-size: 28px;
  text-transform: uppercase;
}
/* line 8, scss/views/_colouroftheyear.scss */
.colour-of-the-year.sheds.gardenshades img {
  width: 100%;
}
/* line 13, scss/views/_colouroftheyear.scss */
.colour-of-the-year.sheds.gardenshades .heading-wrapper .hero {
  padding-top: 55px;
}
/* line 15, scss/views/_colouroftheyear.scss */
.colour-of-the-year.sheds.gardenshades .heading-wrapper .hero .image {
  height: 492px;
  background: url(/web/images/_new_images/sections/sheds/headings/colour-of-the-year-hero.png) top center no-repeat;
  background-size: auto 90%;
}
/* line 24, scss/views/_colouroftheyear.scss */
.colour-of-the-year.sheds.gardenshades .content-wrapper .center-text-block {
  text-align: center;
}
@media (max-width: 640px) {
  /* line 24, scss/views/_colouroftheyear.scss */
  .colour-of-the-year.sheds.gardenshades .content-wrapper .center-text-block {
    padding: 0 10px 50px;
  }
}
/* line 33, scss/views/_colouroftheyear.scss */
.colour-of-the-year.sheds.gardenshades .content-wrapper .center-text-block p {
  padding: 0 10%;
}
@media (max-width: 640px) {
  /* line 33, scss/views/_colouroftheyear.scss */
  .colour-of-the-year.sheds.gardenshades .content-wrapper .center-text-block p {
    padding: 0;
  }
}
/* line 42, scss/views/_colouroftheyear.scss */
.colour-of-the-year.sheds.gardenshades .content-wrapper .backdropes {
  text-align: center;
}
@media (max-width: 640px) {
  /* line 42, scss/views/_colouroftheyear.scss */
  .colour-of-the-year.sheds.gardenshades .content-wrapper .backdropes {
    padding: 0 10px 50px;
  }
}
@media (max-width: 640px) {
  /* line 49, scss/views/_colouroftheyear.scss */
  .colour-of-the-year.sheds.gardenshades .content-wrapper .backdropes h2 br {
    display: none;
  }
}
/* line 56, scss/views/_colouroftheyear.scss */
.colour-of-the-year.sheds.gardenshades .content-wrapper .backdropes p {
  margin: 0 0 60px;
  color: #969696;
  padding: 0 10%;
}
@media (max-width: 640px) {
  /* line 56, scss/views/_colouroftheyear.scss */
  .colour-of-the-year.sheds.gardenshades .content-wrapper .backdropes p {
    padding: 0;
  }
}
/* line 67, scss/views/_colouroftheyear.scss */
.colour-of-the-year.sheds.gardenshades .content-wrapper .testers-colours {
  text-align: center;
}
@media (max-width: 640px) {
  /* line 67, scss/views/_colouroftheyear.scss */
  .colour-of-the-year.sheds.gardenshades .content-wrapper .testers-colours {
    padding: 0 10px 40px;
  }
}
/* line 74, scss/views/_colouroftheyear.scss */
.colour-of-the-year.sheds.gardenshades .content-wrapper .testers-colours .tester-colour a {
  color: #969696;
}
/* line 80, scss/views/_colouroftheyear.scss */
.colour-of-the-year.sheds.gardenshades .content-wrapper .testers-colours .tester-colour a p {
  margin: 15px 0 0;
  text-align: left;
  color: #969696;
  font-size: 1.1em;
}
/* line 85, scss/views/_colouroftheyear.scss */
.colour-of-the-year.sheds.gardenshades .content-wrapper .testers-colours .tester-colour a p .green {
  color: #418742;
}
@media (max-width: 640px) {
  /* line 80, scss/views/_colouroftheyear.scss */
  .colour-of-the-year.sheds.gardenshades .content-wrapper .testers-colours .tester-colour a p {
    margin: 15px 0;
  }
}
/* line 98, scss/views/_colouroftheyear.scss */
.colour-of-the-year.sheds.gardenshades .content-wrapper .themes-links-wrapper {
  text-align: center;
}
@media (max-width: 640px) {
  /* line 98, scss/views/_colouroftheyear.scss */
  .colour-of-the-year.sheds.gardenshades .content-wrapper .themes-links-wrapper {
    padding: 0 10px;
  }
}
@media (max-width: 640px) {
  /* line 106, scss/views/_colouroftheyear.scss */
  .colour-of-the-year.sheds.gardenshades .content-wrapper .themes-links-wrapper h2 br {
    display: none;
  }
}
/* line 113, scss/views/_colouroftheyear.scss */
.colour-of-the-year.sheds.gardenshades .content-wrapper .themes-links-wrapper .theme-item img {
  margin: 0 0 8px;
}
/* line 116, scss/views/_colouroftheyear.scss */
.colour-of-the-year.sheds.gardenshades .content-wrapper .themes-links-wrapper .theme-item a {
  color: #969696;
}
/* line 118, scss/views/_colouroftheyear.scss */
.colour-of-the-year.sheds.gardenshades .content-wrapper .themes-links-wrapper .theme-item a h5 {
  text-align: left;
  color: #969696;
  font-size: 1.1em;
  margin: 20px 0;
}
/* line 123, scss/views/_colouroftheyear.scss */
.colour-of-the-year.sheds.gardenshades .content-wrapper .themes-links-wrapper .theme-item a h5 .green {
  color: #418742;
}
/* line 129, scss/views/_colouroftheyear.scss */
.colour-of-the-year.sheds.gardenshades .content-wrapper .themes-links-wrapper .theme-item p {
  color: #969696;
  font-size: 0.875em;
  text-align: left;
}
@media (max-width: 640px) {
  /* line 138, scss/views/_colouroftheyear.scss */
  .colour-of-the-year.sheds.gardenshades .content-wrapper .tool-colour-full {
    padding: 0 10px;
    margin: 0;
  }
}
/* line 146, scss/views/_colouroftheyear.scss */
.colour-of-the-year.sheds.gardenshades .content-wrapper .tool-colour-full-container img.garden-shades-logo {
  width: auto;
}