@font-face {
	font-family: 'icomoon';
	src:  url('/fonts/icomoon.eot?9fbbv5');
	src:  url('/fonts/icomoon.eot?9fbbv5#iefix') format('embedded-opentype'),
		url('/fonts/icomoon.ttf?9fbbv5') format('truetype'),
		url('/fonts/icomoon.woff?9fbbv5') format('woff'),
		url('/fonts/icomoon.svg?9fbbv5#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

html {
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #434343;
}
body {
	margin: 0;
	padding: 0;
	font-family: Muli, sans-serif;
	font-weight: 400;

	-webkit-text-size-adjust: 100%;
}

a,
.pseudo-link {
	color: #f39d2d;
}
.pseudo-link {
	text-decoration: underline;
	cursor: pointer;
}
a:hover,
a:focus,
a:active,
.pseudo-link:hover,
.pseudo-link:focus,
.pseudo-link:active {
	color: #3d6988;
}

.alternative-link-style a,
.alternative-link-style .pseudo-link {
	color: #3d6988;
}
.alternative-link-style a:hover,
.alternative-link-style a:focus,
.alternative-link-style a:active,
.alternative-link-style .pseudo-link:hover,
.alternative-link-style .pseudo-link:focus,
.alternative-link-style .pseudo-link:active {
	color: #a8b1b7;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
form {
	margin: 0;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	font-family: Raleway, sans-serif;
}
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	font-weight: 600;
	letter-spacing: -0.03em;
}

h1,
.h1 {
	margin: 0.416666666667em 0;
	font-size: 3em;
	font-weight: 400;
	line-height: 1.041666666667;
}
h2,
.h2 {
	margin: 0.555555555556em 0;
	font-size: 2.25em;
	line-height: 1.111111111111;
}
h3,
.h3,
.font-size-up-3,
.font-size-up-3-module p,
.font-size-up-3-module ul,
.font-size-up-3-module ol,
.font-size-up-3-module table {
	margin: 0.666666666667em 0;
	font-size: 1.875em;
	line-height: 1.2;
}
h4,
.h4,
h5,
.h5,
h6,
.h6,
.font-size-up-2,
.font-size-up-2-module p,
.font-size-up-2-module ul,
.font-size-up-2-module ol,
.font-size-up-2-module table {
	margin: 0.909090909091em 0;
	font-size: 1.375em;
	line-height: 1.181818181818;
}

.font-size-up-1,
.font-size-up-1-module p,
.font-size-up-1-module ul,
.font-size-up-1-module ol,
.font-size-up-1-module table {
	margin: 1.1111111111em 0;
	font-size: 1.125em;
	line-height: 1.3333333333;
}

p,
ul,
ol,
table,
pre,
hr,
.page-nav,
.font-size-default,
.font-size-default-module p,
.font-size-default-module ul,
.font-size-default-module ol,
.font-size-default-module table {
	margin: 1.333333333333em 0;
	font-size: 0.9375em;
	line-height: 1.6;
}

.font-size-down-1,
.font-size-down-1-module p,
.font-size-down-1-module ul,
.font-size-down-1-module ol,
.font-size-down-1-module table,
#basket_page_titles {
	margin: 0.833333333333em 0;
	font-size: 0.75em;
	line-height: 1.5;
}

.font-size-down-2,
.font-size-down-2-module p,
.font-size-down-2-module ul,
.font-size-down-2-module ol,
.font-size-down-2-module table {
	margin: 2em 0;
	font-size: 0.625em;
	line-height: 1.4;
}

th,
td {
	padding: 0.333333333333em;
}
b,
strong,
th {
	font-weight: 700;
}

ul ul,
ul ol,
ol ul,
ol ol,
ul p,
ol p,
ul table,
ol table {
	line-height: inherit;
}
ul ul,
ul ol,
ol ul,
ol ol {
	font-size: 1em;
	margin-top: 0;
}
nav ul,
form ol,
form ul {
	margin-right: 0;
	margin-left: 0;
	padding: 0;
	list-style: none;
}
form ol,
form ul,
form p {
	font-size: 1em;
	line-height: inherit;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
legend {
	display: block;
	width: 100%;
	padding: 0;
}
input,
button,
select,
textarea,
.pseudo-button {
	margin: 0;
	background-color: #e8e8e8;
	color: #434343;
	border: 1px solid #e8e8e8;
	font-family: Muli, sans-serif;
	font-size: 1em;
	line-height: inherit;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;

	-webkit-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
	-o-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
input:focus,
select:focus,
textarea:focus {
	border-color: #9cf;

	box-shadow: 0 0 0.266666666667em -0.066666666667em #9cf;
}
input:-moz-focusring,
select:-moz-focusring,
textarea:-moz-focusring {
	outline: transparent;
}
input::-moz-focus-inner,
button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

input[type="search"] {
	-webkit-border-radius: 0;
	-webkit-appearance: none;
}
input[type="submit"],
input[type="button"] {
	-webkit-appearance: none;
}

button,
.button,
.submit,
.pseudo-button {
	cursor: pointer;
	text-transform: uppercase;
}
.pseudo-button {
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
}
button,
.button,
html > body .pseudo-button-default {
	background-color: #666;
	color: #fff;
	border-color: #666;
}
button:hover,
.button:hover,
html > body a:hover .pseudo-button-default,
html > body a:focus .pseudo-button-default,
html > body a:active .pseudo-button-default,
html > body .pseudo-button-default:hover,
html > body .pseudo-button-default:focus,
html > body .pseudo-button-default:active {
	background-color: #333;
	color: #fff;
	border-color: #333;
}

.submit,
html > body .pseudo-submit {
	background-color: #f39d2d;
	color: #fff;
	border-color: #f39d2d;
}
.submit:hover,
html > body a:hover .pseudo-submit,
html > body a:focus .pseudo-submit,
html > body a:active .pseudo-submit,
html > body .pseudo-submit:hover,
html > body .pseudo-submit:focus,
html > body .pseudo-submit:active {
	background-color: #f18d26;
	color: #fff;
	border-color: #f18d26;
}

/* ----------- IOS only ----------- */
/* prevent zoom on select:focus behaviour */
/*
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
	select {
		font-size: 1rem;
	}
}
*/

img {
	border: 0;
}
address {
	font-style: normal;
}
object {
	display: block;
}
iframe {
	display: block;
	margin: 0;
	border: 0;
}
pre,
code {
	background-color: #f0f0f0;
	color: #000;
	border: 1px solid #ccc;
	font-family: monospace;
}
pre {
	padding: 1em;
	overflow: auto;
}
hr {
	height: 1px;
	background-color: #ccc;
	color: #ccc;
	border: 0;
}

/* ------ Helper Styles ------ */
.clear-self:before,
.clear-self:after {
	content: '';
	display: table;
}
.clear-self:after {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.text-left {
	text-align: left;
}
.text-centre {
	text-align: center;
}
.text-right {
	text-align: right;
}
.float-container {
	clear: left;
	float: left;
	width: 100%;
}
.ib {
	display: inline-block;
}
.remove {
	display: none !important;
}
.js .remove-if-js-enabled {
	display: none;
}
.overflow-auto {
	overflow: auto;
}
.hide-text {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
.relative {
	position: relative;
}
.list-reset {
	margin-right: 0;
	margin-left: 0;
	padding: 0;
	list-style: none;
}
.bg-cover {
	background-repeat: no-repeat;
	background-position: 50% 50%;

	-webkit-background-size: cover;
	background-size: cover;
}

.font-muli {
	font-family: Muli, sans-serif;
}
.font-raleway {
	font-family: Raleway, sans-serif;
}

/* ------ Mini Modules ------ */
.data-table {
	width: 100%;
	border-collapse: collapse;
}
.data-table tr {
	border-bottom: 1px solid #ccc;
}
.data-table th,
.data-table td {
	vertical-align: top;
	text-align: left;
}
.data-table thead th {
	text-transform: uppercase;
}

/*
@media all and (max-width: em) {
	.responsive-data-table thead {
		display: none;
	}
	.responsive-data-table tr {
		display: block;
		margin-bottom: 1em;
		border-bottom: none;
	}
	.responsive-data-table tbody tr:after {
		content: '';
		display: table;
		clear: both;
	}
	.responsive-data-table tbody td {
		display: block;
		clear: left;
		float: left;
		width: 100%;
		border-bottom: 1px solid #ccc;
		text-align: right;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.responsive-data-table tbody td:last-child {
		border-bottom: none;
	}
	.responsive-data-table tbody td:before {
		content: attr(data-label);
		float: left;
		margin-right: 1em;
	}
}
*/

.section-sub-heading {
	padding-bottom: 0.5555555556em;
	border-bottom: 1px solid #cdd9e1;
	font-weight: 700;
	letter-spacing: normal;
	text-transform: uppercase;
}

.tooltip-module {
	position: relative;
}
.tooltip-module .icon-icomoon {
	padding: 0.357142857em;
	background-color: #017ca5;
	color: #fff;
	font-size: 0.875em;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.font-size-default .tooltip-module .icon-icomoon {
	font-size: 0.9333333333em;
}
.tooltip-text {
	z-index: 1;
	background-color: #fff;
	font-size: 0.75em;
	line-height: 1.25;
}
.font-size-default .tooltip-text {
	font-size: 0.8em;
}
.tooltip-module:hover .tooltip-text,
.tooltip-module.reveal .tooltip-text {
	top: 100%;
	left: 50%;
	width: auto;
	height: auto;
	padding: 0.8333333333em;
	border: 1px solid #cdd9e1;
	overflow: visible;
	white-space: normal;
	text-indent: 0;
	cursor: normal;

	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);

	-webkit-animation-duration: 0.5s;
	-webkit-animation-name: fadeIn;

	animation-duration: 0.5s;
	animation-name: fadeIn;
}

.colour-swatch-white {
	background-color: #fff;
}
.colour-swatch-dark-grey,
.colour-swatch-dark_grey {
	background-color: #8f8f8f;
}

.binary-switch {
	position: relative;
	white-space: nowrap;
}
.binary-switch .switch-module,
.binary-switch label {
	display: inline-block;
	vertical-align: middle;
}
.binary-switch label.font-size-default {
	margin-top: 0;
	margin-bottom: 0;
}
.binary-switch .switch-module {
	width: 3.75em;
	height: 2em;
	margin-right: 0.4375em;
	margin-left: 0.4375em;
	padding: 0.1875em;

	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-ms-border-radius: 1em;
	-o-border-radius: 1em;
	border-radius: 1em;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.binary-switch .switch-module .switch {
	display: block;
	width: 1.625em;
	height: 1.625em;
	margin-right: 0;
	margin-left: auto;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.binary-switch input:checked + .switch-module .switch {
	margin-right: auto;
	margin-left: 0;
}
.binary-switch label {
	font-weight: 700;
	text-transform: uppercase;
}
.binary-switch input {
	position: absolute;
	top: 0;
	margin: 0;
	opacity: 0;
}
.binary-switch .first-option {
	left: 0;
}
.binary-switch .second-option {
	right: 0;
}

.option-as-image-list li {
	position: relative;
}
.option-as-image-list label {
	display: block;
}
.option-as-image-list input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.option-as-image-list .swatch {
	display: block;
	position: relative;
	border: 0.3125em solid #99b1c1;
	cursor: pointer;

	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	-ms-border-radius: 0.25em;
	-o-border-radius: 0.25em;
	border-radius: 0.25em;

	-webkit-transition: border-color 0.2s;
	-o-transition: border-color 0.2s;
	transition: border-color 0.2s;
}
.option-as-image-list input:checked + .swatch {
	border-color: #f39d2d;
}

.option-as-image-list .swatch a,
.option-as-image-list .swatch .tooltip-module {
	display: block;
	position: absolute;
	top: -0.875em;
	right: -0.875em;
}
.option-as-image-list .swatch a {
	padding: 0.4375em;
	background-color: #017ca5;
	color: #fff;
	text-decoration: none;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.option-as-image-list .swatch a:hover,
.option-as-image-list .swatch a:focus,
.option-as-image-list .swatch a:active {
	background-color: #ed7f1a;
	color: #fff;
}
.option-as-image-list .swatch a .icon-icomoon,
.option-as-image-list .swatch a .icon-icomoon:before {
	display: block;
}
.option-as-image-list .swatch a .icon-icomoon {
	font-size: 1em;
}
.option-as-image-list .text {
	display: block;
	text-align: center;
}

.option-as-large-image-grid label.content:hover .select-option-button .icon-icomoon {
	background-color: #8f8f8f;
	color: #fff;
}
.option-as-large-image-grid .label-text {
	margin-top: 0.9333333333em;
	letter-spacing: -0.03em;
}
.option-as-large-image-grid .select-option-button {
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 0.75em 1em 0.75em 4em;
	background-color: #ececec;
	color: #434343;
	overflow: hidden;

	-webkit-border-radius: 0.1875em;
	-moz-border-radius: 0.1875em;
	-ms-border-radius: 0.1875em;
	-o-border-radius: 0.1875em;
	border-radius: 0.1875em;
}
.option-as-large-image-grid .select-option-button input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.option-as-large-image-grid .select-option-button .icon-icomoon,
.option-as-large-image-grid .select-option-button .icon-icomoon:before {
	display: block;
}
.option-as-large-image-grid .select-option-button .icon-icomoon {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0.423076923em;
	background-color: #c8c7c7;
	color: #fff;
	font-size: 1.625em;

	-webkit-transition: background-color 0.15s;
	-o-transition: background-color 0.15s;
	transition: background-color 0.15s;
}
.option-as-large-image-grid .select-option-button input:checked + .icon-icomoon {
	background-color: #017ca5 !important;
	color: #fff;
}
.option-as-large-image-grid .select-option-button .text {
	display: block;
	margin: 0;
	font-weight: 700;
	text-transform: uppercase;
}

.inline-list {
	margin-right: -0.5625em;
	margin-left: -0.5625em;
	padding: 0;
	list-style: none;
}
.inline-list li {
	display: inline-block;
	vertical-align: top;
	margin-right: 0.5625em;
	margin-left: 0.5625em;
}

.styled-radio-button {
	display: block;
	position: relative;
	padding-left: 1.25em;
}
.styled-radio-button .text {
	margin-top: 0;
	margin-bottom: 0;
}
.styled-radio-button input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.styled-radio-button .pseudo-radio,
.styled-radio-button .pseudo-radio-checked {
	display: block;
	position: absolute;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.styled-radio-button .pseudo-radio {
	top: 0.25em;
	left: 0;
	width: 0.75em;
	height: 0.75em;
	border: 0.125em solid #3b6a88;
}
.styled-radio-button .pseudo-radio-checked {
	top: 0.1875em;
	left: 0.1875em;
	width: 0.375em;
	height: 0.375em;
	background-color: #3b6a88;
	opacity: 0;
}
.styled-radio-button input:checked + .pseudo-radio .pseudo-radio-checked {
	opacity: 1;
}

.social-media-module ul {
	margin: 0 -0.4375em;
	font-size: 1em;
}
.social-media-module li {
	display: inline-block;
	vertical-align: top;
	margin: 0.4375em;
}
.social-media-module a,
.social-media-module .icon-icomoon,
.social-media-module .icon-icomoon:before {
	display: block;
}
.social-media-module .icon-icomoon {
	font-size: 1.5em;
}
.social-media-module a {
	text-decoration: none;
}

.ajax-submit-button {
	position: relative;
	/*min-width: em;*/
}
.ajax-submit-button:disabled,
.ajax-submit-button[disabled] {
	pointer-events: none;
	cursor: default;
}
.ajax-submit-button .label {
	display: block;
}
.ajax-submit-button .processing-animation {
	display: none;
	position: absolute;
	top: 0;
	left: 50%;
	font-size: 1.6em;
	text-align: center;

	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.ajax-submit-button .processing-animation:before {
	display: block;

	-webkit-animation: processing 1s linear infinite;
	animation: processing 1s linear infinite;
}
.ajax-submit-button.processing .label,
.ajax-submit-button.ajax-success .label,
.ajax-submit-button.ajax-failed .label {
	visibility: hidden;
}
.ajax-submit-button.processing .processing-animation {
	display: block;
}
.ajax-submit-button .ajax-message {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.ajax-submit-button .ajax-message .icon-icomoon {
	display: inline-block;
	vertical-align: top;
	margin-left: 0.2em;
	font-size: 1.6em;
}
.ajax-submit-button .ajax-message .icon-icomoon:before {
	display: block;
}
.ajax-submit-button.ajax-success .success-message {
	display: block;
}
.ajax-submit-button.ajax-failed {
	background-color: #c00;
	border-color: #c00;

	-webkit-transition: background-color 0.2s, border-color 0.2s;
	-o-transition: background-color 0.2s, border-color 0.2s;
	transition: background-color 0.2s, border-color 0.2s;
}
.ajax-submit-button.ajax-failed .fail-message {
	display: block;
}

.focus-link {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding-right: 1.6666666667em;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
}
.focus-link
.focus-link .icon-icomoon,
.focus-link .icon-icomoon:before {
	display: block;
}
.focus-link .icon-icomoon {
	position: absolute;
	top: 0.3333333333em;
	right: 0;
	padding: 0.4444444444em;
	background-color: #f39d2d;
	color: #fff;
	font-size: 0.6em;

	-webkit-border-radius: 0.2222222222em;
	-moz-border-radius: 0.2222222222em;
	-ms-border-radius: 0.2222222222em;
	-o-border-radius: 0.2222222222em;
	border-radius: 0.2222222222em;
}
.font-size-down-1 .focus-link .icon-icomoon {
	top: 0.2857142857em;
	padding: 0.42857142857em;
	font-size: 0.5833333333em;

	-webkit-border-radius: 0.2857142857em;
	-moz-border-radius: 0.2857142857em;
	-ms-border-radius: 0.2857142857em;
	-o-border-radius: 0.2857142857em;
	border-radius: 0.2857142857em;
}

.focus-link-left-icon {
	padding-right: 0;
	padding-left: 1.6666666667em;
}
.focus-link-left-icon .icon-icomoon {
	right: auto;
	left: 0;
}

.focus-link.pseudo-link {
	background: #000;
	padding: 1em;
	border-radius: 2em;
	color: #fff;
	pointer-events: none;
	font-weight: 500;
}

.msg {
	padding: 1em;
	text-align: center;
}
.success {
	background-color: #eaf5ea;
	color: #393;

	box-shadow: 0 0 0.5em #393;
}
.error {
	background-color: #fae5e5;
	color: #c00;

	box-shadow: 0 0 0.5em #c00;
}
.info {
	background-color: #ccf;
	color: #006;

	box-shadow: 0 0 0.5em #006;
}

.no-img,
.embedded-map,
.embedded-video {
	position: relative;
	height: 0;
	overflow: hidden;
	text-align: center;
}
.no-img,
.embedded-map,
.embedded-video {
	background-color: rgba(0, 0, 0, 0.1);
}
.no-img,
.embedded-map {
	color: #000;
}
a:hover .no-img,
a:focus .no-img,
a:active .no-img,
a.no-img:hover,
a.no-img:focus,
a.no-img:active {
	background-color: rgba(0, 0, 0, 0.2);
}
a:hover .no-img,
a:focus .no-img,
a:active .no-img,
a.no-img:hover,
a.no-img:focus,
a.no-img:active {
	color: #000;
}
.no-img p {
	position: absolute;
	top: 50%;
	left: 5%;
	width: 90%;
	margin: 0 !important;

	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.embedded-map {
	padding: 0 0 100%;
}
.embedded-map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media all and (min-width: 37.5em) {
	.embedded-map {
		padding: 0 0 56.25%;
	}
}

.embedded-video {
	padding: 0 0 56.25%;
}
.embedded-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ---- Download CSS ---- */

.download-list {
	line-height: 1.25;
	font-size: 1em;
	text-align: left;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding: 0 !important;
}
.download-list li {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}
.download-list li {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	text-align: left;
}
.download-list a {
	display: block;
	position: relative;
	margin: 0.5em;
	text-decoration: none;
}
.download-list .list-download-heading,
.download-list .list-download-description {
	margin-top: 0.625em;
	margin-bottom: 0.625em;
	margin-right: 1em;
}
.download-list .list-download-heading {
	font-weight: bold;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
}
.download-list .list-download-description {
	background-color: transparent;
	color: #414042;
}
.download-list .icon-icomoon,
.download-list .icon-icomoon:before {
	display: inline-block;
	vertical-align: middle;
}
.download-list .icon-icomoon:before {
	font-size: 2em;
}
.icon-file-pdf:before,
.icon-file-doc:before,
.icon-file-xls:before,
.icon-file-txt:before,
.icon-file-PDF:before,
.icon-file-DOC:before,
.icon-file-XLS:before,
.icon-file-TXT:before,
.icon-file-image:before,
.icon-file-ies:before,
.icon-file-IES:before {
	background-color: transparent;
	color: #f60;
	display: inline-block;
	font-size: 2em;
	margin: 0.125em 0.3125em 0.125em 0;
	vertical-align: middle;
}

.icon-icomoon {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-file-xls:before {
  content: "\e90d";
}
.icon-file-doc:before 
.icon-file-docx:before {
  content: "\e90e";
}
.icon-file-pdf:before {
  content: "\e90f";
}
.icon-file-txt:before {
  content: "\e910";
}
.icon-instagram:before {
	content: "\e900";
}
.icon-cross:before {
	content: "\e904";
}
.icon-menu:before {
	content: "\e901";
}
.icon-twitter:before {
	content: "\e902";
}
.icon-facebook:before {
	content: "\e903";
}
.icon-telephone:before {
	content: "\e906";
}
.icon-cog:before {
	content: "\e907";
}
.icon-trolley:before {
	content: "\e908";
}
.icon-user:before {
	content: "\e909";
}
.icon-tick:before {
	content: "\e90a";
}
.icon-question:before {
	content: "\e905";
}
.icon-magnifying-glass:before {
	content: "\e90b";
}
.icon-chevron-right:before {
	content: "\e90c";
}

/*.bg-sprite {
	background-image: url('/images/bg-sprites.png');
	background-repeat: no-repeat;
	background-position: 0 -100px;
}*/

.skip-link {
	position: absolute;
	top: 0;
	left: -999em;
	padding: 0.5em;
	font-size: 1.2em;
	line-height: 1.333;
	text-decoration: none;
	z-index: 3;
}
.skip-link:focus,
.skip-link:active {
	left: 0;
	background-color: #000;
	color: #fff;
}

/* ------ Layout ------ */

.wrapper {
	max-width: 77.375em;
	margin-right: auto;
	margin-left: auto;
	padding-right: 1.25em;
	padding-left: 1.25em;
}
.wrapper-footer-logos {
	max-width: 95em;
}

.grid-adjust-default,
.grid-adjust-fixed-half,
.grid-adjust-4-col {
	margin-right: -0.625em;
	margin-left: -0.625em;
}
.gutter-default {
	padding-right: 0.625em;
	padding-left: 0.625em;
}
.gutter-fixed-half {
	padding-right: 0.625em;
	padding-left: 0.625em;
}
.gutter-fixed-full {
	padding-right: 1.25em;
	padding-left: 1.25em;
}

@media all and (min-width: 80em) {
	.wrapper {
		padding-right: 2.5em;
		padding-left: 2.5em;
	}
	.grid-adjust-default {
		margin-right: -1.25em;
		margin-left: -1.25em;
	}
	.grid-adjust-4-col {
		margin-right: -1.3125em;
		margin-left: -1.3125em;
	}
	.gutter-default {
		padding-right: 1.25em;
		padding-left: 1.25em;
	}
}

/* ------ Colourways ------ */

/* COLOURWAYS */

.cw-1,
.cw-1-base {
	background-color: #3d6988;
	color: #fff;
}
.cw-1 a {
	color: #f39d2d;
}
.cw-1 a:hover,
.cw-1 a:focus,
.cw-1 a:active {
	color: #68a8c7;
}

.cw-2,
.cw-2-base {
	background-color: #017ca5;
	color: #fff;
}
.cw-2 a {
	color: #f39d2d;
}
.cw-2 a:hover,
.cw-2 a:focus,
.cw-2 a:active {
	color: #94f2f7;
}

.cw-3,
.cw-3-base {
	background-color: #f39d2d;
	color: #fff;
}
.cw-3 a {
	color: #f9ce96;
}
.cw-3 a:hover,
.cw-3 a:focus,
.cw-3 a:active {
	color: #e86108;
}

.cw-4,
.cw-4-base {
	background-color: #434343;
	color: #fff;
}
.cw-4 a {
	color: #f39d2d;
}
.cw-4 a:hover,
.cw-4 a:focus,
.cw-4 a:active {
	color: #3d6988;
}

.cw-5,
.cw-5-base {
	background-color: #8f8f8f;
	color: #fff;
}
.cw-5 a {
	color: #e8e8e8;
}
.cw-5 a:hover,
.cw-5 a:focus,
.cw-5 a:active {
	color: #bcccd6;
}

.cw-6,
.cw-6-base {
	background-color: #e8e8e8;
	color: #434343;
}
.cw-6 a {
	color: #f39d2d;
}
.cw-6 a:hover,
.cw-6 a:focus,
.cw-6 a:active {
	color: #3d6988;
}

.cw-0,
.cw-0-base {
	background-color: #fff;
	color: #434343;
}
.cw-0 a {
	color: #f39d2d;
}
.cw-0 a:hover,
.cw-0 a:focus,
.cw-0 a:active {
	color: #3d6988;
}

.cw-0 .alternative-link-style a {
	color: #3d6988;
}
.cw-0 .alternative-link-style a:hover,
.cw-0 .alternative-link-style a:focus,
.cw-0 .alternative-link-style a:active {
	color: #a8b1b7;
}

.cw-1-foreground {
	color: #3d6988;
}
.cw-4-foreground,
.cw-default-foreground {
	color: #434343;
}
.cw-5-foreground {
	color: #8f8f8f;
}

.cw-1-background {
	background: #eee;
}

/* ------ Modules ------ */
.site-header {
	position: relative;
	z-index: 3;
	border-bottom: 1px solid #e3e3e3;
}

.logo .container {
	max-width: 332px;
}
.logo a {
	display: block;
	background-color: #fff;
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #cbd5da;
	overflow: hidden;

	-moz-transform: skew(0deg, -5deg) translateY(-10%);
	-webkit-transform: skew(0deg, -5deg) translateY(-10%);
	-o-transform: skew(0deg, -5deg) translateY(-10%);
	-ms-transform: skew(0deg, -5deg) translateY(-10%);
	transform: skew(0deg, -5deg) translateY(-10%);
}
.logo .content {
	padding-top: 12.1212121212%;
	padding-bottom: 14.8484848484%;

	-moz-transform: skew(0deg, 5deg);
	-webkit-transform: skew(0deg, 5deg);
	-o-transform: skew(0deg, 5deg);
	-ms-transform: skew(0deg, 5deg);
	transform: skew(0deg, 5deg);
}
.logo img {
	display: block;
	width: 100%;
}

.nav-top {
	text-transform: uppercase;
}
.nav-top ul {
	margin-right: -0.5833333333em;
	margin-left: -0.5833333333em;
}
.nav-top li {
	display: inline-block;
	vertical-align: top;
	padding-right: 0.5833333333em;
	padding-left: 0.5833333333em;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.nav-top a {
	display: block;
	position: relative;
	padding: 0.5833333333em 1em;
	text-decoration: none;

	-webkit-transition: background-color 0.15s, color 0.15s;
	-o-transition: background-color 0.15s, color 0.15s;
	transition: background-color 0.15s, color 0.15s;
}
.nav-top .icon-icomoon,
.nav-top .icon-icomoon:before {
	display: block;
}
.nav-top .icon-icomoon {
	position: absolute;
	top: 0.3888888889em;
	font-size: 1.5em;
}

.nav-top .account-nav-item a {
	padding-left: 2.1666666667em;
	color: #434343;
}
.nav-top .account-nav-item a:hover,
.nav-top .account-nav-item a:focus,
.nav-top .account-nav-item a:active {
	color: #3d6988;
}
.nav-top .account-nav-item .icon-icomoon {
	left: 0.2222222222em;
}

.nav-top .basket-nav-item a,
.nav-top .door-configurator-nav-item a {
	-webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.35);
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.35);
}

.nav-top .basket-nav-item a:hover,
.nav-top .basket-nav-item a:focus,
.nav-top .basket-nav-item a:active,
.nav-top .door-configurator-nav-item a:hover,
.nav-top .door-configurator-nav-item a:focus,
.nav-top .door-configurator-nav-item a:active {
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
}

.nav-top .basket-nav-item a {
	padding-right: 4.5em;
	background-color: #434343;
	color: #fff;
}
.nav-top .basket-nav-item a:hover,
.nav-top .basket-nav-item a:focus,
.nav-top .basket-nav-item a:active {
	background-color: #212121;
}
.nav-top .basket-nav-item .full-link-text {
	display: none;
}
.nav-top .basket-nav-item .icon-icomoon {
	top: 0;
	right: 0.6666666667em;
	padding: 0.3888888889em 0.4444444444em 0.7777777778em;
}

.nav-top .door-configurator-nav-item a {
	padding-right: 1.6666666667em;
	padding-left: 3em;
	background-color: #f39d2d;
	color: #fff;
}
.nav-top .door-configurator-nav-item a:hover,
.nav-top .door-configurator-nav-item a:focus,
.nav-top .door-configurator-nav-item a:active {
	background-color: #f18d26;
	color: #fff;
}
.nav-top .door-configurator-nav-item .icon-icomoon {
	left: 0.7777777778em;
}

.contact-site-header {
	font-weight: 600;
}

.nav-main {
	text-transform: uppercase;
}
.nav-main a {
	display: block;
	text-decoration: none;
}
.nav-main ul {
	display: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}
.nav-main ul a {
	color: #434343;

	-webkit-transition: color 0.15s;
	-o-transition: color 0.15s;
	transition: color 0.15s;
}
.nav-main ul a:hover,
.nav-main ul a:focus,
.nav-main ul a:active {
	color: #a8b1b7;
}

@media all and (max-width: 29.9375em) {
	.site-header {
		text-align: center;
	}

	.logo .container {
		max-width: 167px;
		margin-right: auto;
		margin-left: auto;
	}

	.nav-top ul {
		margin-top: 0;
	}
	.nav-top .account-nav-item {
		width: 100%;
	}
	.nav-top .account-nav-item a {
		display: inline-block;
		vertical-align: top;
	}

	.nav-main {
		margin-right: -1.25em;
		margin-left: -1.25em;
	}
}

@media all and (min-width: 30em) {
	.logo,
	.adj-to-logo {
		display: inline-block;
		vertical-align: top;
		width: 50%;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.logo a {
		margin-bottom: -17.168674698795%;
	}

	.adj-to-logo {
		text-align: right;
	}

	.nav-top ul {
		margin-top: 0;
	}
}

@media all and (min-width: 25.875em) {
	.nav-top .basket-nav-item .full-link-text {
		display: inline;
	}
}

@media all and (max-width: 49.9375em) {
	.nav-main .nav-btn {
		margin-top: 0;
		margin-bottom: 0;
	}
	.nav-main .nav-btn a {
		padding: 0.2666666667em 1.3333333333em;
		background-color: #cbd5da;
		color: #434343;
	}

	.nav-main ul:target {
		display: block;
	}
	.nav-main ul.show {
		display: block;
	}
	.nav-main ul li {
		border-top: 1px solid #cdd9e1;
	}
	.nav-main ul a {
		padding: 0.2666666667em 1.3333333333em;
	}
}

@media all and (min-width: 30em) and (max-width: 49.9375em) {
	.nav-top li {
		display: block;
	}

	.nav-top .account-nav-item a,
	.nav-top .basket-nav-item a,
	.nav-top .door-configurator-nav-item a {
		padding-left: 4.5em;
		padding-right: 1em;
	}
	.nav-top .account-nav-item .icon-icomoon,
	.nav-top .door-configurator-nav-item .icon-icomoon {
		left: 1.1111111111em;
	}
	.nav-top .basket-nav-item .icon-icomoon {
		right: auto;
		left: 0.6666666667em;
		padding-bottom: 0.3888888889em;
	}

	.nav-main {
		margin-top: 0.625em;
		margin-bottom: 0.625em;
	}
	.nav-main .nav-btn a {
		position: relative;
		padding-left: 3.6em;
		padding-right: 0.8em;
	}
	.nav-main .nav-btn .icon-icomoon,
	.nav-main .nav-btn .icon-icomoon:before {
		display: block;
	}
	.nav-main .nav-btn .icon-icomoon {
		position: absolute;
		top: 0.25em;
		left: 0.95em;
		font-size: 1.3333333333em;
	}
}

@media all and (min-width: 50em) {
	.logo {
		width: 29.10798122%;
	}
	.adj-to-logo {
		width: 70.89201878%;
	}

	.nav-main {
		margin-top: 1.125em;
		margin-bottom: 1.125em;
	}

	.nav-main .nav-btn {
		display: none;
	}

	.nav-main > ul {
		display: block;
	}
	.nav-main > ul > li {
		display: inline-block;
		vertical-align: top;
	}
}

@media all and (max-width: 79.9375em) {
	.contact-site-header {
		display: none;
	}
}

@media all and (min-width: 50em) and (max-width: 79.9375em) {
	.nav-main > ul > li {
		width: 25%;
	}
}

@media all and (min-width: 80em) {
	.nav-main > ul > li {
		margin-left: 1.3333333333em;
	}
	.nav-main > ul > li:first-child {
		margin-left: 0;
	}
}

@media all and (min-width: 82.5em) {
	.nav-main > ul > li {
		margin-left: 2em;
	}
}

.site-content {
	position: relative;
	z-index: 1;
}

.site-content-1-1,
.site-content-1-2,
.site-content-1-2-narrow,
.site-content-1-3,
.site-content-2-3,
.site-content-55pc,
.site-content-45pc {
	display: inline-block;
	vertical-align: top;
	width: 100%;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media all and (min-width: 37.5em) {
	.site-content-1-2-narrow {
		width: 50%;
	}
}

@media all and (min-width: 45em) {
	.site-content-1-2 {
		width: 50%;
	}
	.site-content-1-2.vertical-align-middle {
		vertical-align: middle;
	}

	.push-site-content-1-2,
	.pull-site-content-1-2 {
		position: relative;
	}
	.push-site-content-1-2 {
		left: 50%;
	}
	.pull-site-content-1-2 {
		left: -50%;
	}
}

@media all and (min-width: 50em) {
	.site-content-55pc {
		width: 55%;
	}
	.site-content-45pc {
		width: 45%;
	}
	.site-content-55pc.vertical-align-bottom,
	.site-content-45pc.vertical-align-bottom {
		vertical-align: bottom;
	}

	.push-site-content-55pc,
	.pull-site-content-55pc,
	.push-site-content-45pc,
	.pull-site-content-45px {
		position: relative;
	}
	.push-site-content-55pc {
		left: 55%;
	}
	.pull-site-content-55pc {
		left: -55%;
	}
	.push-site-content-45pc {
		left: 45%;
	}
	.pull-site-content-45pc {
		left: -45%;
	}
}

@media all and (min-width: 60em) {
	.site-content-1-3 {
		width: 33.3333333333%;
	}
	.site-content-2-3 {
		width: 66.6666666667%;
	}
}

.slideshow-module {
	position: relative;
	overflow: hidden;
}
.slideshow-module .item {
	display: none;
}
.slideshow-module .item:first-child,
.slideshow-module.slick-initialized .item {
	display: block;
}

.slideshow-image-spacer {
	padding: 0 0 56.54281098546%;
}

.slideshow-overlay {
	padding-top: 0.625em;
	padding-bottom: 0.625em;
	text-align: center;
}
.slideshow-module .overlay-text-1,
.slideshow-module .overlay-text-2 {
	color: #fff;
	letter-spacing: -0.03em;

	text-shadow: 1px 3px 5px rgba(0, 0, 0, 0.35);
}
.slideshow-module .overlay-text-1 {
	margin-top: 0.5555555556em;
	margin-bottom: 0.5555555556em;
	font-size: 2.25em;
	line-height: 1;
}
.slideshow-module .overlay-text-2 {
	margin-top: 0.8333333333em;
	margin-bottom: 0.8333333333em;
	font-size: 1.5em;
	line-height: 1.1666666667;
}
.slideshow-module .overlay-text-1 + .overlay-text-2 {
	margin-top: -0.5em;
}
.js .slideshow-module .overlay-text-1,
.js .slideshow-module .overlay-text-2 {
	position: relative;
	opacity: 0;
}
.js .slideshow-module .overlay-text-1 {
	left: -100%;
}
.js .slideshow-module .overlay-text-2 {
	left: 100%;
}
.js .slideshow-module .link-text {
	opacity: 0;

	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
.slideshow-module .link-text {
	margin-top: 1.25em;
	margin-bottom: 1.25em;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.25;
}
.slideshow-module .link-text .pseudo-button {
	padding: 1em 1.875em;

	-webkit-border-radius: 0.1875em;
	-moz-border-radius: 0.1875em;
	-ms-border-radius: 0.1875em;
	-o-border-radius: 0.1875em;
	border-radius: 0.1875em;
}

.slideshow-module-dots-module {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 101;
	width: 100%;
	text-align: right;
}
.slideshow-module-dots-module .slick-dots {
	margin: 0.3125em 0;
	padding: 0;
	font-size: 1em;
	list-style: none;
}
.slideshow-module-dots-module .slick-dots li {
	display: inline-block;
	vertical-align: top;
	margin: 0.3125em;
}
.slideshow-module-dots-module .slick-dot {
	position: relative;
	top: 4.375em;
	width: 1.125em;
	height: 1.125em;
	background-color: #fff;
	border: 0;
	opacity: 0;

	-webkit-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.slideshow-module.breakpoint-hit .slideshow-module-dots-module .slick-dot {
	top: 0;
	opacity: 1;

	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.slideshow-module-dots-module .slick-dot:hover,
.slideshow-module-dots-module .slick-dot:focus,
.slideshow-module-dots-module .slick-dot:active {
	background-color: #99b1c1;

	-webkit-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	transition: background-color 0.2s;
}
.slideshow-module-dots-module .slick-dot[aria-selected="true"] {
	background-color: #3b6a88;
	cursor: default;
}

@media all and (min-width: 33.75em) {
	.slideshow-module .item {
		position: relative;
	}
	.slideshow-overlay {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;

		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

@media all and (min-width: 37.5em) {
	.slideshow-module .overlay-text-1 {
		margin-top: 0.37037037037em;
		margin-bottom: 0.37037037037em;
		font-size: 3.375em;
	}
	.slideshow-module .overlay-text-2 {
		margin-top: 0.5555555556em;
		margin-bottom: 0.5555555556em;
		font-size: 2.25em;
		line-height: 1.0555555556;
	}

	.slideshow-module .overlay-text-1 + .overlay-text-2 {
		margin-top: -0.3333333333em;
	}
}

@media all and (min-width: 50em) {
	.slideshow-module .overlay-text-1 {
		margin-top: 0.2777777778em;
		margin-bottom: 0.2777777778em;
		font-size: 4.5em;
	}
	.slideshow-module .overlay-text-2 {
		margin: 0.4166666667em 0;
		font-size: 3em;
		line-height: 1.0416666667;
	}

	.slideshow-module .overlay-text-1 + .overlay-text-2 {
		margin-top: -0.25em;
	}
}

@media all and (min-width: 57.5em) {
	.slideshow-module-dots-module {
		top: auto;
		bottom: 2.625em;
		text-align: center;
	}
	.slideshow-module-dots-module .slick-dot {
		width: 1.375em;
		height: 1.375em;
	}
}

.top-image-spacer {
	padding: 0 0 24.232633279%;
}

.top-image-module-with-overlay {
	text-align: center;
}
.top-image-module-with-overlay .site-content-heading {
	margin-bottom: 0.5em;
}
.top-image-module-overlay .grid-adjust {
	margin-right: -0.625em;
	margin-left: -0.625em;
}

.configurator-steps-list {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 1.6em;
	padding: 0;
	list-style: none;
	counter-reset: configurator-steps;
}
.configurator-steps-list li {
	counter-increment: configurator-steps;
	position: relative;
	margin-top: 0.6666666667em;
	margin-bottom: 0.6666666667em;
	padding: 0.5333333333em 0.6666666667em 0.0666666667em 3.8666666667em;
	text-align: left;
}
.configurator-steps-list li:before {
	content: counter(configurator-steps);
	display: block;
	width: 1em;
	padding: 0.19230769em 0.269230769em 0.346153846em;
	background-color: #fff;
	color: #99b1c1;
	font-family: Raleway, sans-serif;
	font-weight: 600;
	font-size: 1.7333333333em;
	line-height: 1;
	text-align: center;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.configurator-steps-list .text {
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding-bottom: 0.4666666667em;
}
.configurator-steps-list .underline {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.3333333333em;
	opacity: 0;
}

@media all and (max-width: 59.9375em) {
	.configurator-steps-list li:before {
		position: absolute;
		top: 0;
		left: 0.3846153846em;
	}
}

@media all and (min-width: 60em) {
	.top-image-module-overlay .grid-adjust {
		margin-right: -1.25em;
		margin-left: -1.25em;
	}

	.configurator-steps-list li {
		display: inline-block;
		vertical-align: top;
		padding-right: 1.3333333333em;
		padding-left: 1.3333333333em;
	}
	.configurator-steps-list li:before {
		margin: 0 auto 0.3333333333em;
		padding: 0.1666666667em 0.25em 0.3333333333em;
		font-size: 4em;
	}
}

@media all and (max-width: 77.3125em) {
	.top-image-module-with-overlay .top-image-spacer {
		display: none;
	}
}

@media all and (min-width: 77.375em) {
	.top-image-module-with-overlay {
		position: relative;
	}
	.top-image-module-overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
}

.breadcrumb,
#basket_page_titles {
	margin-right: 0;
	margin-left: 0;
	padding: 0;
	text-align: right;
}
.breadcrumb li,
.breadcrumb li:before,
#basket_page_titles .basket_step,
#basket_page_titles .basket_step:before {
	display: inline-block;
}
.breadcrumb li:before,
#basket_page_titles .basket_step:before {
	content: '\0000a0>\0000a0';
	width: 0;
	height: 0;
	margin: 0 0.25em 0 0.3333333333em;
	border-width: 0.25em 0 0.25em 0.5em;
	border-style: inset none inset solid;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-left-color: #f39d2d;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
.breadcrumb li:first-child:before,
#basket_page_titles .basket_step:first-child:before {
	content: normal;
}
.breadcrumb a {
	color: #3b6a88;
	text-decoration: none;
}
.breadcrumb a:hover,
.breadcrumb a:focus,
.breadcrumb a:active {
	color: #a8b1b7;
}
#basket_page_titles .basket_step {
	color: #a8b1b7;
}
#basket_page_titles .current_page {
	color: #434343;
}

.site-content-heading {
	margin-top: 0.5em;
	margin-bottom: 0.75em;
	text-align: center;
}
.site-content-heading.saved-configs-heading {
	color: #3c6b89;
}

.contact-detail-page .site-content-heading {
	text-align: left;
}

.site-content-body {
	margin-top: -1.25em;
}

.content-module {
	margin-top: 1.25em;
	margin-bottom: 1.25em;
}
.content-module-2 {
	margin-top: 2.5em;
	margin-bottom: 2.5em;
}
.content-module-3 {
	margin-top: 3.75em;
	margin-bottom: 3.75em;
}

.site-section-standard .site-section-image {
	margin: 1.25em auto;
}
.site-section-standard .site-section-image img {
	display: block;
	max-width: 100%;
	height: auto;
}

.site-section-standard-heading {
	text-transform: uppercase;
}

/*
.content-section {
	margin-top: -1.25em;
	overflow: hidden;
}
.content-section img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 1.25em auto;
}
.content-section img.block {
	margin-right: 0;
	margin-left: 0;
}
.content-section li {
	margin-top: 0.266666666667em;
}

@media all and (min-width: 37.5em) {
	.content-section img.pull-right {
		float: right;
		margin-right: 0;
		margin-left: 1.25em;
	}
	.content-section img.pull-left {
		float: left;
		margin-right: 1.25em;
		margin-left: 0;
	}
}
*/

.contact-side-panel {
	border-top: 1px solid #d7d7d7;
}
.contact-side-panel:first-child {
	border-top: 0;
}

@media all and (min-width: 50em) {
	.contact-side-panel {
		max-width: 24.125em;
		margin-right: 0;
		margin-left: auto;
	}
}

.contact-site-content .heading b {
	font-weight: 600;
}
.contact-site-content a {
	text-decoration: none;
}

.social-media-site-content a {
	color: #434343;
}

.site-content-section-e2e .site-section-text .site-content-heading {
	text-align: left;
}
.site-content-section-e2e .site-section-text .text-module {
	padding-right: 1.25em;
	padding-left: 1.25em;
	padding-bottom: 1.25em;
}

.site-content-section-e2e .site-section-image .maintain-height-spacer {
	display: none;
}

@media all and (min-width: 60em) {
	.site-content-section-e2e .site-section-image,
	.site-content-section-e2e .site-section-text {
		display: inline-block;
		vertical-align: middle;
		width: 50%;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.site-content-section-e2e .site-section-image .maintain-height-spacer {
		display: block;
	}
	.site-content-section-e2e .site-section-image .maintain-aspect-ratio-spacer {
		display: none;
	}

	.site-content-section-e2e .site-section-text .text-module {
		max-width: 39.9375em;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.site-content-section-e2e-image-left .site-section-image {
		padding-right: 0.625em;
	}
	.site-content-section-e2e-image-left .site-section-text .text-module {
		padding-left: 0.625em;
	}

	.site-content-section-e2e-image-right .site-section-image,
	.site-content-section-e2e-image-right .site-section-text {
		position: relative;
	}
	.site-content-section-e2e-image-right .site-section-image {
		left: 50%;
		padding-left: 0.625em;
	}
	.site-content-section-e2e-image-right .site-section-text {
		left: -50%;
	}
	.site-content-section-e2e-image-right .site-section-text .text-module {
		margin-right: 0;
		margin-left: auto;
		padding-right: 0.625em;
	}
}

@media all and (min-width: 80em) {
	.site-content-section-e2e-image-left .site-section-image {
		padding-right: 1.25em;
	}
	.site-content-section-e2e-image-left .site-section-text .text-module {
		padding-left: 1.25em;
	}
	.site-content-section-e2e-image-right .site-section-image {
		padding-left: 1.25em;
	}
	.site-content-section-e2e-image-right .site-section-text .text-module {
		padding-right: 1.25em;
	}
}

.getquote-module {
	margin-top: 2.5em;
}
.getquote-image {
	display: block;
	width: 100%;
	max-width: 536px;
}
.getquote-module-heading {
	margin-top: 0.8333333333em;
	margin-bottom: 0.8333333333em;
	font-size: 3.2em;
}

.standard-form {
	margin: 1.333333333333em auto;
	font-size: 0.9375em;
	line-height: 1.333333333333;
}
.standard-form legend {
	margin: 0;
	padding: 0.3125em 0;
	border-bottom: 1px solid #ccc;
	font-size: 1.066666666667em;
	font-weight: bold;
	line-height: 1.25;
}
.standard-form li {
	margin: 0.666666666667em 0;
}
.standard-form li:first-child {
	margin-top: 0;
}

.standard-form .label,
.standard-form input,
.standard-form select,
.standard-form textarea {
	display: inline-block;
}

.standard-form .label {
	margin-bottom: 0.2666666667em;
	text-transform: uppercase;
}

.standard-form li.required .label:after,
#basket_default .required {
	background-color: transparent;
	color: #c00;
}
.standard-form li.required .label:after {
	content: '\0000a0*';
}

.standard-form p.note {
	margin-bottom: 1.333333333333em;
}
.standard-form li:first-child p.note {
	margin-top: 1.333333333333em;
}
.standard-form input,
.standard-form select,
.standard-form textarea {
	width: 100%;
	padding: 0.466666666667em;
	vertical-align: top;

	-webkit-border-radius: 0.2666666667em;
	-moz-border-radius: 0.2666666667em;
	-ms-border-radius: 0.2666666667em;
	-o-border-radius: 0.2666666667em;
	border-radius: 0.2666666667em;
}
.standard-form input[type="checkbox"],
.standard-form input[type="radio"] {
	width: auto;
	margin: 0.266666666667em 0 0;
	border: 0;
	vertical-align: middle;
}

.saveconfiguratorresult-form .saveconfiguratorresult-submit-item {
	margin-top: 1em;
}
.saveconfiguratorresult-form .submit {
	font-weight: 700;
}

@supports (display: grid) {
	@media all and (min-width: 40em) and (max-width: 49.9375em), all and (min-width: 70em) {
		.getquote-form ol,
		.contactus-form ol {
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-column-gap: 1.3333333333em;
			grid-row-gap: 0.666666666667em;
		}
		.getquote-form li,
		.contactus-form li {
			grid-column-start: 1;
			margin: 0;
		}
		.getquote-form .getquote-message-item,
		.contactus-form .contactus-enquiry-item {
			grid-row-start: 1;
			grid-row-end: 4;
			grid-column-start: 2;
		}
		.getquote-form .getquote-submit-item,
		.contactus-form .contactus-submit-item {
			grid-column-start: 2;
		}

		.getquote-form .g-recaptcha,
		.getquote-form .submit,
		.contactus-form .g-recaptcha,
		.contactus-form .submit {
			margin-top: 1.6em;
		}

		@supports (display: flex) {
			.getquote-form .getquote-message-item,
			.contactus-form .contactus-enquiry-item {
				display: flex;
				flex-direction: column;
			}
			.getquote-form .getquote-message-item textarea,
			.contactus-form .contactus-enquiry-item textarea {
				flex: 1 0 auto;
			}
		}
	}

	@media all and (min-width: 80em) {
		.getquote-form ol,
		.contactus-form ol {
			grid-column-gap: 2.6666666667em;
		}
	}
}

.grid-child,
.list-child {
	margin: 1.25em auto;
	padding: 0;
	font-size: 1em;
	list-style: none;
}
.grid-child .item {
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
.grid-child .item a {
	text-decoration: none;
}

.grid-child .container {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	margin: 0.625em 0;
}
.grid-child .content {
	display: block;
	margin: 0 0.625em;
}
.grid-child img {
	display: block;
	width: 100%;
}
.grid-child .no-img {
	height: 0;
	padding: 0 0 100%;
	overflow: hidden;
}

.grid-child-flex-normalise {
	display: flex;
	flex-wrap: wrap;
}
.grid-child-flex-normalise .item {
	display: flex;
}
.grid-child-flex-normalise .container,
.grid-child-flex-normalise .content {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}
.grid-child-flex-normalise .flex-expand-this {
	flex: 1 0 auto;
}

.no-flexwrap .grid-child-flex-normalise,
.no-flexwrap .grid-child-flex-normalise .container,
.no-flexwrap .grid-child-flex-normalise .content {
	display: block;
}
.no-flexwrap .grid-child-flex-normalise .item {
	display: inline-block;
}

.grid-child-2-up .item {
	width: 100%;
}

@media all and (min-width: 40em) {
	.grid-child-2-up .item {
		width: 50%;
	}
}

.grid-child-3-up {
	max-width: 25.375em;
}
.grid-child-3-up .item {
	width: 100%;
}

@media all and (min-width: 40em) {
	.grid-child-3-up {
		max-width: 50.75em;
	}
	.grid-child-3-up .item {
		width: 50%;
	}
}

@media all and (min-width: 60em) {
	.grid-child-3-up {
		max-width: 76.125em;
	}
	.grid-child-3-up .item {
		width: 33.3333333333333%;
	}
}

@media all and (min-width: 80em) {
	.grid-child-3-up {
		max-width: none;
	}
}

.grid-child-4-up .item {
	width: 100%;
}

@media all and (min-width: 20em) {
	.grid-child-4-up .item {
		width: 50%;
	}
}

@media all and (min-width: 37.5em) {
	.grid-child-4-up .item {
		width: 33.3333333333%;
	}
}

@media all and (min-width: 60em) {
	.grid-child-4-up .item {
		width: 25%;
	}
}

.grid-child-4-up-small .item {
	width: 50%;
}

@media all and (min-width: 25.875em) {
	.grid-child-4-up-small .item {
		width: 25%;
	}
}

.grid-child-6-up-small .item {
	width: 33.3333333333%;
}

@media all and (min-width: 25.875em) {
	.grid-child-6-up-small .item {
		width: 16.6666666667%;
	}
}

@media all and (min-width: 80em) {
	.grid-child .container {
		margin: 1.25em 0;
	}
	.grid-child .content {
		margin: 0 1.25em;
	}
}

.default-grid-item a {
	color: #434343;
}
.default-grid-item a:hover,
.default-grid-item a:focus,
.default-grid-item a:active {
	color: #3d6988;
}
.default-grid-item .content {
	text-align: left;
}
.default-grid-item .no-img {
	padding: 0 0 66.839378238%;
}
.default-grid-item .heading {
	margin-top: 0.727272727em;
	margin-bottom: 0.727272727em;
}

.focus-panel-item .image-module {
	max-width: 120px;
	margin: 0 auto 3.125em;
}
.focus-panel-item .heading {
	margin-top: 0.5333333333em;
	margin-bottom: 0.5333333333em;
}
.focus-panel-item .caption,
.focus-panel-item .link-text {
	margin-top: 1.0666666667em;
	margin-bottom: 1.0666666667em;
}
.focus-panel-item .link-text {
	font-weight: 700;
	text-transform: uppercase;
}
@media all and (min-width: 960px) {
	.alternate-focus-panels .item:nth-child(2n+1) {
		background-color: #f39d2d;
	}
}

.metro-panel-wrapper {
	max-width: 77.5em;
}
.metro-panel-container {
	display: flex;
	flex-wrap: wrap;
}
.metro-panel-column-25 {
	flex: 25%;
	max-width: 25%;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
}
.metro-panel-column-50 {
	flex: 50%;
	max-width: 50%;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
}
.metro-panel-item .image-module img {
	max-width: 100%;
	height: auto;
	width: auto;
	margin: 0 auto;
	display: block;
}
.metro-panel-item .container {
	margin: 0.625em 0;
}
.metro-panel-item .content {
	margin: 0 0.625em;
	border: 1px solid black;
	padding: 1em 1.5em;
	text-align: center;
}
@media all and (min-width: 80em) {
	.metro-panel-item .container {
		margin: 1.25em 0;
	}
	.metro-panel-item .content {
		margin: 0 1.25em;
	}
}
.metro-panel-item.image-only-metro-panel .content {
	padding: 0;
}

@media screen and (max-width: 800px) {
  .metro-panel-column-25,
  .metro-panel-column-50 {
	 flex: 50%;
	 max-width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .metro-panel-column-25,
  .metro-panel-column-50 {
	 flex: 100%;
	 max-width: 100%;
  }
}

.gallery-image-item .image-container {
	position: relative;
}
.gallery-image-item .hover-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	opacity: 0;

	-webkit-transition: opacity 0.25s;
	-o-transition: opacity 0.25s;
	transition: opacity 0.25s;
}
.gallery-image-item a:hover .hover-overlay,
.gallery-image-item a:focus .hover-overlay,
.gallery-image-item a:active .hover-overlay {
	opacity: 1;
}
.gallery-image-item .hover-overlay {
	background-color: rgba(0, 0, 0, 0.38);
}
.gallery-image-item .hover-overlay-content {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;

	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.gallery-image-item .hover-overlay .icon-icomoon,
.gallery-image-item .hover-overlay .icon-icomoon:before {
	display: block;
}
.gallery-image-item .hover-overlay .icon-icomoon {
	font-size: 0;
	text-align: center;
}
.gallery-image-item a:hover .hover-overlay .icon-icomoon,
.gallery-image-item a:focus .hover-overlay .icon-icomoon,
.gallery-image-item a:active .hover-overlay .icon-icomoon {
	font-size: 3.125em;

	-webkit-transition: font-size 0.15s ease-in 0.1s;
	-o-transition: font-size 0.15s ease-in 0.1s;
	transition: font-size 0.15s ease-in 0.1s;
}

.feature-panel-section,
.secondary-feature-panel-section {
	padding-top: 1.25em;
	padding-bottom: 1.25em;
}

.feature-panel a {
	color: #3d6988;
}
.feature-panel a:hover,
.feature-panel a:focus,
.feature-panel a:active {
	color: #a8b1b7;
}
.feature-panel .content {
	text-align: left;
}
.feature-panel .heading {
	margin-top: 0.6em;
	margin-bottom: -0.0666666667em;
	text-transform: uppercase;
}
.feature-panel .heading:only-child {
	margin-bottom: 0.6em;
}
.feature-panel .grid-adjust {
	margin-right: -0.625em;
	margin-left: -0.625em;
}
.feature-panel .image-content {
	position: relative;
	max-width: 280px;
}
.feature-panel .no-img {
	padding: 0 0 82.857142857%;
}
.feature-panel .image-content .icon-icomoon,
.feature-panel .image-content .icon-icomoon:before {
	display: block;
}
.feature-panel .image-content .icon-icomoon {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0.285714285714em;
	color: #fff;
	font-size: 2.1875em;
}
.feature-panel .image-content .icon-icomoon {
	background-color: rgba(59, 106, 136, 0.7);
}

@media all and (min-width: 33.75em) and (max-width: 39.9375em), all and (min-width: 64em) {
	.grid-child .feature-panel {
		vertical-align: middle;
	}
	.grid-child .secondary-feature-panel {
		vertical-align: top;
	}
	.feature-panel .image-col,
	.feature-panel .text-col {
		display: inline-block;
		vertical-align: middle;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.feature-panel .image-col {
		width: 48.465266558966%;
	}
	.feature-panel .text-col {
		width: 51.534733441034%;
	}
}

.feature-panel-section + .secondary-feature-panel-section {
	border-top: 1px solid #cdd9e1;
}

.secondary-feature-panel .no-img {
	padding: 0 0 44.55958549%;
}

.product-feature-panel .content {
	text-align: left;
}
.product-feature-panel .no-img {
	padding: 0 0 66.839378238%;
}
.product-feature-panel .price-module .price {
	font-size: 2em;
	line-height: 1;
}
.product-feature-panel .price-module .price-prefix,
.product-feature-panel .price-module .price-suffix {
	white-space: nowrap;
}
.product-feature-panel .pseudo-button {
	padding: 0.4em 0.9333333333em;

	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	-ms-border-radius: 0.2em;
	-o-border-radius: 0.2em;
	border-radius: 0.2em;
}

@media all {
	.price-link-module {
		margin-top: -1.25em;
	}
	.product-feature-panel-1-2 {
		display: inline-block;
		vertical-align: middle;
		width: 50%;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.push-product-feature-panel-1-2,
	.pull-product-feature-panel-1-2 {
		position: relative;
	}
	.push-product-feature-panel-1-2 {
		left: 50%;
	}
	.pull-product-feature-panel-1-2 {
		left: -50%;
	}

	.product-feature-panel .price-module {
		text-align: right;
	}
}

.product-filter-form {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-top: 1px solid #cdd9e1;
}
.product-filter-form.processing {
	opacity: 0.5;
}
.product-filter-form .product-filter-module {
	padding-top: 0.5625em;
	padding-bottom: 0.5625em;
}
.product-filter-form .product-filter-module .legend,
.product-filter-form .product-filter-module .label,
.product-filter-form .product-filter-module select,
.product-filter-form .swatch-option-list {
	margin-top: 0;
	margin-bottom: 0;
}
.product-filter-form .product-filter-module .label,
.product-filter-form .product-filter-module select {
	display: block;
}
.product-filter-form .product-filter-module .label {
	margin-right: 0.8888888889em;
	font-weight: 700;
	text-transform: uppercase;
}
.product-filter-form .product-filter-module select {
	height: 2.4666666667em;
	padding: 0.5333333333em 0.8em;
	line-height: 1.2666666667;
	border-color: #d3d3d3;

	-webkit-border-radius: 0.2666666667em;
	-moz-border-radius: 0.2666666667em;
	-ms-border-radius: 0.2666666667em;
	-o-border-radius: 0.2666666667em;
	border-radius: 0.2666666667em;
}

.product-filter-form .swatch-option-list {
	margin-right: -0.5em;
	margin-left: -0.5em;
}
.product-filter-form .swatch-option-list li {
	position: relative;
	margin-right: 0.5em;
	margin-left: 0.5em;
}
.product-filter-form .swatch-option-list input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	opacity: 0;
}
.product-filter-form .swatch-option-list .text {
	margin-top: 0;
	margin-bottom: 0;
}

.product-filter-form .swatch-option-list li {
	display: inline-block;
	vertical-align: middle;
	padding: 1.1875em 0 1.125em 3.875em;
}
.product-filter-form .swatch-option-list .swatch {
	position: absolute;
	top: 0;
	left: 0;
	width: 2.8125em;
	height: 2.8125em;
	border: 0.3125em solid #99b1c1;
	cursor: pointer;

	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	-ms-border-radius: 0.25em;
	-o-border-radius: 0.25em;
	border-radius: 0.25em;

	-webkit-transition: border-color 0.2s;
	-o-transition: border-color 0.2s;
	transition: border-color 0.2s;
}
.product-filter-form .swatch-option-list .swatch:hover,
.product-filter-form .swatch-option-list .swatch:focus,
.product-filter-form .swatch-option-list .swatch:active {
	border-color: #3d6988;
}
.product-filter-form .swatch-option-list input[type="checkbox"]:checked + .swatch {
	border-color: #f39d2d;
}
.product-filter-form .swatch-option-list .swatch img {
	display: block;
	width: 100%;
}

.product-filter-form .submit {
	padding: 0.4em 1.0666666667em;

	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	-ms-border-radius: 0.2em;
	-o-border-radius: 0.2em;
	border-radius: 0.2em;
}

@media all and (max-width: 25.8125em) {
	.product-filter-form .product-filter-module select {
		width: 100%;
		margin-top: 0.6em;
	}
	.product-filter-form .swatch-option-list li {
		margin-top: 0.75em;
	}
}

@media all and (min-width: 25.875em) {
	.product-filter-form .product-filter-module .legend,
	.product-filter-form .product-filter-module .label,
	.product-filter-form .product-filter-module select,
	.product-filter-form .product-filter-module .swatch-option-list {
		display: inline-block;
		vertical-align: middle;
		margin-top: 0;
		margin-bottom: 0;
	}
}

@media all and (min-width: 47.5em) {
	.product-filter-form .product-filter-module {
		display: inline-block;
		width: 50%;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.product-filter-form .width-product-filter-module {
		width: 100%;
	}
}

@media all and (min-width: 70em) {
	.product-filter-form .product-filter-module {
		width: 33.3333333333%;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

.list-child-product {
	border-top: 1px solid #cdd9e1;
}

.product-filter + .list-child-product {
	margin-top: 0;
}

.product-list-item {
	padding-top: 0.625em;
	padding-bottom: 0.625em;
	border-bottom: 1px solid #cdd9e1;
}
.product-list-item a {
	display: block;
	text-decoration: none;
}
.product-list-item .image-col,
.product-list-item .text-col,
.product-list-item .price-col {
	display: inline-block;
	vertical-align: middle;
	width: 100%;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.product-list-item .image-col .image-module {
	max-width: 278px;
	margin-right: auto;
	margin-left: 0;
	border: 1px solid #cdd9e1;
	overflow: hidden;

	-webkit-border-radius: 0.625em;
	-moz-border-radius: 0.625em;
	-ms-border-radius: 0.625em;
	-o-border-radius: 0.625em;
	border-radius: 0.625em;
}
.product-list-item .image-col img {
	display: block;
	width: 100%;
}
.product-list-item .image-col .no-img {
	padding: 0 0 88.1294964%;
}

.product-list-item .product-specifications > li {
	display: inline-block;
	vertical-align: top;
}

.product-list-item .product-specifications.without-swatch {
	margin-right: -0.7333333333em;
	margin-left: -0.7333333333em;
}
.product-list-item .product-specifications.without-swatch > li {
	margin-right: 0.7333333333em;
	margin-left: 0.7333333333em;
}

.product-list-item .product-specifications.with-swatch {
	margin-right: -1.25em;
	margin-left: -1.25em;
}
.product-list-item .product-specifications.with-swatch > li {
	position: relative;
	margin-right: 1.25em;
	margin-left: 1.25em;
	padding-top: 1.0833333333em;
	padding-bottom: 1.0833333333em;
}
.product-list-item .product-specifications.with-swatch > li img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.product-list-item .product-specifications.with-swatch > li.colour {
	padding-left: 2.6666666667em;
}
.product-list-item .product-specifications.with-swatch > li.colour .colour-swatch {
	position: absolute;
	top: 0.75em;
	left: 0;
	width: 1.75em;
	height: 1.75em;
	border: 2px solid #99b1c1;

	-webkit-border-radius: 0.3333333333em;
	-moz-border-radius: 0.3333333333em;
	-ms-border-radius: 0.3333333333em;
	-o-border-radius: 0.3333333333em;
	border-radius: 0.3333333333em;
}

.product-list-item .product-specifications.with-swatch > li.double-glazing {
	padding-left: 3em;
}
.product-list-item .product-specifications.with-swatch > li.triple-glazing {
	padding-left: 3.5em;
}
.product-list-item .product-specifications.with-swatch > li.double-glazing img {
	top: 0.75em;
}
.product-list-item .product-specifications.with-swatch > li.triple-glazing img {
	top: 0.4166666667em;
}

.product-list-item .price-suffix {
	font-size: 0.4em;
	line-height: 1.25;
	white-space: nowrap;
}
.product-list-item .pseudo-button {
	padding: 0.4em 1.0666666667em;

	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	-ms-border-radius: 0.2em;
	-o-border-radius: 0.2em;
	border-radius: 0.2em;
}

.product-list-item .price-col {
	float: left;
}
.product-list-item .price-module {
	float: left;
}
.product-list-item .link-button-module {
	float: right;
}

@media all and (min-width: 25.875em) and (max-width: 29.9375em) {
	.product-list-item a {
		position: relative;
	}
	.product-list-item .image-col,
	.product-list-item .price-col {
		width: 50%;
	}
	.product-list-item .price-col {
		position: absolute;
		top: 0;
		right: 0;
		padding-top: 6.09137%;
		text-align: right;
	}
}

@media all and (min-width: 30em) and (max-width: 37.4375em) {
	.product-list-item .image-col {
		width: 40%;
	}
	.product-list-item .text-col {
		width: 60%;
	}
}

@media all and (min-width: 37.5em) and (max-width: 49.9375em) {
	.product-list-item .image-col {
		float: left;
		width: 33.3333333333%;
	}
	.product-list-item .text-col,
	.product-list-item .price-col {
		float: right;
		width: 66.6666666667%;
	}
}

@media all and (max-width: 22.4375em), all and (min-width: 25.875em) and (max-width: 29.9375em), all and (min-width: 50em) {
	.product-list-item .price-col,
	.product-list-item .price-module,
	.product-list-item .link-button-module {
		float: none;
	}
}

@media all and (min-width: 50em) {
	.product-list-item .image-col,
	.product-list-item .price-col {
		width: 25%;
	}
	.product-list-item .text-col {
		width: 50%;
	}
	.product-list-item .price-col {
		text-align: right;
	}
}

.page-nav,
.page-nav-detailed {
	text-align: center;
}
.page-nav .page-list {
	font-weight: 700;
}
.page-nav .page-list a {
	font-weight: 400;
}
.page-nav .prev,
.page-nav .next,
.page-nav-detailed .first,
.page-nav-detailed .prev,
.page-nav-detailed .next,
.page-nav-detailed .last {
	color: #999;
}

.page-nav-detailed > div,
.page-nav-detailed > div:before {
	display: inline-block;
	vertical-align: top;
}
.page-nav-detailed > div:before {
	margin-right: 0.533333333333em;
	margin-left: 0.533333333333em;
	content: ' | ';
}
.page-nav-detailed .first:before,
.page-nav-detailed .prev:before,
.page-nav-detailed .next:before,
.page-nav-detailed .last:before {
	color: #434343;
}
.page-nav-detailed > div:first-child:before {
	content: normal;
}

@media all and (min-width: 25.875em) {
	.page-nav {
		position: relative;
	}
	.page-nav .page-list {
		margin-right: 6.666666666667em;
		margin-left: 6.666666666667em;
	}
	.page-nav .prev,
	.page-nav .next {
		position: absolute;
		top: 0;
	}
	.page-nav .prev {
		left: 0;
	}
	.page-nav .next {
		right: 0;
	}
}

.product-detail .site-content-heading {
	text-align: left;
}
.product-detail .site-content-heading + .grid-adjust-default {
	margin-top: -1.25em;
}

@media all and (min-width: 60em) {
	.product-detail .site-content-heading {
		margin-top: 1.6944444444em;
	}
}

.product-media .item {
	border: 1px solid #cdd9e1;
	overflow: hidden;

	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-ms-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius: 9px;
}
.product-media img {
	display: block;
	width: 100%;
}
.product-media .no-img {
	padding: 0 0 88.0208333333%;
}

@media all and (min-width: 47.5em) and (max-width: 59.9375em) {
	.product-detail-image-col,
	.product-detail-text-col {
		width: 50%;
	}
}

.product-options-section .product-section-sub-heading + .grid-adjust-default {
	margin-top: -1.25em;
}

.product-option-1-2 {
	display: inline-block;
	vertical-align: top;
	width: 100%;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.product-options-legend {
	font-weight: 700;
}

.product-option-as-image-list {
	margin-right: -1.25em;
	margin-left: -1.25em;
}
.product-option-as-image-list li {
	display: inline-block;
	vertical-align: top;
	margin: 0 2.5em 0 1.25em;
}
.product-option-as-image-list .swatch {
	width: 82px;
	height: 82px;
}
.product-option-as-image-list .text {
	margin: 0.9333333333em 0;
	line-height: 1.2;
}

@media all and (min-width: 40em) and (max-width: 47.4375em), all and (min-width: 60em) {
	.product-option-1-2 {
		width: 50%;
	}
}

.technical-specifications-section table {
	width: 100%;
	border-collapse: collapse;
	line-height: 1.2;
}
.technical-specifications-section tr:nth-child(odd) {
	background-color: #ebebeb;
}
.technical-specifications-section th,
.technical-specifications-section td {
	padding: 0.9333333333em 1.3333333333em;
	text-align: left;
}
.technical-specifications-section th {
	font-weight: 400;
}

.product-detail-action-panel {
	padding-top: 1.125em;
	padding-bottom: 1.125em;
	text-align: center;
}
.product-detail-action-panel .price-module,
.product-detail-action-panel .form-controls {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0.5em;
}
.product-detail-action-panel .price-module {
	text-transform: uppercase;
}
.product-detail-action-panel .price-module .ex-vat-price,
.product-detail-action-panel .price-module .inc-vat-price,
.product-detail-action-panel .price-module .price {
	display: inline-block;
}
.product-detail-action-panel .price-module .price {
	margin-right: 0.0666666667em;
	margin-left: 0.1333333333em;
	font-size: 2.5em;
	line-height: 1.2;
}
.product-detail-action-panel .price-module .price-suffix {
	white-space: nowrap;
	text-transform: none;
}
.product-detail-action-panel .font-size-default input,
.product-detail-action-panel .font-size-default button {
	display: inline-block;
	vertical-align: top;
	height: 2.533333333333em;
	margin: 0.333333333333em;
	padding: 0.4em 1em;

	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	-ms-border-radius: 0.2em;
	-o-border-radius: 0.2em;
	border-radius: 0.2em;
}
.product-detail-action-panel .quantity-to-purchase {
	background-color: #fff;
	color: #434343;
	border-color: #fff;
}
.product-detail-action-panel .font-size-default input.quantity-to-purchase {
	width: 4em;
	padding-right: 0.3333333333em;
}

@media all and (min-width: 20em) {
	.product-detail-action-panel {
		position: -webkit-sticky;
		position: sticky;
		bottom: 0;
	}
}

.configurator-form input {
	border: 1px solid #d3d3d3;
}
.configurator-form input.font-size-default {
	padding: 0.3333333333em;

	-webkit-border-radius: 0.333333333333em;
	-moz-border-radius: 0.333333333333em;
	-ms-border-radius: 0.333333333333em;
	-o-border-radius: 0.333333333333em;
	border-radius: 0.333333333333em;
}

.configurator-form .inline-input-module {
	display: inline-block;
	vertical-align: top;
}

.configurator-form .inline-bottom-input-module {
	display: inline-block;
	vertical-align: bottom;
}

.configurator-form .inline-input-module .label {
	display: inline-block;
	vertical-align: top;
	margin: 0;
}
.configurator-form .label .small {
	font-size: 0.8em;
	line-height: 1.25;
}

.configurator-form .binary-switch-panel {
	max-width: 20.75em;
	margin-right: auto;
	margin-left: auto;
	padding-right: 1.5em;
	padding-left: 1.5em;
	border: 1px solid #d3d3d3;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	-ms-border-radius: 2em;
	-o-border-radius: 2em;
	border-radius: 2em;
}
.configurator-form .binary-switch-panel .legend {
	display: block;
	margin: 1.2em 0 0;
	font-weight: 700;
}
.configurator-form .binary-switch-panel .binary-switch {
	margin-top: 1.125em;
	margin-bottom: 1.125em;
}

.configurator-form .site-content-1-2 .grid-adjust {
	margin-right: -0.3125em;
	margin-left: -0.3125em;
}

.configurator-form-actions {
	border-top: 1px solid #cdd9e1;
}
.configurator-form-actions .submit {
	display: block;
	position: relative;
	margin-right: 0;
	margin-left: auto;
	padding: 0.3333333333em 2.1333333333em 0.3333333333em 1.0666666667em;
	font-weight: 700;

	-webkit-border-radius: 0.2666666667em;
	-moz-border-radius: 0.2666666667em;
	-ms-border-radius: 0.2666666667em;
	-o-border-radius: 0.2666666667em;
	border-radius: 0.2666666667em;
}
.configurator-form-actions .submit .icon-icomoon,
.configurator-form-actions .submit .icon-icomoon:before {
	display: block;
}
.configurator-form-actions .submit .icon-icomoon {
	position: absolute;
	top: 1.3333333333em;
	right: 0.9333333333em;
	font-size: 0.6em;
}

@media all and (min-width: 22.5em) {
	.configurator-form .binary-switch-panel {
		text-align: right;
	}
	.configurator-form .binary-switch-panel legend {
		float: left;
		width: auto;
	}
	.configurator-form .binary-switch-panel .legend {
		margin-top: 1.4666666667em;
		margin-bottom: 1.4666666667em;
	}
}

@media all and (min-width: 50em) {
	.site-content-1-2 .binary-switch-panel {
		margin-left: 0;
	}
	.site-content-1-2:nth-child(even) .binary-switch-panel {
		margin-right: 0;
		margin-left: auto;
	}
}

@media all and (min-width: 80em) {
	.configurator-form .site-content-1-2 .grid-adjust {
		margin-right: -1em;
		margin-left: -0.9375em;
	}
}

.configurator-sub-step-instruction {
	font-weight: 700;
}
.configurator-sub-step-instruction .tooltip-text {
	font-weight: 400;
}
.configurator-sub-step-instruction .tooltip-module:hover .tooltip-text,
.configurator-sub-step-instruction .tooltip-module.reveal .tooltip-text {
	min-width: 12em;
	max-width: 21.6666666667em;
}

.configurator-preview-image {
	max-width: 597px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #cdd9e1;
	overflow: hidden;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.configurator-preview-image img {
	display: block;
	width: 100%;
}

.door-dimensions-sub-step input {
	display: block;
	width: 9.6em;
	margin: 0;
}

.configurator-frame-option .swatch {
	max-width: 45px;
	margin-right: auto;
	margin-left: auto;
}

.configurator-glass-option .swatch {
	max-width: 47px;
	margin-right: auto;
	margin-left: auto;
}

.configurator-handle-option .swatch {
	max-width: 82px;
	margin-right: auto;
	margin-left: auto;
}
.configurator-handle-option .text {
	margin-top: 0.6666666667em;
	margin-bottom: 0.6666666667em;
}

.configurator-summary-list {
	margin-right: 0;
	margin-left: 0;
	padding: 0;
	border-top: 1px solid #cdd9e1;
	font-weight: 700;
	list-style: none;
}
.configurator-summary-list li {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding-top: 0.6666666667em;
	padding-bottom: 0.6666666667em;
	border-bottom: 1px solid #cdd9e1;
}

@media all and (min-width: 37.5em) {
	.configurator-summary-list li {
		width: 50%;
	}
}

/* basket styles */

#basket_default {
	margin-top: 1.25em;
	margin-bottom: 1.25em;
}
#basket_default table {
	width: 100%;
	border-collapse: collapse;
}
#basket_default th,
#basket_default td {
	text-align: left;
}
#basket_default_header,
#basket_default .odd,
#basket_default .even {
	border-bottom: 1px solid #cfcfcf;
}
#basket_default input,
#basket_default select {
	padding: 0.4375em;
}
#basket_default .odd input,
#basket_default .even input {
	width: 4em;
}
#basket_default .odd input.button,
#basket_default .even input.button {
	width: auto;
}
#basket_default table input,
#basket_default table select {
	padding: 0.466666666667em;
}
#basket_default .totals th {
	text-transform: uppercase;
}
#basket_default .totals input {
	width: 90%;
	max-width: 28em;
}
#basket_default .totals input.button {
	width: auto;
}
#basket_default .totals select {
	max-width: 28em;
}
#basket_default .buttons {
	margin-top: 1.25em;
	margin-bottom: 1.25em;
}
#basket_default .buttons input {
	font-size: 0.9375em;
	line-height: 1.6;
}
#basket_default .buttons input[type="button"] {
	float: left;
}
#basket_default .buttons input[type="submit"] {
	float: right;
}

.remove-btn ~ .button {
	display: none;
}

.delivertobillingaddress,
.deliveryaddressselection {
	display: none;
}
.basket-tr-js-reveal {
	display: table-row;
}

#basket_default input[readonly],
#basket_default textarea[readonly],
#basket_default .basket-row-readonly select {
	background-color: #fff;
	color: #7b7b7b;
	border-color: #ccc;

	box-shadow: none;
}

#basket_default .basket-row-readonly .required {
	visibility: hidden;
}

.basket-order-table-container {
	overflow: auto;
}

.basket-variable-table select {
	width: 90%;
}

@media all and (max-width: 39.9375em) {
	.basket-variable-table,
	.basket-variable-table > tbody,
	.basket-variable-table > tr,
	.basket-variable-table > tbody > tr,
	.basket-variable-table > tr > th,
	.basket-variable-table > tbody > tr > th,
	.basket-variable-table > tr > td,
	.basket-variable-table > tbody > tr > td {
		display: block;
		width: 100%;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

@media all and (min-width: 40em) {
	.basket-variable-table > tr > th,
	.basket-variable-table > tbody > tr > th,
	.basket-variable-table > tr > td,
	.basket-variable-table > tbody > tr > td {
		width: 50%;
	}
}

.footer-logo-module {
	border-bottom: 1px solid #cdd9e1;
}

.footer-logo-list {
	margin: 0 -1.2em;
	text-align: center;
}
.footer-logo-list li {
	display: inline-block;
	vertical-align: top;
	margin: 0.6666666666666667em 1.2em;
	max-width: 140px;
}
.footer-logo-list img {
	display: block;
	margin: 0 auto;
	height: auto;
	max-width: 100%;
}
.footer-logo-list .footer-logo-caption {
	margin-top: .5em;
	line-height: 1.2;
	font-weight: 600;
}

.site-footer {
	position: relative;
}

.site-footer-main {
	padding-top: 1.25em;
	padding-bottom: 1.25em;
}

.site-footer-panel .heading {
	font-weight: 700;
	text-transform: uppercase;
}
.site-footer-panel a {
	text-decoration: none;
}

.nav-footer ul {
	margin-top: 1.6666666667em;
	margin-bottom: 1.6666666667em;
}
.nav-footer li,
.contact-site-footer li {
	margin-top: 0.9166666667em;
	margin-bottom: 0.9166666667em;
}

.nav-footer a {
	color: #fff;
}

.social-media-site-footer a {
	color: #fff;
}

.logo-site-footer {
	max-width: 317px;
}
.logo-site-footer img {
	display: block;
	width: 100%;
}

.site-credits-module {
	padding-top: 0.375em;
	padding-bottom: 0.375em;
	border-top: 1px solid #4d7793;
}
.site-credits-module a {
	text-decoration: none;
}

@media all and (min-width: 30em) {
	@supports (display: flex) {
		.site-footer-main > .grid-adjust-default {
			display: flex;
			flex: 1 1 auto;
			flex-wrap: wrap;
		}
		.site-footer-main .site-footer-1-3 {
			position: relative;
			flex: 0 1 50%;
			width: auto;
		}
		.site-footer-main .site-footer-1-3:first-child {
			flex: 1 0 100%;
		}

		.site-footer-main .logo-site-footer {
			position: absolute;
			bottom: 0;
			left: 0.625em;
			margin-bottom: 0;
		}
	}

	.site-footer-1-3 {
		display: inline-block;
		vertical-align: top;
		width: 50%;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.site-footer-1-3:first-child {
		width: 100%;
	}
}

@media all and (min-width: 45em) {
	.site-footer-1-3 {
		width: 33.3333333333% !important;
	}

	@supports (display: flex) {
		.site-footer-main .site-footer-1-3 {
			width: auto !important;
			flex: 0 1 33.3333333333% !important;
		}
	}
}

@media all and (min-width: 80em) {
	@supports (display: flex) {
		.site-footer-main .logo-site-footer {
			left: 1.25em;
		}
	}
}

.cookies-eu-banner {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 4;
	width: 100%;
	color: #fff;
}
.cookies-eu-banner {
	background-color: rgba(0, 0, 0, 0.75);
}
.cookies-eu-banner .pseudo-button {
	vertical-align: baseline;
	padding: 0.75em;
}

@media all and (max-width: 47.9375em) {
	.cookies-eu-banner .text {
		display: block;
		margin-bottom: 1em;
	}
}

.cookies-eu-banner a:hover,
.cookies-eu-banner a:focus,
.cookies-eu-banner a:active {
	color: #fff;
}

/*Colour Picker */
.colourinpalette {width: 48px; height: 48px;}

.colour-popup .heading {
	margin: 0.07142857142857em 0;
	font-weight: 700;
	line-height: 1.2857142857;
	text-transform: uppercase;
	font-size: 1em;
}

.colour-popup .heading {
	margin: 0.07142857142857em 0;
	font-weight: 700;
	line-height: 1.2857142857;
	text-transform: uppercase;
	font-size: 1em;
}

.colour-popup .mfp-content {
	 max-width: 45em;
}

.altcolourname {
	background-color: #017ca5;
	 color: #FFF;
	 padding: 1em 0;
	
}

.configurator-button-spaced {
	margin-top: 2em;
	padding: 2em;
}


.leftarrowbox {
	background-color: #f39d2d;
	display: inline-block;
	color: #FFF;
	height: auto;
	width: 22px;
	text-align: center;
	border-radius: 4px;
	vertical-align: middle;
}

a.configurator-backbutton {
	text-decoration: none;
}


.configurations-container {
	padding: 1em 0;
}


#configuration-prices-container .configuration-price-inner-block {
	margin: 0 0.625em;
	border: 1px solid #c3c3c3;
	background: #d6d6d6;
	border-radius: 6px;
}
#configuration-prices-container {
	margin: 3em auto;
	text-align: center;
	max-width: 920px;
}

#configuration-prices-container .configuration-price-block {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
	margin-bottom: 1.5em;
}
@media all and (min-width: 38.75em) {
	#configuration-prices-container .configuration-price-block {
		width: 50%;
	}
}
@media all and (min-width: 53.75em) {
	#configuration-prices-container .configuration-price-block {
		width: 33.333333%;
	}
}
.final-config-list {
	margin: 0;
}
.final-config-list li {
	padding: 1em 0;
	font-weight: 600;
}
.final-config-list li.final-config-logo {
	padding: 0;
	background: #fff;
}
.final-config-list li.final-config-logo-border {
	padding-top: 0;
	padding-bottom: 1em;
}
.final-config-list li.cw-alt {
	background: #e2e2e2;
}
.final-config-list li.final-config-title {
	background: #017ca5;
	color: #fff;
	font-size: 22px;
	border-radius: 6px 6px 0 0;
	padding: 0.5em 0;
}
.final-config-list li.final-config-title.fav {
	background: #f39d2d;
}

.final-config-list li.final-config-price {
	padding: 0.5em 0px;
	background: #fff;
	font-size: 30px;
	color: #017ca5;
	font-weight: 900;
}

.final-config-list li.final-config-price span {
	font-size: 12px;
	color: #8f8f8f;
	font-weight: 400;
}
.final-config-list li.final-config-form {
	padding: 2em 0px;
}

.final-config-list li.final-config-form .submit {
	font-weight: 900;
	padding: 0.375em 2.5em;
	border-radius: 4px;
}
.final-config-list li img {
	display: block;
	width: 100%;
	max-width: 284px;
	margin: 0 auto;
}
@media all and (min-width: 53.75em) {
	#configuration-price-2.configuration-price-block {
		margin-top: -14px;
	}
	#configuration-price-2.configuration-price-block .final-config-list li.final-config-title {
		padding: 18px 0;
	}
}

ul.configurator-summary-list li {
	margin: 0.666666666667em 0 !important;
}

.mfp-basket-restrictedpostcode .mfp-container .mfp-content {
	background-color: white;
	padding: 1em;
	width: 50em;
}

.filter-form .checkbox-list-section li {
	margin: 0.4166666666666667em 0;
}

.filter-form .checkbox-list-section li .checkbox {

}

.filter-form .checkbox-list-section li .checkbox {
	vertical-align: middle;
	padding: 0 0.35em 0 0.75em;
}