/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 21, 2014 */
@font-face {
	 font-family: 'sketch_rockwellregular';
	 src: url('/fonts/sketchrockwell-bold-webfont.eot');
	 src: url('/fonts/sketchrockwell-bold-webfont.eot?#iefix') format('embedded-opentype'),
			url('/fonts/sketchrockwell-bold-webfont.woff2') format('woff2'),
			url('/fonts/sketchrockwell-bold-webfont.woff') format('woff'),
			url('/fonts/sketchrockwell-bold-webfont.ttf') format('truetype'),
			url('/fonts/sketchrockwell-bold-webfont.svg#sketch_rockwellregular') format('svg');
	 font-weight: normal;
	 font-style: normal;
}

html {
	background-color: #dcdbd3;
	color: #303030;
}
body {
	margin: 0;
	padding: 0;
	font-family: Georgia, 'Times New Roman', Times, serif;

	-webkit-text-size-adjust: 100%;
}
a {
	background-color: #dcdbd3;
	color: #54290e;
}
a:hover,
a:focus,
a:active {
	background-color: #dcdbd3;
	color: #842d00;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
form {
	margin: 0;
}

h1,
h2,
h3.size-up {
	font-weight: normal;
}
h1,
h2.size-up,
p.size-up-2 {
	margin: 1em 0;
	font-size: 1.5em;
	line-height: 1.166667;
}
h2,
h3.size-up,
p.size-up {
	margin: 1.333333em 0;
	font-size: 1.125em;
	line-height: 1.333333;
}
p,
h3,
h4,
h5,
h6,
ul,
ol,
table,
pre,
.page-nav,
#basket_page_titles {
	margin-top: 1.714286em;
	margin-bottom: 1.714286em;
	font-size: 0.875em;
	line-height: 1.714286;
}

table {
	border-collapse: collapse;
}
th,
td {
	padding: 0.285714em;
}

p.size-down,
ul.size-down,
ol.size-down {
	margin: 2em 0;
	font-size: 0.75em;
	line-height: 1.333333;
}
p.size-down-2,
ul.size-down-2,
ol.size-down-2,
#basket_page_titles {
	margin: 1.4em 0;
	font-size: 0.625em;
	line-height: 1.4;
}

ul ul,
ul ol,
ol ul,
ol ol {
	margin-top: 0;
	font-size: 1em;
}
nav ul,
form ol,
form ul {
	list-style: none;
}
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
legend {
	display: block;
	width: 100%;
	padding: 0;
}
input,
select,
textarea,
.pseudo-submit {
	background-color: #f0efec;
	color: #4f4f4f;
	border: 1px solid #d4ccbc;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 1em;

	-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;
	transition: all 0.2s ease;
}
input:focus,
select:focus,
textarea:focus {
	border-color: #9cf;

	box-shadow: 0 0 0.286em -1px #36f;
}
input:-moz-focusring,
select:-moz-focusring,
textarea:-moz-focusring {
	outline: transparent;
}
input::-moz-focus-inner,
button::-moz-focus-inner {
	padding: 0;
	border: 0;
}
input.submit,
button,
input.button,
.pseudo-button {
	cursor: pointer;
}

.pseudo-button {
	padding: .3em 1.45em;
display: inline-block;
vertical-align: top;
text-decoration: none;
}
	
input.submit,
.pseudo-submit {
	background-color: #ccd8a2;
	color: #4f4f4f;
	border-color: #ccd8a2;
	text-decoration: none;
}
input.submit:hover,
.pseudo-submit:hover,
.pseudo-submit:focus,
.pseudo-submit:active {
	background-color: #b7c784;
	color: #303030;
	border-color: #b7c784;
}
button,
input.button {
	background-color: #666;
	color: #fff;
	border-color: #666;
}
button:hover,
input.button:hover {
	background-color: #333;
	color: #fff;
	border-color: #333;
}
form p {
	font-size: 1em;
}
form ol,
form ul {
	margin: 0;
	padding: 0;
	font-size: 1em;
}
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, monospace;
}

pre {
	padding: 1em;
	overflow: auto;
}

/* ------ Helper Styles ------ */
.clear-self:before,
.clear-self:after,
#basket_default .buttons:before,
#basket_default .buttons:after {
	content: '';
	display: table;
}
.clear-self:after,
#basket_default .buttons:after {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}

.font-rockwell {
	font-family: 'sketch_rockwellregular', Georgia, 'Times New Roman', Times, serif;
	text-transform: uppercase;
}

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

.js .hidden-if-js-enabled {
	visibility: hidden;
}
.js .visible-if-js-enabled {
	visibility: visible;
}

.overflow-auto {
	overflow: auto;
}
.hide-text {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
.relative {
	position: relative;
}

.abs-fill-container {
	display: block;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.abs-fill-container.instagram-fill {
	height: 104%;
}

.flip-horz {
	transform: scaleX(-1);
}
.flip-vert {
	transform: scaleY(-1);
}
.flip-vert.flip-horz {
	transform: scale(-1, -1);
}

.vert-middle {
	vertical-align: middle !important;
}

.alpha-90 {
	opacity: 0.9;
}

.list-reset {
	margin-right: 0;
	margin-left: 0;
	padding: 0;
	list-style: none;
}

.content-module {
	margin-top: 2em;
	margin-bottom: 2em;
}

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

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

	box-shadow: 0 0 0.429em #c00;
}

.no-img,
.embedded-map {
	position: relative;
	text-align: center;
}
.no-img,
.embedded-map {
	background-color: rgba(0, 0, 0, 0.2);
	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.25);
	color: #000;
}
.no-img p {
	position: absolute;
	top: 50%;
	left: 10%;
	width: 90%;
	margin: 0 !important;

	-webkit-transform: translate(-5%, -50%);
	-ms-transform: translate(-5%, -50%);
	transform: translate(-5%, -50%);
}

.icon-sprite {
	background-image: url('/images/bg-sprites.png');
	background-repeat: no-repeat;
	background-position: 0 -200px;
	background-color: rgba(0, 0, 0, 0.1);
}

.icon-file,
.icon-pdf,
.icon-doc,
.icon-docx,
.icon-xls,
.icon-xlsx {
	width: 47px;
	height: 47px;

	background-color: transparent;
}
.icon-file {
	background-position: -5px -5px;
}
.icon-pdf {
	background-position: -62px -5px;
}
.icon-doc,
.icon-docx {
	background-position: -119px -5px;
}
.icon-xls,
.icon-xlsx {
	background-position: -176px -5px;
}

.icon-prev,
.icon-next {
	width: 80px;
	height: 59px;

	background-color: transparent;
}
.icon-prev {
	background-position: -233px -5px;
}
.icon-next {
	background-position: -323px -5px;
}

.icon-basket {
	width: 32px;
	height: 20px;
	background-position: -185px -74px;

	background-color: transparent;
}

.icon-envelope {
	width: 48px;
	height: 48px;
	background-position: -234px -70px;
	background-color: transparent;
}

.icon-arrow-right {
	width: 24px;
	height: 24px;
	background-position: -300px -70px;
	background-color: transparent;
}

.icon-menu {
	width: 24px;
	height: 24px;
}

.icon-zoom {
	width: 24px;
	height: 24px;
}

.icon-facebook,
.icon-twitter,
.icon-pinterest {
	width: 40px;
	height: 42px;

	background-color: transparent;
}
.icon-facebook {
	background-position: -5px -74px;
}
.icon-twitter {
	background-position: -50px -74px;
}
.icon-pinterest {
	background-position: -95px -74px;
}

.underline-attention,
.underline-focus {
	display: inline-block;
	background-repeat: repeat-x;
	background-position: 0 bottom;
}
.underline-attention {
	background-image: url('/images/bg-underline-attention.png');
}
.underline-focus {
	background-image: url('/images/bg-underline-focus.png');
}
h1 .underline-attention,
h1 .underline-focus {
	padding-bottom: 0.583333em;
}
.panel .heading .second-part.underline-attention,
.panel .heading .second-part.underline-focus {
	padding-bottom: 0.25em;
}

.blog-container {
	position: relative;
	height: 0;
	margin: 0 -1.25em -1.5em;
	padding: 0 0 102.12765957%;
	overflow: hidden;
}
.blog-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.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: 58.75em;
	margin-right: auto;
	margin-left: auto;
	padding: 0 0.625em;
}
.wrapper.wrapper-wide {
	max-width: 112.5em;
	padding-right: 2.5em;
	padding-left: 2.5em;
}
.site-header {
	position: relative;
}
.site-content {
	position: relative;
	padding-bottom: 1.5em;
}
.site-content .wrapper {
	padding-right: 1.25em;
	padding-left: 1.25em;
}

/* ------ Modules ------ */
.cw-overlay,
.cw-overlay-base {
	background-color: rgba(0, 0, 0, 0.81);
}
.cw-overlay,
.cw-overlay-base {
	color: #fff;
}
.cw-overlay a {
	background-color: transparent;
	color: #ccd8a2;
}
.cw-overlay a:hover,
.cw-overlay a:focus,
.cw-overlay a:active {
	background-color: transparent;
	color: #b7c784;
}

.cw-mod-highlight {
	background-color: #fff;
	color: #303030;
}
.cw-mod-highlight a {
	background-color: #fff;
	color: #54290e;
}
.cw-mod-highlight a:hover,
.cw-mod-highlight a:focus,
.cw-mod-highlight a:active {
	background-color: #fff;
	color: #842d00;
}

.cw-mod-focus {
	background-color: #a7d052;
	color: #fff;
}
.cw-mod-focus a {
	background-color: #a7d052;
	color: #fff;
}
.cw-mod-focus a:hover,
.cw-mod-focus a:focus,
.cw-mod-focus a:active {
	background-color: #a7d052;
	color: #478b08;
}

.cw-ele-focus {
	background-color: transparent;
	color: #a7d052;
}

.cw-ele-attention {
	background-color: transparent;
	color: #54290e;
}

.cw-ele-muted {
	background-color: transparent;
	color: #6b6b6a;
}

.feature-page {
	background-image: url('/images/bg-feature-content.jpg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

.pinking-btm,
.pinking-highlight-top,
.pinking-deep-focus-top {
	background-repeat: repeat-x;
	background-position: 50% 0;
}
.pinking-btm,
.pinking-highlight-top {
	height: 5px;
}
.pinking-btm {
	background-image: url('/images/bg-pinking-btm.png');
}
.pinking-highlight-top {
	background-image: url('/images/bg-pinking-highlight-top.png');
}
.pinking-deep-focus-top {
	height: 10px;
	background-image: url('/images/bg-pinking-deep-focus-top.png');
}

.bg-wood-panel {
	background-image: url('/images/bg-wood-panel.jpg');
	background-position: 50% 50%;
}

.cookies-eu-banner {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 4;
	width: 100%;
}
.cookies-eu-banner .pseudo-button {
	display: inline-block;
	margin-left: 0.2222222222em;
	padding-right: 0.2222222222em;
	padding-left: 0.2222222222em;
}

.site-header {
	text-align: center;
}
.site-header a {
	text-decoration: none;
}

.adj-to-logo a {
	background-color: #dcdbd3;
	color: #303030;
}
.adj-to-logo a:hover,
.adj-to-logo a:focus,
.adj-to-logo a:active {
	background-color: #dcdbd3;
	color: #868581;
}

.logo {
	display: block;
	width: 60%;
	margin-right: auto;
	margin-left: auto;
}
.logo > a {
	display: block;
	max-width: 239px;
}
.logo img {
	display: block;
	width: 100%;
}

.header-focus-box {
	display: none;
}

.member-login,
.basket {
	display: inline-block;
	vertical-align: top;
	margin-right: 0.625em;
	margin-left: 0.625em;
}
.basket {
	text-align: left;
}
.basket p,
.member-login p {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.basket-summary,
.basket .icon-sprite,
.member-login .icon-sprite,
.contact-header {
	display: none;
}

.search-form {
	margin-bottom: 1.5em;
	font-size: 1em;
	line-height: 1.25;
}
.search-form input {
	width: 8.75em;
	padding: 0.25em;
}
.search-form input.submit {
	width: auto;
	margin: 0 0.125em;
}

.nav-main a {
	display: block;
}
.nav-main ul {
	display: none;
	margin: 0;
	padding: 0;
}
.nav-main ul a {
	padding: 0.785714em 1.285714em;
}
.nav-main ul ul {
	background-image: url('/images/bg-paper.jpg');
	background-repeat: repeat-y;
	background-size: 100% auto;
}
.nav-main ul ul a,
.nav-main ul ul a:hover,
.nav-main ul ul a:focus,
.nav-main ul ul a:active {
	background-color: transparent;
}
.nav-main ul ul a {
	padding-top: 0.142857em;
	padding-bottom: 0.142857em;
}
.nav-main ul ul li {
	padding-top: 4px;
	background-image: url('/images/bg-paper-line.png');
	background-repeat: repeat-x;
	background-position: 50% 0;
}

.site-header > .pinking-highlight-top {
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 100%;
}

.site-content > .pinking-highlight-top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.top-image {
	position: relative;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: cover;
}
.top-image-scaler {
	position: relative;
	height: 0;
	padding: 0 0 46.382978723404255319148936170213%;
	overflow: hidden;
}
.top-image > .pinking-highlight-top,
.top-image > .pinking-btm {
	position: absolute;
	left: 0;
	width: 100%;
}
.top-image > .pinking-highlight-top {
	top: 0;
}
.top-image > .pinking-btm {
	bottom: 0;
}

.intro-panel {
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 2;
	margin: 2.5em 0;
	padding: 1.25em;
}
.intro-panel p {
	line-height: 1.428571;
}

.intro-panel + .top-image-scaler {
	display: inline-block;
	vertical-align: top;
}

.breadcrumb,
#basket_page_titles {
	text-align: right;
}
.breadcrumb {
	min-height: 2.625em;
}
#basket_page_titles {
	min-height: 4.2em;
}
#basket_page_titles {
	background-color: transparent;
	color: rgba(48, 48, 48, 0.4);
}
.breadcrumb .heading {
	margin-right: 1em;
	text-decoration: underline;
}
.breadcrumb li,
#basket_page_titles .basket_step {
	display: inline-block;
}
#basket_page_titles .current_page {
	background-color: transparent;
	color: rgba(48, 48, 48, 1);
}
.breadcrumb li:before,
#basket_page_titles .basket_step:before {
	content: '\0000a0>\0000a0';
}
.breadcrumb li:first-child:before,
#basket_page_titles .basket_step:first-child:before {
	content: '';
	display: none;
}
.breadcrumb a {
	background-color: #dcdbd3;
	color: #303030;
	text-decoration: none;
}
.breadcrumb a:hover,
.breadcrumb a:focus,
.breadcrumb a:active {
	background-color: #dcdbd3;
	color: #842d00;
}

.content-section {
	margin-top: -1.5em;
	overflow: hidden;
}
.content-section img {
	width: 100%;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
.content-section img.pull-left,
.content-section img.pull-right,
.content-section img.centre,
.content-section img.block {
	display: block;
}
.content-section img.pull-left,
.content-section img.pull-right,
.content-section img.centre {
	margin-right: auto;
	margin-left: auto;
}
.content-section img.block {
	margin-right: 0;
	margin-left: 0;
}

.standard-form {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	font-size: 1em;
	line-height: 1.25;
}
.standard-form legend {
	margin: 0;
	padding: 0.3125em 0;
	border-bottom: 1px solid #bebcaf;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.25;
}
.standard-form fieldset.styled,
.standard-form .control-actions {
	margin: 1.875em 0;
	padding: 1em;
	box-shadow: 0 0 1em 1px rgba(0, 0, 0, 0.2);
}
.standard-form .control-actions {
	padding-top: 1em;
	padding-bottom: 1em
}
.standard-form ol li,
.standard-form ul li {
	margin: 0.625em 0;
}
.standard-form li.required label:after,
#basket_default .required {
	background-color: transparent;
	color: #c00;
}
.standard-form li.required label:after {
	content: '\0000a0*';
}
.standard-form li.checkbox-list-item label {
	vertical-align: middle;
}
.standard-form p.note {
	margin-top: 0.857142857em;
	margin-bottom: 0.857142857em;
	font-size: 0.875em;
}
.standard-form input,
.standard-form select,
.standard-form textarea {
	width: 100%;
	padding: 0.25em;
	vertical-align: top;
}
.standard-form input[type="checkbox"],
.standard-form input[type="radio"] {
	width: auto;
	margin: 0.1875em 0 0 0.25em;
	border: 0;
	vertical-align: middle;
}
.standard-form input.submit,
.standard-form input.button,
.standard-form button {
	width: auto;
}

.embedded-map-container {
	margin: 1.25em 0;
}
.embedded-map-container .container {
	padding: 0.625em;
}
.embedded-map {
	height: 0;
	padding: 0 0 100%;
	overflow: hidden;
}
.embedded-map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.side-images,
.videos {
	text-align: center;
}
.side-images .item,
.videos .item {
	display: inline-block;
	vertical-align: top;
}
.videos .item {
	width: 100%;
}
.side-images .container,
.videos .container {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 25em;
	margin: 0.625em 0;
}
.blog-detail .videos .container {
	margin-left: auto;
	margin-right: auto;
	max-width: 37em;
}
.side-images .content,
.videos .content {
	margin: 0 0.625em;
	padding: 0.625em;
}
.videos .embedded-video {
	position: relative;
	height: 0;
	padding: 0 0 56.25%;
	overflow: hidden;
}
.videos iframe {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.side-images img {
	display: block;
	width: 100%;
}

.secondary-item {
	padding: 0.875em 0;
}
.secondary-item + .secondary-item {
	border-top: 1px solid rgba(48, 0, 255, 0.03);
}
.secondary-item .heading {
	margin: 0.5em 0;
}
.secondary-item .heading + p,
.secondary-item .heading + ul,
.secondary-item .heading + ol {
	margin-top: 0.642857em;
}

.list-download {
	font-weight: bold;
}
.list-download li {
	margin: 0.5em 0;
}
.list-download a {
	text-decoration: none;
}
.list-download .icon-sprite {
	display: inline-block;
	vertical-align: middle;
	margin-right: 1em;
}

.product-images {
	max-width: 31.75em;
	margin-right: auto;
	margin-left: auto;
}
.product-images a {
	display: block;
}
.product-images .item {
	margin: 1.25em 0;
	padding: 0.625em;
}
.product-images img {
	display: block;
	width: 100%;
}
.product-images .no-img {
	padding: 0 0 75%;
}
.product-images .icon-sprite {
	display: block;
	position: absolute;
	top: 9px;
	left: 14px;
}

.product-detail-form .label {
	/*font-size: 0.875em;*/
	line-height: 1.285714;
}
.product-detail-form input,
.product-detail-form select {
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.666667em;
	padding: 0.333333em;
	font-size: 1.125em;
	line-height: 1.222222;
}
.product-detail-form input[type=number] {
	width: 3em;
}
.product-detail-form input.submit, button.ajax-submit-button {
	margin-left: 0.857142857em;
	padding: 0.57142857em 1.428571em;
	font-size: 0.875em;
	line-height: 1.285714;
}

.grid-child {
	margin: 1.5em 0;
	padding: 0;
	font-size: 1em;
	line-height: 1;
	list-style: none;
}
.grid-child .item {
	width: 100%;
	vertical-align: top;
	text-align: center;
}
.grid-child .item a {
	text-decoration: none;
}
.grid-child .container {
	width: 100%;
	max-width: 15em;
	margin: 0.625em 0;
	text-align: left;
}
.grid-child.blog-post-list .container {
	max-width: 100%;
}
.grid-child .content {
	position: relative;
	z-index: 2;
	display: block;
	margin: 0 0.625em;
	padding: 0 1.5625em;
	padding: 10.4167% 10.416667% 0;
}
.grid-child.blog-post-list .content {
	padding: 17% 13% 14%;
}
.grid-child img,
.grid-child .no-img {
	margin: 0 0 0.875em;
}
.grid-child img {
	display: block;
	width: 100%;
}
.grid-child .no-img {
	height: 0;
	padding: 0 0 100%;
	overflow: hidden;
}
.grid-child .heading,
.grid-child p {
	margin: 0.875em 0;
	font-size: 1em;
	line-height: 1.125;
}
.grid-child .heading {
	min-height: 3.375em;
}
.grid-child.blog-post-list .heading {
	min-height: 0;
}
.grid-child.blog-post-list p {
	line-height: 1.5;
	font-size: 0.875em;
}
.grid-child .price,
.grid-child .view-button {
	vertical-align: middle;
	width: 50%;
}
.pricing-option {
	 padding-bottom: 1em;
}
.grid-child .view-button {
	text-align: right;
}
.grid-child .pseudo-button {
	display: inline-block;
	vertical-align: top;
	padding: 0.25em 0.5625em;
	background-color: #b7d873;
	color: #303030;
}
.grid-child .abs-fill-container {
	margin: 0;
}
.blog-post-meta-information dd {
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0.1em;
	margin-left: 0;
	line-height: 1.5;
}
.blog-post-meta-information dd.author {
	display: block;
	margin-top: 0.142857em;
	margin-bottom: 0.142857em;
}
.page-nav {
	margin: 0;
}
.page-nav .prev,
.page-nav .next {
	width: 33%;
}
.page-nav .prev,
.page-nav .next {
	background-color: transparent;
	color: rgba(48, 48, 48, 0.4);
}
.page-nav .page-list {
	width: 34%;
	font-weight: bold;
	text-align: center;
}
.page-nav .page-list a {
	font-weight: normal;
}
.page-nav .next {
	text-align: right;
}

#basket_default {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
#basket_default table {
	width: 100%;
	border-collapse: collapse;
}
#basket_default th,
#basket_default td {
	text-align: left;
}
#basket_default_header th {
	width: 25%;
	border-bottom: 1px solid rgba(48, 48, 48, 0.1);
}

#basket_default input,
#basket_default select {
	padding: 0.25em;
}
#basket_default .totals th:first-child {
	white-space: nowrap;
}
#basket_default .totals input,
#basket_default .totals textarea {
	width: 15.625em;
}
#basket_default .totals input[type="checkbox"] {
	width: auto;
}
#basket_default .totals input.button {
	width: auto;
}
#basket_default .totals select {
	min-width: 15.625em;
}
#basket_default .buttons {
	padding-right: 0.25em;
	padding-left: 0.25em;
	font-size: 0.875em;
	line-height: 1.714286;
}
#basket_default .buttons input[type="button"] {
	float: left;
}
#basket_default .buttons input[type="submit"] {
	float: right;
}

.nav-footer-top {
	text-align: center;
}
.nav-footer-top a {
	text-decoration: none;
}
.nav-footer-top ul {
	margin: 0.7142857em 0;
	padding: 0;
	line-height: 1.285714;
}

.panel {
	position: relative;
	z-index: 2;
	max-width: 28.75em;
	margin: 2.5em auto;
}
.panel .content {
	padding: 1.73913043478% 8.695652%;
}
.panel .heading {
	margin: 1.333333em 0;
	font-size: 1.125em;
	line-height: 1.222222;   
}
.panel .heading.instagram-header {
	margin-left: 0.5em;
}
.panel .heading .first-part {
	display: block;
}
.panel .heading .second-part {
	font-size: 1.333333em;
	line-height: 1.166667;
}

.feature-panel {
	margin-top: 1.25em;
	margin-bottom: 1.25em;
}
.feature-panel .content {
	padding-top: 6.521739%;
	padding-bottom: 5.2173913%;
}
.feature-panel .heading {
	margin-top: 0;
	margin-bottom: 0;
}
.feature-panel .description {
	margin-top: 0.7142857em;
	margin-bottom: 0.7142857em;
}
.feature-panel a {
	background-color: transparent;
	color: #a7d052;
	text-decoration: none;
}
.feature-panel a:hover,
.feature-panel a:focus,
.feature-panel a:active {
	background-color: transparent;
	color: #842d00;
}
.feature-panel .main-image {
	display: block;
	width: 100%;
	max-width: 120px;
	margin-right: auto;
	margin-left: auto;
}
.feature-panel .embedded-video {
	position: relative;
	padding: 0 0 56.25%;
	overflow: hidden;
}
.feature-panel .embedded-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.slideshow-panel-container {
	position: relative;
	z-index: 2;
	margin-top: 1.25em;
	margin-bottom: 1.25em;
	padding: 1em 0.75em;
}
.slideshow-panel .item {
	position: relative;
	display: none;
	width: 100%;
}
.slideshow-panel .item:first-child {
	display: block;
}
.slideshow-panel .item img {
	display: block;
	width: 100%;
}
.slideshow-panel .content {
	padding: 0 2.3913043478260869565217391304348%;
}
.slideshow-panel .heading {
	margin: 0.888889em 0;
	font-size: 1.125em;
	line-height: 1.333333;
}
.slideshow-panel .description {
	margin-top: 1.142857em;
	margin-bottom: 1.142857em;
	line-height: 1.285714;
}
.slideshow-panel .overlay-link {
	position: relative;
	float: right;
	width: 40%;
	max-width: 139px;
	margin-top: -20%;
	margin-right: -2.3913043478260869565217391304348%;
	background-color: transparent;
}

.site-footer .bg-wood-panel {
	min-height: 528px;
}
.site-footer .pinking-deep-focus-top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.opening-hours p {
	margin: 0.75em 0;
	font-size: 1em;
	line-height: 1.25;
}

.social-media-links ul {
	margin-top: -1.7142857em;
}
.social-media-links .item {
	display: inline-block;
	vertical-align: top;
	margin: 0.5em;
}
.social-media-links .icon-sprite {
	display: block;
}

.twitter-timeline,
.snapwidget-widget {
	width: 100% !important;
	margin: 1.5em 0;
}
a.twitter-timeline,
.snapwidget-widget {
	background-color: transparent;
}

.footer-panels {
	padding: 2.5em 0;
}

.footer-sketch-first,
.footer-sketch-second {
	display: none;
}

.bg-grass {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 110px;
	background-image: url('/images/bg-grass.png');
	background-repeat: repeat-x;
}

.nav-footer-bottom,
.nav-footer-bottom a {
	background-color: #a7d052;
	color: #303030;
}
.nav-footer-bottom {
	text-align: center;
}
.nav-footer-bottom a {
	display: inline-block;
	padding-right: 0.7142857em;
	padding-left: 0.7142857em;
	text-decoration: none;
}
.nav-footer-bottom ul {
	margin-right: 0;
	margin-left: 0;
	padding: 0;
}
.nav-footer-bottom li {
	display: inline-block;
	vertical-align: top;
}

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

.mobile-view-basket {
	margin-top: 1em;
}

@media screen and (max-width: 19.9375em) {
	.site-content .panel,
	.slideshow-panel-container {
		margin-right: -1em;
		margin-left: -1em;
	}
	.footer-panels .panel {
		margin-right: -0.375em;
		margin-left: -0.375em;
	}
}

@media screen and (min-width: 20em) {
	.basket .icon-sprite,
	.member-login .icon-sprite {
		display: inline-block;
		vertical-align: middle;
		margin-right: 0.25em;
	}
	.search-form input {
		width: 12.75em;
	}

	.slideshow-panel-container {
		padding: 1.25em;
	}

	.slideshow-panel .heading {
		margin: 0.533333em 0;
		font-size: 1.875em;
		line-height: 1.133333;
	}
	.slideshow-panel .description {
		margin-top: 1.25em;
		margin-bottom: 1.25em;
		font-size: 1em;
		line-height: 1.25;
	}
	.slideshow-panel .overlay-link {
		margin-top: -30%;
	}
}

@media screen and (min-width: 30em) {
	.logo,
	.adj-to-logo {
		display: inline-block;
		vertical-align: middle;
	}
	.logo {
		width: 33.333333%;
		margin: 0.25em 0 1em 0;
	}
	.adj-to-logo {
		width: 66.666667%;
		text-align: right;
	}
	.contact-header {
		display: block;
		margin: 0.375em 0 1.5em 0.625em;
	}
	.contact-header p {
		margin-top: 0;
		margin-bottom: 0;
	}
	.search-form {
		margin-left: 0.625em;
	}

	.feature-panel .text,
	.feature-panel .image {
		display: inline-block;
		vertical-align: top;
	}
	.feature-panel .text {
		width: 65.78947368%;
	}
	.feature-panel .image {
		width: 34.210526%;
	}
	.feature-panel .image > .gutter {
		padding-left: 0.625em;
		padding-right: 0;
	}

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

	.slideshow-panel .overlay-link {
		margin-top: -10%;
	}
}

@media screen and (max-width: 41.1875em) {
	.nav-main .nav-btn {
		margin: 0;
		font-size: 1.125em;
		line-height: 1.333333;
	}
	.nav-main .nav-btn a {
		padding: 0.611111em 1em;
	}
	.nav-main .nav-btn .icon-menu {
		display: inline-block;
		vertical-align: top;
		margin-left: 0.5em;
	}
	.nav-main ul:target {
		display: block;
	}
	.nav-main ul.show {
		display: block;
	}
	.nav-main > ul > li {
		border-top: 1px solid #dcdbd3;
	}
}

@media screen and (min-width: 41.25em) {
	.site-header {
		z-index: 2;
	}
	.site-content {
		z-index: 1;
	}

	p.basket-summary {
		display: block;
		margin-top: -1.166667em;
	}

	.nav-main .nav-btn {
		display: none;
	}
	.nav-main > ul {
		display: block;
	}
	.nav-main > ul > li {
		display: inline-block;
		vertical-align: top;
		position: relative;
		z-index: 1;
	}
	.nav-main ul ul {
		position: absolute;
		top: 100%;
		left: 0;
	}
	.nav-main li:hover,
	.nav-main li.sfHover {
		z-index: 2;
	}
	.nav-main li:hover > ul,
	.nav-main li.sfHover > ul {
		display: block;
	}

	.intro-panel {
		padding-right: 2.5em;
		padding-left: 2.5em;
	}

	.content-section img.pull-left {
		float: left;
		margin-right: 1.875em;
		margin-left: auto;
	}
	.content-section img.pull-right {
		float: right;
		margin-right: auto;
		margin-left: 1.875em;
	}

	.grid-child .item {
		width: 33.333333%;
	}

	.content-eq-2 {
		display: inline-block;
		vertical-align: top;
		width: 50%;
	}
	.content-eq-2 > .gutter {
		padding-right: 0.625em;
		padding-left: 0.625em;
	}
}

@media screen and (min-width: 41.25em) and (max-width: 56.1875em) {
	.nav-main > ul {
		border-width: 0 1px 0 0;
		border-style: solid;
		border-color: #dcdbd3;
		text-align: left;
	}
	.nav-main > ul > li {
		width: 25%;
	}
/*
	.nav-main > ul > li:nth-child(2) {
		z-index: 4;
	}
	.nav-main > ul > li:nth-child(3) {
		z-index: 3;
	}
	.nav-main > ul > li:nth-child(4) {
		z-index: 2;
	}
*/
	.nav-main > ul > li:nth-child(7):last-child {
		width: 50%;
	}
	.nav-main > ul > li > a {
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		border-width: 1px 0 0 1px;
		border-style: solid;
		border-color: #dcdbd3;
	}
	.nav-main ul ul {
		width: 100%;
	}

	.feature-panel .text,
	.feature-panel .image {
		display: block;
		width: 100%;
	}
	.feature-panel .image > .gutter {
		padding-left: 0;
	}
}

@media screen and (min-width: 50em) {
	.contact-header {
		margin-bottom: 2.25em;
	}

	.grid-adjust {
		margin-right: -0.625em;
		margin-left: -0.625em;
	}
	.gutter {
		padding: 0 0.625em;
	}
	.content-primary,
	.content-primary-min,
	.content-secondary,
	.content-secondary-max {
		display: inline-block;
		vertical-align: top;
	}
	.content-primary {
		width: 58.333333%;
	}
	.content-secondary {
		width: 41.666667%;
	}
	.content-secondary .gutter {
		padding-left: 1.875em;
	}
	.content-primary-min {
		width: 55%;
	}
	.content-secondary-max {
		width: 45%;
	}

	.side-images .item,
	.side-images .container,
	.videos .item,
	.videos .container {
		display: block;
	}
	.side-images .item,
	.videos .item {
		margin: 1.25em 0;
	}
	.side-images .content,
	.videos .content {
		margin-right: 0;
		margin-left: 0;
	}
}

@media screen and (min-width: 30em) {
	.header-focus-box {
		display: inline-block;
		vertical-align: top;
/*      margin-right: 2.25em;*/
		text-align: left;
	}

	.header-focus-box a {
		display: block;
		background-color: transparent;
		text-decoration: none;
	}
	.header-focus-box a:hover,
	.header-focus-box a:focus,
	.header-focus-box a:active {
		background-color: transparent;
	}
	.header-focus-box .content {
		padding: 0.4375em 1.25em 0.75em;
	}
	.header-focus-box .icon-large,
	.header-focus-box .text {
		display: inline-block;
		vertical-align: middle;
	}
	.header-focus-box .icon-large {
		margin-right: 0.625em;
	}
	.header-focus-box .text {
		max-width: 9.625em;
	}
	.header-focus-box .icon-link {
		display: inline-block;
		vertical-align: middle;
	}
	.header-focus-box .heading {
		margin: 0;
		line-height: 1.2857142857;
	}
	.header-focus-box .description {
		margin: 0;
		background-color: transparent;
		color: #303030;
		font-size: 0.8125em;
		line-height: 1.230769;
	}
	.header-focus-box .heading + .description {
		margin-top: 0.3846153846em;
	}
	.mobile-view-basket {
		display: none;
	}
}

@media screen and (min-width: 56.25em) {
	.logo,
	.adj-to-logo {
		vertical-align: top;
	}
	.adj-to-logo {
		position: relative;
	}


	.nav-main > ul {
		max-width: 68.57142857em;
		margin-right: auto;
		margin-left: auto;
	}
	.nav-main ul ul {
		min-width: 15em;
		max-width: 18.642857em;
		text-align: left;
	}
	.nav-main li.basket-link {
		display: none;
	}

	.grid-child .item {
		width: 25%;
	}
	.w-twitter-feed .item {
		width: 50%;
	}

	.slideshow-panel {
		height: 0;
		padding: 0 0 50%;
		overflow: hidden;
	}
	.slideshow-panel .item {
		position: relative;
	}
	.slideshow-panel .text {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	.slideshow-panel .text {
		background-color: rgba(0, 0, 0, 0.61);
		color: #fff;
	}
	.slideshow-panel .text.no-text {
		background-color: transparent;
	}
	.slideshow-panel .overlay-link {
		margin: 0.625em 0 0.625em 2.5em;
	}

	.slideshow-panel-container .cycle-nav {
		position: absolute;
		top: 50%;
		z-index: 101;
		width: 80px;
		height: 59px;
		cursor: pointer;

		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
	.slideshow-panel-container .cycle-prev {
		left: 0.25em;
	}
	.slideshow-panel-container .cycle-next {
		right: 0.25em;
	}

	.slideshow-panel-container .icon-prev,
	.slideshow-panel-container .icon-next {
		display: block;
	}

	.nav-footer-bottom {
		text-align: left;
	}
	.nav-footer-bottom ul {
		max-width: 68.57142857em;
		margin-right: auto;
		margin-left: auto;
	}
	.nav-footer-bottom li:before {
		content: '|';
		display: inline-block;
		vertical-align: top;
	}
	.nav-footer-bottom li:first-child:before {
		content: '';
		display: none;
	}
}

@media screen and (min-width: 61.875em) {
	.site-content .wrapper {
		padding-right: 0;
		padding-left: 0;
	}
	.wrapper.wrapper-wide {
		padding-right: 2.5em;
		padding-left: 2.5em;
	}

	.blog-container {
		margin-right: 0;
		margin-left: 0;
	}

	.standard-form label,
	.standard-form .label {
		width: 8.75em;
		vertical-align: top;
	}
	.standard-form li.required:after {
		content: '\0000a0*';
		background-color: transparent;
		color: #c00;
	}
	.standard-form li.required label:after {
		content: '';
	}
	.standard-form input,
	.standard-form textarea {
		width: 15.625em;
	}
	.standard-form select {
		width: auto;
		min-width: 15.625em;
	}
	.standard-form .no-label {
		margin-left: 8.75em;
	}
	.standard-form p.note.no-label {
		margin-left: 10em;
	}

	.slideshow-panel .description {
		margin-top: 0.666667em;
		margin-bottom: 0.666667em;
		font-size: 1.5em;
		line-height: 1.166667;
	}

	.footer-sketch-first,
	.footer-sketch-second {
		display: block;
		position: absolute;
		top: 20px;
		width: 470px;
		height: 508px;
	}
	.footer-sketch-first {
		left: 0;
	}
	.footer-sketch-second {
		right: 0;
	}
}

@media screen and (min-width: 73.75em) {
	.slideshow-panel-container .cycle-prev {
		left: -6.875em;
	}
	.slideshow-panel-container .cycle-next {
		right: -6.875em;
	}
}

#basket-continue-shopping {
	margin-top:-49px;
}

#basket-continue-shopping-button {
	padding-top: 0.3em;
	padding-bottom: 0.5em;
	font-size: 0.8em;
}

.totals.preferredcollectiondate td img {
	vertical-align: middle;
	height: 24px;
}

/*
#bval11049,
#bval11050,
#bval11051,
#bval974,
#bval975,
#bval976,
#bval977,
#bval876,
#bval877 {
	margin-left: -7em;
}
*/


.site-content-1-1,
.site-content-1-2 {
	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: 45em) {
	.site-content-1-2 {
		width: 50%;
	}
}
@media all and (min-width: 50em) {
	.pull-site-content-1-2,
	.push-site-content-1-2 {
		position: relative;
	}
	.pull-site-content-1-2 {
		left: -50%;
	}
	.push-site-content-1-2 {
		left: 50%;
	}
}

.twitter-extra-marg {
	margin-top: -0.625em;
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

.animated {
	-webkit-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;

	-webkit-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated-quick {
	-webkit-animation-duration: 0.5s;
	-o-animation-duration: 0.5s;
	animation-duration: 0.5s;

	-webkit-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}

.cw-0, .cw-0-base, .cw-default, .cw-default-base {
	 background-color: #fff;
	 color: #464646;
}

.basket-added-success-summary {
	padding-top: 1.5625em;
}
.basket-added-success-summary .grid-adjust {
	margin-right: -0.625em;
	margin-left: -0.625em;
}
.basket-added-success-summary .image-module,
.basket-added-success-summary .text-module {
	display: inline-block;
	vertical-align: top;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.basket-added-success-summary .image-module {
	width: 32.60869565%;
}
.basket-added-success-summary .image-module-content {
	padding: 1px;
}
.basket-added-success-summary .image-module img {
	display: block;
	width: 100%;
}
.basket-added-success-summary .image-module .no-img {
	padding: 0 0 100%;
}
.basket-added-success-summary .text-module {
	width: 67.39130435%;
}
.basket-added-success-summary .product-name {
	font-weight: 400;
}

.gutter-fixed-full {
	 padding-right: 1.25em;
	 padding-left: 1.25em;
}

.gutter-fixed-half {
	 padding-right: .625em;
	 padding-left: .625em;
}

.button, .pseudo-button-default, button {
	 background-color: #666;
	 color: #fff;
	 border-color: #666;
}


.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.5em;
	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 !important;
}
.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.15em;
	font-size: 1.5em;
}
.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;
}



button.ajax-submit-button {
	border: 0;
	background-color: #ccd8a2;
	color: #4f4f4f;
	border-color: #ccd8a2;
	font-weight: 400;
	font-family: Georgia, 'Times New Roman', Times, serif;
}




/* ======================================================  */
/*==========================================================  basket styles */


.basket-order-table2 {margin-top: 1em;}


#basket_default2 {
	margin-top: 1.25em;
	margin-bottom: 1.25em;
	font-size: 1em;
}
@media screen and (min-width: 37.5em) {
	#basket_default2 {
		font-size: 1em;
	}
}
#basket_default2 table {
	width: 100%;
	border-collapse: collapse;
}
#basket_default2 th,
#basket_default2 td {
	padding: 0.375em;
	text-align: left;
}
#basket_default2 th {
	text-transform: uppercase;
}
#basket_default_header2 th {
	border-bottom: 1px solid #dedede;
}
#basket_default2 input,
#basket_default2 select {
	padding: 0.25em;
}
#basket_default2 .totals input {
	width: 100%;
	max-width: 20em;
}
#basket_default2 .totals input.button {
	width: auto;
}
#basket_default2 .buttons {
	font-size: 1em;
	line-height: 1.25;
	width: 100%;
}
#basket_default2 .buttons input[type="button"] {
	float: left;
}
#basket_default2 .buttons input[type="submit"] {
	float: right;
}










#basket_default2 {
	margin-top: 0.625em;
	margin-bottom: 0.625em;
}
#basket_default2 table {
	width: 100%;
	border-collapse: collapse;
}
#basket_default2 th,
#basket_default2 td {
	text-align: left;
}
#basket_default_header2,
#basket_default2 .odd,
#basket_default2 .even {
	border-bottom: 1px solid #cfcfcf;
}
#basket_default2 input,
#basket_default2 select {
	padding: auto;
}
#basket_default2 table input,
#basket_default2 table select,
#basket_default2 button,
.ajax-login-pseudo-button {
	padding: 0.285714285714em;
}
#basket_default2 .totals th {
	text-transform: uppercase;
}
#basket_default2 .totals input {
	width: 100%;
	max-width: 28em;
}
#basket_default2 .totals input.button {
	width: auto;
}
#basket_default2 .totals select {
	max-width: 28em;
}
#basket_default2 .buttons {
	margin-top: 0.625em;
	margin-bottom: 0.625em;
}
#basket_default2 .buttons input {
	font-size: 0.93em;;
	line-height: 1.714285714286;
}
#basket_default2 .buttons input[type="button"] {
	float: left;
}
#basket_default2 .buttons input[type="submit"],
#basket_default2 .right-aligned-buttons {
	float: right;
}
#basket_default2 .right-aligned-buttons .basket_continue {
	margin-left: 0.6153846153846em;
}


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

	box-shadow: none;
}

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

.deliveryoptions ul li{height: 7em; display: inline-block; padding: 10px 0; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.deliveryoptions ul li div.container {width: 100%; height: 100%; display: block; margin: auto; position: relative;}
.deliveryoptions ul li div div.content{ height: 100%; padding: 10px; border: 1px solid #47bccb;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.deliveryoptions ul li label {width: 70%; height: 100%; display: inline-block; margin-top: auto; margin-bottom: auto; padding-left: 5%; padding-right: 5%;}
.deliveryoptions ul li div.radioinput {width: 20%; margin-top: auto; margin-bottom: auto; height: 100%; display: inline-block;}
.deliveryoptions ul li div.radioinput input {margin-top: auto; margin-bottom: auto; height: 100%; position: inline-block;}



ul#deliveryfilterlist li select, ul#deliveryfilterlist li input {width: 100%; height: 32px;background-color: #47BCCB; border: none; color: #FFF;}


ul#deliveryfilterlist li input[type="radio"]{width: auto; height: 100%; margin-top: -1px; vertical-align: middle;}

#deliveryfilterlist div.container {width: 100%; height: 100%; display: block; margin: auto; position: relative;}
#deliveryfilterlist div.content { height: 100%; padding: 10px 0; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


@media all and (min-width: 60em) {
	ul#deliveryfilterlist li:nth-child(4n) .content {padding-right: 0px;}
	.deliveryoptions ul li:nth-child(4n) {padding-right: 0px;}
	.deliveryoptions ul li:nth-child(4n) .content {padding-right: 15px;}
}

ul#deliveryfilterlist li select::placeholder , ul#deliveryfilterlist li input::placeholder { /* Firefox, Chrome, Opera */ 
	 color: #d6dada; 
	 opacity: 1;
} 

ul#deliveryfilterlist li select::-webkit-input-placeholder , ul#deliveryfilterlist li input::placeholder { /* Firefox, Chrome, Opera */ 
	 color: #d6dada; 
	 opacity: 1;
} 
  
ul#deliveryfilterlist li select:-ms-input-placeholder, ul#deliveryfilterlist li select:-ms-input-placeholder { /* Internet Explorer 10-11 */ 
	 color: #d6dada; 
} 
  
ul#deliveryfilterlist li select::-ms-input-placeholder, ul#deliveryfilterlist li input::-ms-input-placeholder { /* Microsoft Edge */ 
	 color: #d6dada; 
} 

/*.selectdeliverymethod {display: block;}*/

.deliverytimecontainer {position: absolute; bottom: 2px;}
deliverytimecontainer img {}




#orderprogresscontainer ul li.progressbox {width: 22%; position: relative; display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#orderprogresscontainer ul li.disabled {opacity: 0.5}
#orderprogresscontainer ul li.progressspacer{width: 4%; position: relative; display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#orderprogresscontainer ul li.progressbox div.container {width: 100%; height: 100%; display: block; margin: auto; position: relative; border:1px solid #47BCCB; color: #47BCCB; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#orderprogresscontainer ul li.progressspacer div.container {width: 100%; height: 100%; display: block; margin: auto; position: relative; background-color:#FFF;}
#orderprogresscontainer ul li div div.content{ height: 100%; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#orderprogresscontainer .progressno {width:1em; height: 1em; padding: 0.5em; border: 1px solid #47BCCB; background-color: #47BCCB; border-radius: 50%; text-align: center; font-size: 0.7em; line-height: 0.9em; color: #FFF}
#orderprogresscontainer .progresstext {width: 80%; display: inline-block; padding: 0 0 0 10px; font-size: 0.9em;}

#orderprogresscontainer ul li.progressspacer div div.content{ height: 100%; padding: 5px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#spacerbar{ width: 100%; background-color: #47BCCB; height: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


@media all and (max-width: 37.5em) {
	#orderprogresscontainer  {display: none;}
}

@media all and (max-width: 47.5em) {
	#orderprogresscontainer .progressno {display: none;}
	#orderprogresscontainer .progresstext {width: 100%;}
}


@media all and (max-width: 60em) {
	#orderprogresscontainer {
		font-size: 0.75em;
	}
	#basket_default_header2 .header_name {width: 70%; font-weight: 700;}
}
#basket_default2 tr.discountcode td {text-align: right;}

#basket_default2 table tbody tr.discountcode input[type=text] {width: 10em;}

@media all and (min-width: 47.5em) {
#basket_default_header2 .header_name {width: auto;}
#basket_default_header2 .header_total {width: 10%;}
}
#basket_default2 table input, #basket_default2 table select 
{
	 color: #252525; padding: 1em;
}

#basket_default2 button, .ajax-login-pseudo-button, #basket_default2 table input.button {
	 color: #FFF; padding: 1em;
}

#basket_default2 input[type="button"]:hover, #basket_default2 input[type="submit"]:hover  {
	 background-color: #318C98;
	 cursor: pointer;
}

.basket-variable-table-container  input[type=text], .basket-variable-table-container  select,  .basket-variable-table-container  textarea, .selectdeliverymethod input[type=radio] {
	border-color: #CCC;
	background-color: #FFF;
	border: 1px solid #CCC;
}


.basket-order-table2 .qtybox {width: 3em;}
.basket-order-table2 .qtybutton {border: 1px solid #47BCCB;}

.basket-variable-table .container {width: 100%; height: 100%; display: block; margin:auto; position: relative;}
.basket-variable-table .container .content {
	width: 100%; 
	height: 100%; 
	padding: 1em; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	
@media all and (max-width: 39.9375em) {
	.basket-variable-table,
	.basket-variable-table > ul,
	.basket-variable-table  ul  li
	{
		display: block;
		width: 100%;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.basket-variable-table .bvlabel, .basket-variable-table .bvinput {
		width: 50%;
	}
	

}

@media all and (min-width: 40em) {
	
	.basket-variable-table  ul  li
	{
		width: 50%;
		display: inline-block;
	}
	
	.basket-variable-table .bvlabel, .basket-variable-table .bvinput {
		width: 100%;
	}

}

@media all and (max-width: 40em) {
	
	.basket-variable-table  ul  li
	{
		width: 100%;
		display: inline-block;
	}
	
	.basket-variable-table .bvlabel, .basket-variable-table .bvinput {
		width: 100%;
	}

}

@media all and (min-width: 50em) {
	.basket-variable-table .bvlabel, .basket-variable-table .bvinput {
		width: 50%;
	}

}


.basket-variable-table .bvheading {margin: 1em 0; font-weight: bold; padding-bottom: 1em;}
.basket-variable-table .bvblock .bvlabel, .basket-variable-table .bvblock .bvinput {display: inline-block;}
.basket-variable-table .bvlabel {
		font-weight: bold;
	  font-size: 0.875em;
	}
.basket-variable-table .bvblock .bvarealabel {height: 80px; vertical-align: middle; }
.basket-variable-table .bvblock {margin: 1em 0;}
.basket-variable-table input, .basket-variable-table select {width: 100%;}
.basket-variable-table input.button {height: auto; width: auto;}
.basket-variable-table input[type=checkbox] {width: auto; height: auto;}
.basket-variable-table textarea {width: 100%; height: 80px;}
.basket-variable-table input.birthdayreminder {background-color: #47BCCB; border: 1px solid #47BCCB;}
.heavy {font-weight: bold;}


.dateboxcontainer{display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  flex: 0 0 0px;
}

.font-size-down-1
 {
	margin: 0.833333333333em 0;
	font-size: 0.75em;
	line-height: 1.333333333333;
}

.selectdeliverymethod {margin: 2em 0;}


.questiontooltip {
	background-color: #47BCCB;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	color: #FFF;
	display: inline-block;
	padding: 3px;
	text-align: center;
	margin-left: 1em;
	
}

#basket_default2 td.clearinput input {background-color: #FFF; border: 1px solid #CCC; color: #818181;}

#basket_default2 .highlight { border: 4px solid #47bccb; }
	
	
	
#bval186   {width: 65%}
	
.basket-left-side { border-right: 1px solid #999;}   
  
.basket-order-table2 tr.subtotal td, 
.basket-order-table2 tr.ordertotal td, 
.basket-order-table2 tr.subtotal th, 
.basket-order-table2 tr.ordertotal th {border-top: 1px solid #999; padding: 1.5em 0em;}   
#basket_default2 .terms {font-size: 0.875em;}
	
	
	
	
	
	
	
	
	
	
	
	
	
@media only screen and  (max-width: 760px) {
	#basket_default2 .basket-order-table2 tr,
	#basket_default2 .basket-order-table2 td { display: block; }
	#basket_default2 .basket-order-table2 thead tr {
	  position: absolute;
	  top: -9999px;
	  left: -9999px;
	}

	#basket_default2 .basket-order-table2 tr { border: 1px solid #9ca496; }

	#basket_default2 .basket-order-table2 tr + tr { margin-top: 1.5em; }

	#basket_default2 .basket-order-table2 tr.subtotal {width: 100%;}
	#basket_default2 .basket-order-table2 th {width: 50%;}
	
	#basket_default2 .basket-order-table2 tr.totals td, 
	#basket_default2 .basket-order-table2 tr.totals th
	{
		width: 50%; 
		display: inline-block; 
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-align: left;
		font-weight: bold;
		font-size: 0.9em;
	}
	
	#basket_default2 .basket-order-table2 tr.totals3td td
	{
			width: 25%;
	}   
	#basket_default2 .basket-order-table2 tr.totals3td td.left {float: right; text-align: right;}
	#basket_default2 table tbody tr.discountcode input[type="text"] {width: 100%;}
	
	#basket_default2 .basket-order-table2 .basketproduct td {
	  /* make like a "row" */
	  border: none;
	  border-bottom: 0px solid #eee;
	  position: relative;
	  padding-left: 30%;
	  text-align: left;
	  font-size: 0.9em;
	}

	#basket_default2 .basket-order-table2 .basketproduct td:before {
	  content: attr(data-label);
	  display: inline-block;
	  line-height: 1.5;
	  margin-left: -40%;
	  width: 50%;
	  white-space: nowrap;
	  font-weight: bold;
	  font-size: 0.9em;
	}
	
	#basket_default2 .basket-order-table2 .basketproduct td:nth-of-type(1):before { content: "PRODUCT CODE"; }
	#basket_default2 .basket-order-table2 .basketproduct td:nth-of-type(2):before { content: "NAME"; }
	#basket_default2 .basket-order-table2 .basketproduct td:nth-of-type(3):before { content: "PRICE" }
	#basket_default2 .basket-order-table2 .basketproduct td:nth-of-type(4):before { content: "QUANTITY"; }
	#basket_default2 .basket-order-table2 .basketproduct td:nth-of-type(5):before { content: "LINE TOTAL"; }


}

.white-popup-block {
	background: #FFF;
	padding: 20px 30px;
	text-align: left;
	max-width: 450px;
	margin: 40px auto;
	position: relative;
}

.site-wide-message p {
	font-weight: 600;
	font-size: 1em;
	color: #f00;
}

.deliverypostcodelookup input[type=text] {
	width: 70%;
}