/* holograph-file-version=6 user=L6 datetime=04-05-2017 12:38:43 */

@import"/css/generic/gen2-screen-V1.min.css?md5=08dc7cdb647ddc3962cb23600f80d6cd";
@import"/css/ecommerce-skin.min.css?md5=0034a36a5908a82b8f1a8f15a5e63fcb";

/******** Generic CSS Includes **********/


/* jQuery Styles For Date Selectors etc */


/* Core SVG Styles */


/******** CSS Pre-loader technology **********/

div#preloaded-images {
	position: absolute;
	overflow: hidden;
	left: -9999px;
	top: -9999px;
	height: 1px;
	width: 1px;
}
.jq-popupcls {
	position: absolute;
	padding: 2px;
	max-width: 1000px;
	border: 0 solid;
}
.popup-close-line {
	position: absolute;
	z-index: 2;
	right: -3%;
	top: -3%;
}

/******** Font Block CSS **********/

@font-face {
	font-family: "slick";
	src: url(/typefaces/slick.eot);
	src: url(/typefaces/slick.eot?#iefix) format("embedded-opentype"), url(/typefaces/slick.woff) format("woff"), url(/typefaces/slick.ttf) format("truetype"), url(/typefaces/slick.svg#slick) format("svg");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "DIN_1451 LT W01 Mittelschrift";
	src: url(/typefaces/e27b4f44-5fb7-42ab-acae-28f4ac3143fb.eot?#iefix);
	src: url(/typefaces/e27b4f44-5fb7-42ab-acae-28f4ac3143fb.eot?#iefix) format("eot"), url(/typefaces/e79663d6-4003-4f89-ba8a-f8afb9963115.woff2) format("woff2"), url(/typefaces/ba08fcf3-e8e8-4ba0-ace8-25e6035123d3.woff) format("woff"), url(/typefaces/f0f4ad1c-8dc7-4c5b-ad22-325a24c41aac.ttf) format("truetype"), url(/typefaces/6dc71e8e-5dbd-4c0d-b1fe-ac63131ce27d.svg#6dc71e8e-5dbd-4c0d-b1fe-ac63131ce27d) format("svg");
}
@font-face {
	font-family: "DIN_1451 LT W01 Engschrift";
	src: url(/typefaces/ea5486fa-8540-424c-946c-1ad49f45db58.eot?#iefix);
	src: url(/typefaces/ea5486fa-8540-424c-946c-1ad49f45db58.eot?#iefix) format("eot"), url(/typefaces/f4bdc42f-e58e-43ea-afec-ae4999e2fa73.woff2) format("woff2"), url(/typefaces/7c3f8184-8a98-444a-822c-4e9a89edb99f.woff) format("woff"), url(/typefaces/e5637e82-f888-4ea1-be1a-2fd22c5a1285.ttf) format("truetype"), url(/typefaces/fc293a36-2627-4690-8db9-67f895603d7e.svg#fc293a36-2627-4690-8db9-67f895603d7e) format("svg");
}
@font-face {
	font-family: "Helvetica W01 Roman";
	src: url("/typefaces/ea95b44a-eab7-4bd1-861c-e73535e7f652.eot?iefix") format("eot");
}
@font-face {
	font-family: "Helvetica W01 Roman";
	src: url("/typefaces/ea95b44a-eab7-4bd1-861c-e73535e7f652.eot?iefix");
	src: url("/typefaces/4021a3b9-f782-438b-aeb4-c008109a8b64.woff") format("woff"), url("/typefaces/669f79ed-002c-4ff6-965c-9da453968504.ttf") format("truetype"), url("/typefaces/d17bc040-9e8b-4397-8356-8153f4a64edf.svg#d17bc040-9e8b-4397-8356-8153f4a64edf") format("svg");
}
@font-face {
	font-family: "Helvetica W01 Bold";
	src: url("/typefaces/f70da45a-a05c-490c-ad62-7db4894b012a.eot?iefix") format("eot");
}

@font-face {
	font-family: "Helvetica W01 Bold";
	src: url("/typefaces/f70da45a-a05c-490c-ad62-7db4894b012a.eot?iefix");
	src: url("/typefaces/c5749443-93da-4592-b794-42f28d62ef72.woff") format("woff"), url("/typefaces/73805f15-38e4-4fb7-8a08-d56bf29b483b.ttf") format("truetype"), url("/typefaces/874bbc4a-0091-49f0-93ef-ea4e69c3cc7a.svg#874bbc4a-0091-49f0-93ef-ea4e69c3cc7a") format("svg");
}
@font-face {
	font-family: "Trade Gothic Next W01 Light";
	src: url("/typefaces/c22083eb-f768-467a-8736-cd9014be4e4f.eot?#iefix");
	src: url("/typefaces/c22083eb-f768-467a-8736-cd9014be4e4f.eot?#iefix") format("eot"), url("/typefaces/1e25c4c8-80d6-44ba-bc21-51daaa0cd556.woff") format("woff"), url("/typefaces/41757792-b783-4a47-9e47-62f4fc3d2ea6.ttf") format("truetype"), url("/typefaces/d30fef5b-e7a0-444c-8fbf-629dbf84f4f8.svg#d30fef5b-e7a0-444c-8fbf-629dbf84f4f8") format("svg");
}
@font-face {
	font-family: "Trade Gothic Next W01 Light Italic";
	src: url("/typefaces/f2eb748c-88b2-441d-8174-b5f2f62f51b6.eot?#iefix");
	src: url("/typefaces/f2eb748c-88b2-441d-8174-b5f2f62f51b6.eot?#iefix") format("eot"), url("/typefaces/c9c6ddb3-ece7-4644-9d6c-a5d358d8c150.woff") format("woff"), url("/typefaces/39db63bd-1bc5-4585-99c6-0472b14b6787.ttf") format("truetype"), url("/typefaces/d14a0bc4-5dcd-48b6-8747-98d111e6ee58.svg#d14a0bc4-5dcd-48b6-8747-98d111e6ee58") format("svg");
}
@font-face {
	font-family: "Trade Gothic Next W01";
	src: url("/typefaces/8a6c3750-4927-4649-9dac-87049f5e9700.eot?#iefix");
	src: url("/typefaces/8a6c3750-4927-4649-9dac-87049f5e9700.eot?#iefix") format("eot"), url("/typefaces/57625f96-ca80-4602-9644-ec1803cb3ba3.woff") format("woff"), url("/typefaces/6618d500-1727-4334-878e-1c4b95192f42.ttf") format("truetype"), url("/typefaces/01ebe944-ca6c-41db-a3ba-b7e2a90536d9.svg#01ebe944-ca6c-41db-a3ba-b7e2a90536d9") format("svg");
}
@font-face {
	font-family: "Trade Gothic Next W01 Italic";
	src: url("/typefaces/5907bd95-539f-4f25-b115-69c42aee6b21.eot?#iefix");
	src: url("/typefaces/5907bd95-539f-4f25-b115-69c42aee6b21.eot?#iefix") format("eot"), url("/typefaces/3bde4253-d238-40b7-b813-eea7bdd9e80d.woff") format("woff"), url("/typefaces/6005c161-37f3-4678-869a-1b4306ecc563.ttf") format("truetype"), url("/typefaces/1301d16e-d0ec-407b-9796-677535450691.svg#1301d16e-d0ec-407b-9796-677535450691") format("svg");
}
@font-face {
	font-family: "Trade Gothic Next W01 Bold";
	src: url("/typefaces/678017fc-bfca-4daa-a38a-b0f41bada5e7.eot?#iefix");
	src: url("/typefaces/678017fc-bfca-4daa-a38a-b0f41bada5e7.eot?#iefix") format("eot"), url("/typefaces/4d16ea6c-033a-41b1-8326-56a1d7392d5f.woff") format("woff"), url("/typefaces/573b39c2-10f7-4b72-a656-89a329b76560.ttf") format("truetype"), url("/typefaces/d079b7e1-7489-4f6d-b4c9-536742085cff.svg#d079b7e1-7489-4f6d-b4c9-536742085cff") format("svg");
}
@font-face {
	font-family: "Trade Gothic Next W01 Bold Italic";
	src: url("/typefaces/c0134e40-9c97-4d93-a4b9-ccc759b09d6a.eot?#iefix");
	src: url("/typefaces/c0134e40-9c97-4d93-a4b9-ccc759b09d6a.eot?#iefix") format("eot"), url("/typefaces/c6e1f03c-b1be-44b3-869a-76dd6d9815cb.woff") format("woff"), url("/typefaces/3b57c729-52db-4a4b-b447-051993a48636.ttf") format("truetype"), url("/typefaces/b10c45a7-0777-4974-a66e-2cba877baac2.svg#b10c45a7-0777-4974-a66e-2cba877baac2") format("svg");
}
@font-face {
	font-family: "Trade Gothic Next W01 Heavy";
	src: url("/typefaces/44a1993a-5246-4e6d-bb0e-fd4c26f60b79.eot?#iefix");
	src: url("/typefaces/44a1993a-5246-4e6d-bb0e-fd4c26f60b79.eot?#iefix") format("eot"), url("/typefaces/5852e684-2018-4eff-98cb-7918d0976e27.woff") format("woff"), url("/typefaces/de108d06-1776-480c-b319-f95545e593c7.ttf") format("truetype"), url("/typefaces/274030cb-a9b4-48c5-9aad-0d739dbf2fb0.svg#274030cb-a9b4-48c5-9aad-0d739dbf2fb0") format("svg");
}
@font-face {
	font-family: "Trade Gothic Next W01 Heavy Italic";
	src: url("/typefaces/0e55d487-86b0-419a-a150-b876d31f0d49.eot?#iefix");
	src: url("/typefaces/0e55d487-86b0-419a-a150-b876d31f0d49.eot?#iefix") format("eot"), url("/typefaces/ece40ba8-2bbf-4a44-b32d-8449643ec184.woff") format("woff"), url("/typefaces/2fd802ac-703c-4d39-892c-2494d2ff35e2.ttf") format("truetype"), url("/typefaces/d5330ee0-0ab5-46dd-962f-29ae1a2676c3.svg#d5330ee0-0ab5-46dd-962f-29ae1a2676c3") format("svg");
}
@font-face {
	font-family: "Trade Gothic Next W01 Cond";
	src: url("/typefaces/5be4a815-5a22-4a8b-8a38-10467be39d2e.eot?#iefix");
	src: url("/typefaces/5be4a815-5a22-4a8b-8a38-10467be39d2e.eot?#iefix") format("eot"), url("/typefaces/eb20bf3e-7a5c-4c98-8bc5-f38c1b3dd9f2.woff") format("woff"), url("/typefaces/bbd9ed4b-21d6-4a35-a3eb-176c31258e03.ttf") format("truetype"), url("/typefaces/2b33a704-0f65-4c4c-94d0-2bd00c0151af.svg#2b33a704-0f65-4c4c-94d0-2bd00c0151af") format("svg");
}
@font-face {
	font-family: "Trade Gothic Next W01 CnIt";
	src: url("/typefaces/0141efcd-c467-4bd2-829f-4f7e4c4c0fb1.eot?#iefix");
	src: url("/typefaces/0141efcd-c467-4bd2-829f-4f7e4c4c0fb1.eot?#iefix") format("eot"), url("/typefaces/0b4c5dd8-487a-4a92-921f-bff9d2ef800a.woff") format("woff"), url("/typefaces/c3901e8a-5844-4034-85be-d9f3a3d5a150.ttf") format("truetype"), url("/typefaces/1de3af37-9042-46d5-9605-c8f534732a86.svg#1de3af37-9042-46d5-9605-c8f534732a86") format("svg");
}
@font-face {
	font-family: "Trade Gothic Next W01 Cond Bold";
	src: url("/typefaces/62cdf702-7113-4955-9b29-d803174650c7.eot?#iefix");
	src: url("/typefaces/62cdf702-7113-4955-9b29-d803174650c7.eot?#iefix") format("eot"), url("/typefaces/a43fe47f-004d-4b6d-9a72-23de9e08f66e.woff") format("woff"), url("/typefaces/de22c287-e0dc-4287-8a0e-3f68a8788330.ttf") format("truetype"), url("/typefaces/d7c320de-0c26-418a-b1d2-ef600169db34.svg#d7c320de-0c26-418a-b1d2-ef600169db34") format("svg");
}
@font-face {
	font-family: "Trade Gothic Next W01BdCnIt";
	src: url("/typefaces/f54ff660-2006-4adc-adb4-13705f833857.eot?#iefix");
	src: url("/typefaces/f54ff660-2006-4adc-adb4-13705f833857.eot?#iefix") format("eot"), url("/typefaces/e66e3237-f0dc-4885-90eb-b71e55d0c057.woff") format("woff"), url("/typefaces/e3728264-163f-42ea-8592-565a6ec20b9a.ttf") format("truetype"), url("/typefaces/4358bf54-ee4b-47d2-a4b4-0fa43581c3de.svg#4358bf54-ee4b-47d2-a4b4-0fa43581c3de") format("svg");
}
@font-face {
	font-family: "Trade Gothic Next W01 HvCn";
	src: url("/typefaces/02688edd-1e75-49c8-a9a9-0c718ac03687.eot?#iefix");
	src: url("/typefaces/02688edd-1e75-49c8-a9a9-0c718ac03687.eot?#iefix") format("eot"), url("/typefaces/22f5a28a-c43f-43ad-bdf2-c1cb7abff9ec.woff") format("woff"), url("/typefaces/f49159c0-b257-4efa-b603-ff98fe015336.ttf") format("truetype"), url("/typefaces/b1cbaffb-5f24-4786-8c8d-6a1d0c3be8be.svg#b1cbaffb-5f24-4786-8c8d-6a1d0c3be8be") format("svg");
}
@font-face {
	font-family: "Trade Gothic Next W01 HvCnIt";
	src: url("/typefaces/90a68a66-19c6-455a-9160-4c92886fef95.eot?#iefix");
	src: url("/typefaces/90a68a66-19c6-455a-9160-4c92886fef95.eot?#iefix") format("eot"), url("/typefaces/6e59a39d-4e26-4be2-8938-d283c48a7a14.woff") format("woff"), url("/typefaces/a65e349f-4207-40bd-96a7-684df942d2a0.ttf") format("truetype"), url("/typefaces/8cefcb91-6b12-4f77-a61c-53aafa881345.svg#8cefcb91-6b12-4f77-a61c-53aafa881345") format("svg");
}

/* Main website Skin Styling */


/******** InFX Master Text Sizes CSS **********/

body {
	background-color: rgba(239, 241, 241, 0.1);
	/* opacity: 0.01; */
}
body,
p,
a {
	font-weight: 400;
	font-style: normal;
	color: #444;
	font-family: "Helvetica W01 Roman";
}
li {
	font-weight: 400;
	font-style: normal;
	color: rgb(45, 41, 38);
	/* font-family: "Trade Gothic Next W01 Cond"; */
}
b {
	font-weight: 400;
	font-family: "Helvetica W01 Bold";
}
input {
	font-family: helvetica, sans-serif;
	font-weight: 400;
	font-style: normal;
}
.infx-google-map-poi-filter input {
	width: 100%;
	font-size: 2rem;
	padding: 8px;
}
em {
	font-style: normal;
	text-transform: uppercase;
}
strong {
	font-weight: 400;
}
i,
oblique {
	font-style: normal;
}
#printable_area a {
	font-size: 1.4rem
}
small {
	font-size: 90%;
}
.mini {
	color: #444;
	font-size: .9rem;
	font-weight: 400;
	font-style: normal;
}
.helvetica {
	font-family: helvetica;
}
h1 {
	font-weight: 900;
	letter-spacing: -0.01em;
	font-size: 5.4rem;
	line-height: 6.8rem;
	font-family: "DIN_1451 LT W01 Engschrift";
	color: #6c6c6b;
	font-style: normal;
	background: #e9e9e9;
	/* Old browsers */
	background: -moz-linear-gradient(top, #e9e9e9 0%, #ffffff 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e9e9e9 0%, #ffffff 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e9e9e9 0%, #ffffff 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#ffffff', GradientType=0);
	/* IE6-9 */
	padding: 12px;
}
h2 {
	font-weight: 900;
	font-style: normal;
	letter-spacing: -0.01em;
	font-size: 4.6rem;
	line-height: 4rem;
	font-family: "DIN_1451 LT W01 Engschrift";
	text-transform: uppercase;
	color: #6c6c6b;
}
h2.huge {
	font-size: 6rem;
	line-height: 8rem;
}
h2.large {
	font-size: 5rem;
	line-height: 7rem;
}
h2.small {
	font-size: 3rem;
	line-height: 4.5rem;
}
h2.micro {
	font-size: 2.5rem;
	line-height: 4rem;
}
h2.centre-floating {
	text-align: center;
	position: absolute;
	top: 25%;
	left: 0;
	right: 0;
	margin: 0 auto;
}
h3 {
	font-style: normal;
	color: #00b3f2;
	font-weight: normal;
	font-size: 2.6rem;
	line-height: 2.8rem;
	margin-bottom: 4px;
	margin-top: 0px;
	letter-spacing: -0.01rem;
	text-transform: uppercase;
	font-family: "DIN_1451 LT W01 Engschrift";
}
h3.small {}
h3.large {
	font-size: 3rem;
	line-height: 5rem;
}
h3.huge {}
h4.large {
	font-size: 2.8rem;
	line-height: 3rem;
}
h4 {
	font-weight: 400;
	font-style: normal;
	font-size: 1.6rem;
	line-height: 3rem;
}
h5 {
	font-weight: 400;
	font-style: normal;
	font-size: 1.5rem;
	line-height: 2.6rem
}
h6 {
	font-weight: 400;
	font-style: normal;
	font-size: 1.4rem;
	line-height: 3rem;
}
h1.white,
h2.white,
h3.white,
h4.white,
h5.white,
h6.white,
body.white {
	color: #fff !important;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
	font-size: inherit;
	font-family: inherit;
	line-height: inherit;
	text-decoration: none;
}
h2 a:hover {
	text-decoration: none !important;
}

/******** LRS main-focus heading override colors **********/

#content-container .html-bullets ul {}
#content-container .html-bullets li ul {}
#content-container .html-bullets li {
	padding: 0 0 0.4rem 2.2rem;
	text-indent: -1.8rem;
}
#content-container .html-bullets ul li:first-child:before {}
#content-container .html-bullets ul li:before {
	content: '\25CF';
	padding-right: 1rem
}
#content-container .html-bullets ul li ul li:before {
	content: '\25CF';
	color: #000;
	padding-right: 1rem
}
#content-container .bordered {
	border: 1px solid #DADADA
}
a,
a:link {
	color: rgb(250, 155, 180);
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	color: rgb(250, 155, 180);
}
p a,
p a:link {}
.html-bullets.white {
	color: #fff;
}

/******** Custom popovers **********/

div#preloaded-images {
	position: absolute;
	overflow: hidden;
	left: -9999px;
	top: -9999px;
	height: 1px;
	width: 1px;
}
.jq-popupcls {
	position: absolute;
	padding: 10px;
	max-width: 1000px;
	border: 0 solid;
}
.popup-close-line {
	position: absolute;
	z-index: 2;
	right: -3%;
	top: -3%;
}
.cc-find-codes-img img {
	width: 100%;
	max-width: 480px;
	margin: auto;
}

/******** InFX Master CSS **********/

#content-container .content-container-two {}
#content-container .content-container-three {}
#content-container {}
#content-container .content-wrapper {
	max-width: 1240px
}
#content-container .expand-wrapper {
	padding: 0;
	overflow: hidden
}

/******** content-container expand-wrapper backgrounds CSS **********/

#content-container .expand-wrapper.white-background {
	background-color: #fff;
}
#content-container .expand-wrapper.navy {
	background-color: rgba(151, 57, 97, 1);
}

/******** content-container expand-wrapper backgrounds CSS end**********/

#content-container .expand-wrapper {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#content-container .noback h1,
#content-container .noback h2,
#content-container .noback h3,
#content-container .noback h4,
#content-container .noback p {
	color: #fff;
	text-align: center
}
#content-container .expand-wrapper.noback .infx-slick-slider h2,
#content-container .expand-wrapper.noback .infx-slick-slider h3,
#content-container .expand-wrapper.noback .infx-slick-slider h4,
#content-container .expand-wrapper.noback .infx-slick-slider p {
	color: #fff;
	text-align: left
}
#content-container .left-target .columnbackground,
#content-container .right-target .columnbackground {
	padding: 12px;
}
#content-container .object-background,
#content-container .expand-wrapper .object-background {
	background: #f4f4f4;
}
#content-container .object-background.white,
#content-container .expand-wrapper .object-background.white {
	background: #ffffff;
}
#content-container .padding-all-20px {
	padding: 20px;
}
.group-wrapper.vertical-height {
	height: 100vh;
}
.group-wrapper.grey-back {
	background-color: rgba(120, 120, 120, 0.5);
}
.group-wrapper.pink-background {
	max-width: 600px;
	margin: auto;
	width: 100%;
	position: relative;
	left: 0;
	right: 0;
}
.group-wrapper.pink-background.range-pos {
	margin: 0 0 0 0px;
	width: 100%;
	position: relative;
	left: 0;
}
.group-wrapper.pink-background h2,
.group-wrapper.pink-background .infx-spacer,
.group-wrapper.pink-background h4,
.group-wrapper.pink-background h5 {
	position: relative;
	z-index: 2;
}
.video-container {
	position: relative;
}
video {
	width: 100%;
	height: auto;
	display: block;
}
.baseline-align div {
	vertical-align: baseline;
}

/* This is needed to stop the odd white space at bottom of video*/


/*.video-container {
    position:absolute;
    height:100%;
    width:100%;
    overflow: hidden;
}

.video-container video {
    min-width: 100%;
    min-height: 100%;
}*/

.video-container video::-webkit-media-controls {
	display: none !important;
}

/******** Custom **********/

#content-container .expand-wrapper.homepage-relative {
	position: relative!important
}

/******** InFX Colour Shelves CSS **********/

#colour-shelf-one {}
#colour-shelf-two {}
#colour-shelf-three {}

/******** InFX Cascading Blocks CSS **********/

#content-container .cascading-block-wrapper {
	width: 100%;
	overflow: hidden;
	text-align: center;
}
#content-container .cascading-block {
	width: 20%;
	display: inline-block;
}
#content-container .cascading-block h3 {
	text-transform: uppercase;
	font-size: 3.4rem;
	margin: 4px 0 24px;
}
#content-container .group-wrapper.padding-all-20px.cascading-block {
	padding: 20px 20px 32px 20px;
}
#content-container .cascading-block .-sys-dbnewpicture .-sys-dbnewpicture-img {}
#content-container .cascading-block .group-wrapper.image-wrapper {
	width: 32% !important;
	margin: 0 auto;
}
#content-container .cascading-block .-sys-dbnewpicture.heightset {
	transform: scale(1);
	-webkit-transform: scale(1);
	transition: transform .5s ease;
	-webkit-transition: transform .5s ease;
}

/*
#content-container .cascading-block:hover .group-wrapper.image-wrapper
{
transform: scale(1.2);
-webkit-transform: scale(1.2);
}
*/

#content-container .cascading-block:hover .-sys-dbnewpicture.heightset {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}
@media only screen and (max-width: 1000px) {
	#content-container .cascading-block {
		width: 25%;
	}
}
@media only screen and (max-width: 804px) {
	#content-container .cascading-block {
		width: 33.33333333333%;
	}
	#content-container .cascading-block h3 {
		font-size: 2.4rem;
		margin: 4px 0 12px;
	}
}
@media only screen and (max-width: 640px) {
	#content-container .cascading-block {
		width: 50%;
	}
}

/******** InFX Gen 2 'newpicture' support CSS **********/


/******** to insure slick slider measure images correctly  **********/

#content-container .-sys-dbnewpicture {
	min-height: 1px;
}
#content-container .-sys-dbnewpicture .-sys-dbnewpicture-img {
	/* height - This is generated by jQuery */
}
#content-container .-sys-dbnewpicture .-sys-dbnewpicture-caption {
	margin: 10px auto 0;
	text-align: center;
	min-height: 20px;
	font-size: 80%;
	line-height: 110%
}
#content-container .wrapped-html .-sys-dbnewpicture.left {
	margin: 0 20px 38px 0
}
#content-container .wrapped-html .-sys-dbnewpicture.right {
	margin: 0 0 12px 20px
}
#content-container .landscape-picture-block img {}

/******** Margin overrides **********/

.margin-10px article p {
	margin: 5px!important
}
.margin-20px article p {
	margin: 10px!important
}
.margin-30px article p {
	margin: 15px!important
}
.demo-border p {
	background: #dedede!important;
	padding: 5px;
	border: 1px solid #CDCDCD
}
.demo-border.margin-10px p,
.demo-border.margin-20px p,
.demo-border.margin-30px p {
	background: #dedede!important;
	border-radius: 8px;
	border: 1px solid #CDCDCD
}
.collection-pos {
	padding: 10% 40px;
	height: auto;
	margin: auto;
	top: 0;
	bottom: 0;
}

/******** InFX Table Engineering CSS **********/

.infx-table-data {
	min-width: 20px
}
.recent-order-list .infx-table-data {
	width: 4%;
}
.profile-order-view {
	padding: 10px;
	background-color: rgba(255, 255, 255, 0.8);
	margin-bottom: 10px
}
.profile-order-listing {
	padding: 10px;
	background-color: rgba(255, 255, 255, 0.8);
	margin-bottom: 10px
}
.infx-inline-data {}
#page-shell {}
#relative-page-content {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 00px;
	margin-top: 0px;
	max-width: 1020px;
	width: 100%;
	padding: 0px 0px 0px 0px;
}
#outer-content-container {}
#content-container .content-container-three {}

/******** InFX Rules CSS **********/

.infx-spacer {}
.infx-spacer.rule {
	background: #7e7e7e;
	box-shadow: 0px 4px 5px rgba(60,60,60,0.4);
}
.infx-spacer.alt_rule {
	background: #eff1f1;
	box-shadow: 0 0 1px 0 rgba(145, 145, 145, 0.2);
}

/******** InFX Header and Logo CSS **********/

header {
	/* z-index needs to be 10 as to stay on top of infx-buttons that sport z-index 9... */
	width: 100%;
}
#header-outer .header-inner {
	height: 50px;
}
#header-outer {}
#header-outer .header-container .company-logo {
	margin: 20px 0 0 20px;
	display: block;
	width: 130px;
	height: 37px;
	background: url('/dyn/_pictures/branding-images/lucozade_black130.png');
}
#header-outer .header-container .company-logo img {
	width: 130px;
	height: 37px;
	background-position: center top;
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
}
#header-outer .header-container .company-logo a.logo-link {
	text-decoration: none !important;
	color: #000 !important;
}
#header-outer .social-icons {
	position: relative;
	z-index: 901;
	width: 25%;
	padding-top: 35px;
	display: none
}

/* Header social icons */

#header-outer .header-buttons a:before,
#header-outer .social-icons a:before {
	font-family: "icomoon";
}
#header-outer .social-icons a {
	display: inline-block;
	font-size: 3.5rem;
	line-height: 3.5rem;
	color: rgba(255, 255, 255, 0.5);
	margin-right: 8px;
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.2);
	padding: 0.8rem;
	border-radius: 50%;
}
#header-outer .social-icons a:hover:before {
	color: rgba(255, 255, 255, 0.8);
}
.group-wrapper.rotate {
	transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
}
.group-wrapper.rotate-pos {
	transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
}
.scale-image.-sys-dbnewpicture,
.flex-image {
	transition: transform 0.25s;
	-webkit-transition: transform 0.25s;
}
.scale-image.-sys-dbnewpicture:hover {
	transform: rotate(-3deg) scale3d(1.1, 1.1, 1.1);
	-webkit-transform: rotate(-3deg) scale3d(1.1, 1.1, 1.1)
}
.-sys-dbnewpicture.scroll-down-page {
	position: relative;
	top: 12px;
	z-index: 6;
}
.-sys-dbnewpicture.scroll-down-page:hover,
.flex-image:hover {
	-o-animation-name: scaleFlex;
	-moz-animation-name: scaleFlex;
	-webkit-animation-name: scaleFlex;
	animation-name: scaleFlex;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

/******** InFX Registation CSS **********/


/* fix for LEFS-228 */

#jq-popup>img[src="/images/icons/grey-cross.png"] {
	display: none;
}

/******** InFX Navigation CSS **********/

nav {
	/* text-align: center; */
}
#navigation {
	z-index: 901;
	width: auto;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4f4f4f+0,5e5e5e+25,4f4f4f+50,5e5e5e+75,4f4f4f+100 */
	padding: 6px 0;
	height: 36px;
	/* Old browsers */
	/* FF3.6-15 */
	/* Chrome10-25,Safari5.1-6 */
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/* IE6-9 */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5d5d5d+0,666666+25,5d5d5d+50,737373+75,5d5d5d+100 */
	background: #5d5d5d;
	/* Old browsers */
	background: -moz-linear-gradient(top, #5d5d5d 0%, #666666 25%, #5d5d5d 50%, #737373 75%, #5d5d5d 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #5d5d5d 0%, #666666 25%, #5d5d5d 50%, #737373 75%, #5d5d5d 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #5d5d5d 0%, #666666 25%, #5d5d5d 50%, #737373 75%, #5d5d5d 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5d5d5d', endColorstr='#5d5d5d', GradientType=0);
	/* IE6-9 */
}
#navigation ul {
	padding: 0px;
}
li.top-nav-creations.tn2.mid {
	margin: 0px 100px 0 0;
}
li.top-nav-locations.tn3.mid {
	margin: 0 0 0 100px;
}
#navigation li {
	list-style-type: none;
	padding: 0 0px 0 20px;
}
li.tn4.mid {
	float: right;
}
li.tn5.end {
	float: right;
}
li.top-nav-search-v2.special-nav-element.mobile-nav-exclude.tn3.mid {
	float: right;
	margin: 0 40px 0 0;
}
#navigation li.tn5.end a.inav,
#navigation li.tn4.mid a.inav {
	color: #cecece
}
#navigation a.inav {
	-webkit-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.8rem;
	letter-spacing: 0.01em;
	font-family: "Trade Gothic Next W01 Cond";
}
#navigation a.inav:hover {
    color: #fff100;
    text-decoration: underline;
}
#navigation a.inav.selected,
#navigation a.inav.selected:hover {
    text-decoration: underline;
}
#navigation .inav b {}
#navigation ul.navigation-inner ul>li {
	position: relative;
	width: 200px;
}
#navigation ul.subnavigation-inner {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	position: absolute;
	background-color: rgba(255, 255, 255, 0.85);
	z-index: 1200;
	top: 30px;
	display: none;
	max-width: 200px;
	padding-top: 10px;
}
#navigation ul.subnavigation-inner:hover {
	-webkit-opacity: 1;
	opacity: 1;
}
#navigation ul.subnavigation-inner li a.inav {
	color: #999;
	padding: 8px 12px;
	display: block;
	min-width: 150px;
}
#navigation ul.subnavigation-inner li:hover a.inav {}
#navigation ul.subnavigation-inner li:last-child {}
#navigation ul.subnavigation-inner a.inav:hover {}
#navigation ul.subnavigation-inner li {
	text-align: left;
	display: list-item;
	margin: 0;
}
#navigation ul.subnavigation-inner li:hover {}

/******** InFX Quick links CSS **********/

.page-quicklinks .quicklinks-links a,
.page-quicklinks .quicklinks-links a:link {
	background: rgba(151, 57, 97, 0.25);
	color: #fff;
}

/******** InFX Baseline Footer CSS **********/

#footer-outer {
	background: #6c6d6d;
	max-width: 1920px;
	margin: auto;
}
.copyright {
	color: #dfdfdf;
	font-size: 1rem;
	display: inline-block;
	font-family: "Helvetica W01 Roman";
}
#footer-outer h3 {
	color: #ffc200;
}
#footer-outer a,
#footer-outer a:link {
	color: #dfdfdf;
	text-align: center;
	font-size: 1rem;
	text-transform: uppercase;
	font-family: "Helvetica W01 Roman";
}
#footer-outer a:hover,
#footer-outer a:hover:link {
	color: #fff;
}
#footer-outer .footer-inner {
	position: relative;
	max-width: 1024px;
	padding: 5px 0px;
}
#footer-outer .infx-table.sitemap_table {
	display: none;
}
#footer-outer .footer-inner .sitemap_table .infx-table-data {
	width: 33%;
}
#footer-outer .footer-inner .upper-baseline {}
#footer-outer .footer-inner .upper-baseline-inner {}
#footer-outer .footer-inner .upper-baseline-container {}
#footer-outer .footer-inner .lower-baseline {}
#footer-outer .footer-inner .lower-baseline-inner {}
#footer-outer .footer-inner .lower-baseline-container {}
#footer-outer .top-button {
	display: none;
}
#footer-outer ul {
	display: inline-block;
}
#footer-outer li {}
#footer-outer li:first-child:before {}
#footer-outer li li:before {
	content: '';
	color: #3b1716;
}
.newsletter_signup_wrapper {
	display: none
}

/******** Footer sitemap **********/

.footer-inner .sitemap_table a {
	position: relative;
	padding: 0 0px 0 30px;
	margin: 3%
}
.footer-inner .social-content-wrapper {
	display: none;
}
.footer-inner .social-content-wrapper .social {
	margin: 0% 10% 0;
}
.footer-left {
	float: left;
	width: 50%;
	padding: 1%;
}
.footer-right {
	float: right;
	width: 50%;
	padding: 1%;
}
#footer-outer .base-nav-container li {
	padding: 0px 0rem 0rem 0.5rem;
	text-indent: 0rem;
	display: inline;
	/* font-family: "Helvetica W01 Roman"; */
}
#footer-outer .base-nav-container li:after {
	content: '|';
	color: #dfdfdf;
	padding: 0 0 0 5px;
}
#footer-outer .base-nav-container li:last-child::after {
	content: '';
	color: #dfdfdf;
	padding: 0 0 0 5px;
}

/* burger menu and sliding header implementation */

header.open {
	transform: translate3d(0px, 0px, 0px)!important;
	-webkit-transform: translate3d(0px, 0px, 0px)!important;
}
#navigation li.top-nav-sliding-nav {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	transition: all .5s ease;
	-webkit-transition: all 0.5 ease;
	z-index: 500;
}
#navigation li.top-nav-sliding-nav:before {
	font-family: 'icomoon-ultimate';
	content: '\ec6e';
	color: rgba(255, 255, 255, 1);
	font-size: 3rem;
	line-height: 3rem;
	padding: 0.8rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#navigation li.top-nav-sliding-nav.parallax.open:before {
	font-family: 'icomoon';
	content: '\e678';
}
.top-nav-sliding-nav-wrapper {
	position: fixed;
	z-index: 500;
	width: 30%;
	right: -2000px;
	top: -1px;
	bottom: -1px;
	transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
}
.top-nav-sliding-nav-wrapper .sliding-nav-level {
	/* important to get around iOS bug with -webkit-overflow-scrolling */
	height: 100%;
	-webkit-overflow-scrolling: touch;
	overflow: hidden;
	overflow-y: scroll;
	margin-right: -16px;
	box-shadow: 1px 1px 5px #0d0d0d;
}
.top-nav-sliding-nav-wrapper .close-button {
	font-family: 'icomoon';
	color: #231f20;
	font-size: 4rem;
	padding: 10px;
	position: absolute;
	right: 20px;
	top: 20px;
	cursor: pointer;
	z-index: 10;
}
.top-nav-sliding-nav-wrapper .close-button:before {
	content: "\e678";
}
.top-nav-sliding-nav-wrapper .close-button:hover {
	color: rgba(84, 74, 77, 1);
	-webkit-animation: spin 2s ease-in-out;
	-moz-animation: spin 2s linear;
	animation: spin 2s linear;
}
.top-nav-sliding-nav-wrapper.measuring {
	transition: none !important;
	-webkit-transition: none !important;
}
.top-nav-sliding-nav-wrapper.measuring * {
	transition: none !important;
	-webkit-transition: none !important;
}
.top-nav-sliding-nav-wrapper ul {
	display: block;
	padding-top: 100px;
	padding-bottom: 100px;
}
.top-nav-sliding-nav-wrapper .sliding-nav-level.touchfix .top-nav-sliding-nav-wrapper ul {
	min-height: calc(100% + 1px);
	height: calc(100% + 1px);
}
.top-nav-sliding-nav-wrapper ul li {
	padding: 0px;
}
.top-nav-sliding-nav-wrapper ul li.sliding-nav-subnav-1 {
	padding-left: 0px;
}
.top-nav-sliding-nav-wrapper ul li a {
	font-size: 25px;
	color: #fff;
	font-size: 5rem;
	line-height: 6rem;
	width: 100%;
	display: block;
	color: #fff;
	padding-left: 8%;
}
.top-nav-sliding-nav-wrapper ul li a.activeleaf {
	font-size: 25px;
	color: #ff0;
}
.top-nav-sliding-nav-wrapper .toparrow {
	/*background-image:url(/images/sliding-nav-overflow-notifier-top.png);*/
	background-position: bottom;
	background-repeat: repeat-x;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 8;
	height: 50px;
	transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
}
.top-nav-sliding-nav-wrapper .bottomarrow {
	/*background-image:url(/images/sliding-nav-overflow-notifier-bottom.png);*/
	background-position: bottom;
	background-repeat: repeat-x;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 8;
	height: 50px;
	transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
}
#minibasket {}

/*.top-nav-mini-basket .basket-icon {
  right: 10px;
}*/

.top-nav-sliding-nav-wrapper {
	background-color: rgba(255, 255, 255, 0.97);
}
.top-nav-sliding-nav-wrapper a.inav {
	font-size: 4rem;
	line-height: 6rem;
	width: 100%;
	display: block;
	color: #231f20;
	padding-left: 8%;
	text-decoration: none;
	position: relative;
	transition: none;
	-webkit-transition: none;
}
.top-nav-sliding-nav-wrapper a.inav:hover {
	text-decoration: none;
}

/***************** start search-v2 css ****************************/

.top-nav-search-v2 .search-v2 {
	margin: 0;
}
.search-v2 .icon-search:before {
	content: "Search";
	font-family: "Trade Gothic Next W01 Cond";
}
.search-v2.v3 .search-icon.open::before {
	content: "Search";
}
.search-v2 .icon-search::after {
	content: ">";
	transform: rotate(90deg);
	display: block;
	position: absolute;
	top: 0;
	right: -15px;
	-webkit-transition: 0.2s ease 0.1s;
	transition: 0.2s ease 0.1s;
}
.search-v2.v3 .search-icon.open::after {
	content: ">";
	transform: rotate(270deg);
}
.search-v2.search-expandable .search-icon {
	background: none;
	color: #cecece;
	width: auto;
	font-size: 1.8rem;
	height: auto;
	line-height: 2.4rem;
	display: block;
	text-transform: uppercase;
	font-family: "Trade Gothic Next W01 Cond";
}
.search-v2.search-expandable.hoverable input.search-input {
	border: 1px solid #fd9b1d;
	border-radius: 2px
}
.search-v2 .search_results {
	background-color: #fff;
	z-index: 1
}
.search-v2 .search_results div .fulldesc .name {
	padding: 1%;
	background-color: rgba(230, 230, 230, 1);
	line-height: 2rem
}
.search-v2 .search_results .search-inner-wrapper {
	border: none
}
.search-v2 .search_results .search-inner-wrapper .repeat-wrapper.product-listing-item-wrapper {
	padding-bottom: 10px
}
.search-v2 .search_results .search-inner-wrapper .product-listing-item-wrapper .detail-add-to-basket a.add_to_basket:hover {
	background-color: #FED100!important
}
.search-v2 div .fulldesc .name:nth-child(1) {
	border: none
}
.search-v2 .search_results div .fulldesc .description>i>b {
	color: #c1310f
}
.search-v2 .paging {
	margin-top: 10px;
	background: rgba(0, 0, 0, 1);
	border: none;
	border-left: none
}
.search-v2 .paging a {
	font-size: 1.4rem!important;
	line-height: 2.4rem!important;
	list-style-position: inside
}

/***************** end search-v2 css ****************************/


/***************** start search-v3 extension css ****************************/

.search-v3-results-wrapper .title {
	font-size: 2.2rem;
	line-height: 2.8rem;
}
.search-v3-input-wrapper {
	background-color: rgba(241, 243, 242, 1);
	padding: 30px;
	max-width: 1920px;
	margin: auto;
	background: #e9e9e9;
	background: -moz-linear-gradient(top, #e9e9e9 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #e9e9e9 0%, #ffffff 100%);
	background: linear-gradient(to bottom, #e9e9e9 0%, #ffffff 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#ffffff', GradientType=0);
}
.search-v3-input-wrapper input {
	font-size: 1.6rem;
	padding: 6px;
	width: 25%;
	border-radius: 3px;
	font-family: Tahoma, Arial, SunSans-Regular, sans-serif;
	border: 1px solid #DCDADA;
}
.search-v3-results-wrapper .results-wrapper-close-button:hover {
	color: #F69831;
}
.search-v3-results-wrapper {
	background-color: #F7F7F7;
	position: initial;
	/* box-shadow: 5px 0px 10px #999 !important; */
	background: #e9e9e9;
	background: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%, #e9e9e9 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #e9e9e9 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9', GradientType=0);
}
.search-v3-results-wrapper .results-wrapper-close-button {
	top: 20px;
	right: 15px;
	z-index: 2;
}
.search_frame {
	margin: 0 auto;
	max-width: 1280px;
}

/***************** end search-v3 extension css ****************************/


/* bespoke product style for search */

.search-v2 .search_results .search-inner-wrapper .product-listing-item-wrapper .product-listing-item h3 a {
	font-size: 1.2rem !important;
}
.search-v2 .search_results .search-inner-wrapper .product-listing-item-wrapper .product-tools {
	margin-top: 0px;
}
.search-v2 .search_results .search-inner-wrapper .product-listing-item-wrapper .product-listing-item .inc-tax-price {
	font-family: "FreestyleScriptW01-Regu", sans-serif;
	margin: 0%;
	font-size: 3.6rem;
	line-height: 3rem;
	text-align: left;
	display: inline-block;
	vertical-align: sub;
}
.search-v2 .search_results .inc-tax-saving {
	display: none;
}
.search-v2.search-expandable input.search-input {}

/***************  InFX Calendar CSS *********************************************************************************/

.infx-calendar .infx-inline-data.months,
.infx-calendar .infx-inline-data.curmonth {
	background: #000 !important;
	color: #fff;
}
.infx-calendar #view_info .button_on {
	border: 1px solid #ddd;
	box-shadow: 0 0 1px #f1f1f1;
	background: #fafafa;
	margin: 1px
}
.infx-calendar #view_info .button_off {
	border: 1px solid #ddd;
	box-shadow: 0 0 1px #f1f1f1;
	background: #fff;
}
.infx-calendar .curmonth {
	background: #3ac1e1;
}
.infx-calendar .infx-inline-data.align-right {}
.infx-calendar .weekday,
.infx-calendar .weekend,
.infx-calendar .infx-inline-data.months,
.infx-calendar .infx-inline-data.curmonth,
.infx-calendar .days .no-events,
.infx-calendar .days .with-events,
.infx-calendar .days .highlight,
.infx-calendar .days .locked,
.infx-calendar .days .locked.highlight {
	border: 1px solid #ddd;
	background: #fafafa
}
.infx-calendar .days .highlight {
	background: rgba(84, 74, 77, 1);
}
.infx-calendar .event-text-wrapper {
	background-image: url(/images/dyn/fcfcfc-90.png);
	border: 1px solid #ddd
}

/******** InFX Skin Tabbed Panel CSS **********/

.tab-panel-block .tab-content {
	background: rgba(239, 241, 241, 0.05);
}
.tab-panel-block .tab-labels {}
.tab-panel-block label.tab-label {
	opacity: 1;
	-webkit-opacity: 1;
	transition: all .2s ease .1s;
	-webkit-transition: all .2s ease .1s;
	color: rgba(129, 126, 125, 1);
	font-size: 1.4rem;
	padding: 6px 22px 6px 0;
	top: 0;
	margin: 0 22px 0px 0px;
	border-left: 0px solid #d5d5d5;
	border-radius: 0px 0px 0 0;
}

/* overrides for product pages */

.group-wrapper.hide-tabs .tab-labels {
	display: none;
}
.no-border .tab-content {
	border: 0px
}
.tab-panel-block label.tab-label.selected,
.tab-panel-block label.tab-label.selected:hover {
	border-bottom: 1px solid rgba(129, 126, 125, 1);
}
.tab-panel-block label.tab-label:hover,
.tab-panel-block label.tab-label.selected.hover {
	color: #2D2926;
	opacity: 1;
	-webkit-opacity: 1;
	border-bottom: 1px solid rgba(129, 126, 125, 1);
}
.tab-panel-block .tab-panel-block label.tab-label {
	border: 1px solid #ddd;
	border-radius: 3px;
	margin-bottom: 5px;
	padding: 6px 11px;
	box-shadow: 0 0 2px #DFDFDF;
}
.tab-panel-block .tab-panel-block .tab-content {
	border-color: #ddd;
	border-style: solid;
	border-width: 0;
}

/* left aligned tabs */

.tab-panel-block.tab-label-left .tab-labels {
	width: 100px;
	z-index: 1;
	overflow: inherit;
}
.tab-panel-block.tab-label-left label.tab-label {
	width: 100%;
	border-radius: 5px 0 0 5px;
	display: block;
	margin-bottom: 1px;
	margin: 0 0px 4px 1px;
}
.tab-panel-block.tab-label-left .tab-content {
	margin-left: 100px;
}
.tab-panel-block.tab-label-left label.tab-label.selected {
	z-index: 1;
	position: relative;
	border-bottom: 1px solid rgb(213, 213, 213);
	border-right: 1px solid #FFF;
}
.tab-panel-block.tab-label-left label.tab-label.selected:hover {
	border-radius: 5px 0 0 5px;
}
.tab-panel-container .tab-panel-block .tab-labels label.selected {
	border-bottom: 1px solid #ddd;
}

/* bespoke tabs */

.group-wrapper.centre-object.info-page-tabs {
	margin: 0;
	text-align: left !important;
}

/* REMOVE ONCE CM & MW HAVE FINISHED RECODE */

#content-container .expand-wrapper.header-background.info-relative {
	background-position: 0 0;
}
.info-page-tabs .tab-panel-block .tab-content {
	border: 0px solid #000;
	border-top: 6px solid #000;
	background: transparent;
}
.info-page-tabs .tab-labels {
	text-align: center;
}
.info-page-tabs .tab-panel-block label.tab-label {
	font-weight: 400;
	font-style: normal;
	font-size: 6rem;
	line-height: 8rem;
	color: black;
	background: transparent;
	border: none;
	padding: 0 2rem;
	border-radius: 0px;
	margin: 20px 0 0 0;
}
.info-page-tabs .tab-panel-block label.tab-label.selected,
.info-page-tabs .tab-panel-block label.tab-label.selected:hover {
	top: 0;
	background-color: transparent;
	z-index: 1;
	position: relative;
	border-bottom: 0px solid #fff;
	color: white;
	background-color: black;
}
.your-profile-header {
	font-weight: 400;
	font-style: normal;
	font-size: 11rem;
	line-height: 11rem;
	border: none;
	background-size: cover;
	padding: 48px 10px;
}

/******** InFX Skin Quote Block CSS **********/

.quote-container {
	position: relative;
	margin-bottom: 12px;
	padding: 15px 0;
}
.quote {}
.quote .t,
.quote .b {
	font-family: 'icomoon', 'icomoon-ultimate';
	color: #000;
	max-width: 40px;
	max-height: 40px;
	display: block;
}
.quote .t {
	font-size: 2.5rem;
}
.quote .b {
	font-size: 3rem;
	float: right;
}
.quote .t:before {
	content: '\eb18';
}
.quote .b:before {
	content: '\eb19';
}
.quote .m {
	color: #546264;
	font-size: 2.1rem;
	line-height: 2.8rem;
	padding: 8px 16px;
	border-radius: 2px;
	text-align: center;
}
.quote-credit {
	font-size: 1.2rem;
	color: #333;
	padding: 23px 0 10px;
}

/******** InFX Slick Slider Main Focus CSS **********/

.active-slider .infx-slick-slider .slick-clicked {
	-webkit-opacity: 1;
	opacity: 1
}
.active-slider .infx-slick-slider .slick-slide.slick-active.slick-unclicked {
	-webkit-opacity: .3;
	opacity: .3
}
.slick-vertical .slick-slide {
	border: 0px solid rgba(0, 0, 0, 0);
}

/******** InFX Skin Main Focus CSS **********/


/******** InFX Skin Main Focus Extras CSS **********/

.infx-main-focus-shell.object-motion .main-focus-hover-image {
	-webkit-transition: -webkit-transform 720s cubic-bezier(.17, .67, .69, 1.33);
	transition: transform 720s cubic-bezier(.17, .67, .69, 1.33);
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
	width: 100%;
	height: 100%;
}
.infx-main-focus-shell:hover.object-motion .main-focus-hover-image {
	-webkit-transform: translate3d(-1920px, 0, 0);
	transform: translate3d(-1920px, 0, 0);
}

/******** InFX Skin Main Focus CSS **********/

.main-focus-slider {
	max-width: 100%;
	overflow: hidden
}
.infx-main-focus-shell .main-focus-container {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.infx-main-focus-shell .main-focus-container,
.main-adverts,
#image_fader_frame,
.infx-slick-slider-wrapper.pillers-slider .slick-slider .slick-track,
.pillers-slider.slick-item,
.main-focus-slider.slider-one {
	height: 330px;
	transition: none;
	-webkit-transition: none;
}
.infx-main-focus-shell .main-focus-container-inner {}
.infx-main-focus-shell .main-focus-motion {
	position: relative;
	z-index: 1;
	cursor: pointer;
}
.main-focus-container-panel {
	max-width: 1259px;
	height: 100px;
	margin: 20px 20px 1%;
}
.infx-main-focus-shell h2 {
	text-align: left;
	color: #fff;
}
.infx-main-focus-shell h3 {
	color: #fff;
	text-align: left;
}
.infx-main-focus-shell .description-wrapper {}
.infx-main-focus-shell.tight-type .description-wrapper {
	width: 90vw;
	padding: 1% 0 0;
}
.infx-main-focus-shell p {
	font-size: 2rem;
	line-height: 3.4rem;
	text-align: center;
}
.infx-main-focus-shell.centre-main-focus h3 {
	font-size: 150%;
	line-height: 110%;
}
.infx-main-focus-shell.centre-main-focus .infx-button {
	margin: 20px auto;
}
.infx-main-focus-shell h4 {
	color: #fff;
	font-size: 1.6rem;
	display: inline;
	margin: 0 auto;
	max-width: 860px
}
.infx-main-focus-shell h4.pretxt {
	font-size: 1.6rem
}
.infx-main-focus-shell h4.midtxt {
	font-size: 2.2rem
}
.infx-main-focus-shell h4.posttxt {
	font-size: 1.6rem
}
.main-focus-container .main-focus-button {}
.main-focus-container .main-focus-button .infx-button {
	margin: auto;
}

/* parralax */

.main-focus-hover-image {
	margin-top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center 100%;
	background-repeat: no-repeat;
}
.infx-main-focus-shell .sub-heading-cluster {
	background: none;
}
.product-page-wrapper .infx-main-focus-shell .main-focus-container {
	background-position: center bottom;
}

/******** LRS main-focus heading override positions **********/

.infx-main-focus-shell.left h2 {
	text-align: left;
}
.infx-main-focus-shell.left h3 {
	font-size: 5rem;
	line-height: 4.5rem;
	margin: 0;
	max-width: 49%;
	text-align: left;
}
.infx-main-focus-shell.right h2 {
	text-align: right;
}
.infx-main-focus-shell.right h3 {
	text-align: right;
}
.infx-main-focus-shell.left .button .infx-button {
	float: left;
}
.infx-main-focus-shell.right .button .infx-button {
	float: right;
}
.infx-main-focus-shell.left .main-focus-container-panel,
.infx-main-focus-shell.left .main-focus-hover-image,
.infx-main-focus-shell .sub-heading-cluster,
.main-focus-container .main-focus-button {}
.infx-main-focus-shell.left .main-focus-container-panel {
	margin: 80px auto 0;
	padding: 20px;
}
.infx-main-focus-shell.left .main-focus-hover-image {
	background-position: right center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 90%;
	width: 98%;
	right: 0;
	left: 0;
	margin: 2% auto 0;
	position: absolute;
}
.infx-main-focus-shell .sub-heading-cluster {}
.infx-main-focus-shell .point-of-sale-wrapper {}

/* INFX SLICK SLIDER BULLETS                                                  	*/


/*   .infx-slick-slider ul.slick-dots {
              position:absolute;
              bottom:100px;
          }
          .infx-slick-slider .slick-dots li {
              background:url(/images/slider/suntory-brand-hero-timer.png) center -2516px no-repeat;
              width:29px;
              height:32px
          }
          .infx-slick-slider .slick-dots li:hover, .infx-slick-slider .slick-dots li.slick-active {}
              background-position:center top;*/


/* INFX SLICK SLIDER BULLETS                                                  	*/

.infx-slick-slider ul.slick-dots {
	position: absolute;
	bottom: 44px;
	left: 50%;
}
.infx-slick-slider .slick-dots li {
	background: #494949;
	border: 1px solid #494949;
	width: 14px;
	height: 14px;
	padding: 0 12px;
	box-shadow: 0 0 2px rgba(30, 30, 30, 0.2);
}
.infx-slick-slider .slick-dots li:hover,
.infx-slick-slider .slick-dots li.slick-active {
	background: #fff;
}
.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
}

/*** custom ***/

.slick-adapter .slick-prev,
.slick-adapter .slick-next {
	top: 200px;
}
.slick-prev:before,
.slick-next:before {
	font-family: "icomoon";
	font-size: 2rem;
	line-height: 1;
	color: #000;
	opacity: .55;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-prev:before {
	content: "\e6c9";
	font-size: 4rem;
	background: #FAFAFA;
}
.slick-next:before {
	content: "\e6cc";
	font-size: 4rem;
	background: #FAFAFA;
}
.slick-next {
	text-align: right;
	right: 0;
	width: inherit;
	height: inherit;
}
.slick-prev {
	text-align: left;
	left: 0;
	width: inherit;
	height: inherit;
}
.slick-prev:before,
.slick-next:before {
	color: #000;
}
#content-container ul.slick-dots {
	margin: 0;
	width: 170px;
	border-radius: 25px;
	padding-bottom: 5px;
	/*border:4px solid rgba(114,37,116,0.9);
    box-shadow:0 0 1px 1px rgba(116,116,116,0.33);*/
	margin-left: 10%
}

/************** Table data styling **************/

.tabular-data-wrapper {
	border: 1px solid #ddd
}

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


/* INFX SLIDER BULLETS                                                  			*/


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


/*
If you want the bullets to be horizontally centered, then use this as
as a base to style from:

.fader-bullets-outer {float: left; position: absolute; left: 50%; bottom:0;}
.fader-bullets-inner {float: left; position: relative; left: -50%;}

This double wrapping business is required because we want to center some
content of unknown width - the number of layers shown will determine the
width of the bullet wrapper.

If you don't want the bullets to be vertically centered then use this as
a base to build from:

.fader-bullets-outer {right: 10px; bottom:0; position:absolute;}
.fader-bullets-inner {}

Note: don't add any z-index styles here. They are all handled automatically
in the JavaScript.
*/

#image_fader_frame .fader-bullets-outer {
	position: absolute;
	left: 49.25%;
	right: 50%;
	bottom: 7%
}
#image_fader_frame .fader-bullets-inner {
	float: left;
	position: relative
}
#image_fader_frame .fader-bullets-inner a.fader-bullet {
	background: url(/images/slider/bullet.png) center bottom no-repeat;
	width: 14px;
	height: 14px;
	float: left;
	padding: 0 12px
}
#image_fader_frame .fader-bullets-inner a.fader-bullet:hover,
#image_fader_frame a.fader-bullet.selected {
	background-position: center top
}
#image_fader_frame .fader-popup-container {
	border: 0 solid #fff;
	box-shadow: 0 0 6px grey;
	display: none
}

/*
position:absolute;
Where is the figure 244px generated?
*/

#image_fader_frame .fader-popup-outer {
	position: relative;
	overflow: hidden
}
#image_fader_frame .fader-popup-inner {
	position: relative;
	overflow: hidden;
	width: 400% !important;
}

/*
Where is the figure 300% generated?
*/

#image_fader_frame .fader-popup-inner img {
	float: left
}

/* Arrows - If you want to change the size of the arrow, make sure all four border-*direction* values are updated and equal */

#image_fader_frame .fader-popup-container .popup-arrow {
	border-left: 0 solid transparent;
	border-right: 0 solid transparent;
	height: 0;
	width: 0;
	position: absolute
}
#image_fader_frame .fader-popup-container .top-hemisphere {
	border-bottom: 0 solid #fff
}
#image_fader_frame .fader-popup-container .bottom-hemisphere {
	border-top: 0 solid #fff
}

/******** InFX Override Small Focus CSS **********/

.small-focus-slider {
	max-width: 100%
	/*overflow:hidden;*/
}
.small-focus-slider .small-focus-container {}
.infx-small-focus-shell {
	float: left;
	background: none
}
.infx-small-focus-shell:hover {
	background: none
}
.infx-small-focus-shell.orange .infx-small-focus-shell:first-child {}
.infx-small-focus-shell .small-focus-container {
	box-shadow: 0 0 0 rgba(20, 20, 20, 0.3);
	height: 450px;
}
.small-focus-navigation .infx-small-focus-shell .small-focus-container {
	height: 140px !important;
}
.small-focus-navigation .infx-small-focus-shell .small-focus-container h2 {
	font-size: 2.6rem !important;
	line-height: 2.2rem !important;
}
.infx-small-focus-shell .small-focus-content {
	display: none
}
.infx-small-focus-shell .infx-button {
	display: table;
	margin: 0 auto;
	font-size: 1.4rem
}
.infx-small-focus-shell .small-focus-title {
	padding: 24px 12px 6px 12px;
	height: 100px;
}
.infx-small-focus-shell p {
	font-size: 1.3rem;
	line-height: 2.2rem;
	margin: 0
}
.infx-small-focus-shell h2 {
	text-transform: uppercase;
	margin: 0;
	transition: all 1s ease .2s;
	-webkit-transition: all 1s ease .2s;
	color: #35585a;
}
.infx-small-focus-shell h3 {
	font-size: 1.5rem;
	line-height: 2rem;
	margin: 0
}
.infx-small-focus-shell h4 {
	font-size: 1.3rem;
	line-height: 1.8rem;
	margin-bottom: 6px
}

/******** InFX News CSS **********/

.news .rss-feed {
	float: right;
	margin-right: 16px;
	cursor: pointer;
	width: 16px;
	height: 16px;
	margin-bottom: 5px
}
.news .rss-feed:after {
	font-family: 'icomoon-ultimate';
	font-size: 3rem;
	content: '\eef0';
}
.news .newsitem {
	background: #fcfcfc;
	border: 1px solid #ddd
}
.news .newsitem:hover {
	background: #F0F0F0
}

/******** InFX Form CSS **********/

.infx-form-shell .left,
.infx-form-shell .right {
	display: block;
	float: none;
	width: 100%;
	padding: 0;
}
.infx-form-shell fieldset.infx-form-fieldset {
	padding: 4px;
	border: 0px solid #ccc;
	border-top: 0px solid #ccc;
}
.infx-form-shell fieldset legend {
	display: none;
}
.infx-form-shell .table-subject {
	color: #722574;
	font-size: 2.4rem;
	line-height: 3.1rem;
	border-bottom: 1px solid #fff;
	margin-bottom: 8px
}
.infx-form-shell .infx-table-data {
	padding: 6px;
}
.infx-form-shell .form_content_table .form_label,
.infx-table-data.form_input {
	width: 100%;
	/* display: block; */
}
.infx-form-shell .radio,
.infx-form-shell .radio-text {
	margin-right: 4px
}
.infx-form-shell .form-button-inner {
	width: 100%
}
.infx-form-shell .infx-button {
	margin: 6px auto
}
.infx-form-shell form .text-area-inner .select {
	box-shadow: 0 0 0px #D7D7D7;
	padding: 10px;
	font-size: 1.4rem;
	font-family: helvetica, sans-serif;
}
.infx-form-shell .captcha-block.infx-table-data {
	padding: 0
}
.infx-form-shell .data-protection-caption {
	padding: 8px;
	background-image: url(/images/dyn/ffffff-70.png)
}
.infx-form-shell .captcha-image {
	padding: 0 6px
}
.infx-form-shell .captcha-image img {
	border-radius: 3px
}
.infx-form-shell .infx-inline-data.form_checkbox,
.infx-form-shell .infx-inline-data.form_radio {
	padding-right: 4px
}
.styled-select select {
	background: transparent;
	color: rgb(129, 126, 125);
	width: 100%;
	line-height: 1;
	border-radius: 0;
	border: 0;
	margin: 0;
	width: 100%;
	cursor: pointer;
	font-style: normal;
	font-size: 1.4rem;
	line-height: 2rem;
}
.infx-form-shell .form_content_table .form_label,
.infx-table-data.form_input {
	width: 200px;
	display: block;
}
.infx-table-data.form_input.text-area-inner,
.infx-table.captcha,
.infx-table-row.checkboxes.full,
.infx-table-row.radio-block.full,
.infx-table-row.date-block.full,
.infx-table-row.dropdown-block.full,
.infx-table-row.input-block.full {
	border-top: 0;
	border-bottom: 0;
	margin-bottom: 5px;
	padding: 0px 1px;
	width: 100%;
	display: inline-flex;
}
.infx-form-shell .full {
	display: inline-flex;
}
.infx-form-shell .form_content_table .form_input {
	width: 100%
}
#form p,
.infx-ecommerce-form-shell p {
	margin: 15px 0px;
}
.infx-form-shell h2 {
	font-size: 1.6rem;
}

/* CC-305 - supporting CSS */

.styled-select select option {
	width: 92%;
	font-weight: normal;
}
.styled-select.day,
.styled-select.month,
.styled-select.year {
	width: 30%;
}
.fieldset-wrapper.left .styled-select select,
.fieldset-wrapper.right .styled-select select {
	width: 100%;
}
.styled-select select.day,
.styled-select select.month,
.styled-select select.year {
	width: 130%;
}
.styled-select {
	padding: 0px;
	/* overflow: hidden; */
	background: #fff;
	border-radius: 4px;
	border: 0px solid #ccc;
	display: inline-block;
	width: 100%;
}
.infx-form-shell .styled-select select {
	font-weight: normal;
	margin: 0;
	padding: 0px 0;
	/* use this to set a specific height for your dropdown (DO NOT use the attribute 'height') */
	cursor: pointer;
	/* -webkit-appearance: none; */
	/* gets rid of default appearance in Webkit browsers*/
	-moz-appearance: none;
	/* Get rid of default appearance for older Firefox browsers */
	-ms-appearance: none;
	/* get rid of default appearance for IE8, 9 and 10*/
	overflow: hidden;
	border: 0px solid #ddd;
	display: inline-block;
	border-radius: 0px;
	padding-left: 10px;
	padding-right: 30px;
}
.infx-form-shell form .textbox,
.infx-form-shell form textarea {
	overflow: hidden;
	border: 0 solid #DDD;
	padding: 7px;
	font-size: 1.4rem;
	color: rgb(129, 126, 125);
	font-family: Helvetica;
}

/* Placeholder overrides 
::-webkit-input-placeholder {
   color:rgba(8, 6, 88, 0.75);
}

:-moz-placeholder { 
   color:rgba(8, 6, 88, 0.75); 
}

::-moz-placeholder {  
   color:rgba(8, 6, 88, 0.75);
}

:-ms-input-placeholder {  
  color:rgba(8, 6, 88, 0.75); 
}
*/


/* Removes InFX branding tag */

.infx-tag {
	display: none
}
.white-back {
	background: #fff
}

/** form hightlights **/


/* validation */

.infx-message-wrapper.error-state,
.infx-form-shell .error_message,
.infx-form-shell .hilite-error,
.infx-ecommerce-form-shell .infx-message-wrapper.error-state,
.hilite-error,
.infx-validation-result.error-message,
.infx-error-message {
	background-image: none;
	/* overide for gen2 */
	background-color: #F8E2E6 !important;
	border: 1px dotted #C49DA4 !important;
	color: #78253E !important;
	/* override for gen2 */
	padding-left: 10px;
}
.infx-form-shell .hilite-error,
.infx-form-shell .error_message {
	background-color: #F8E2E6 !important;
	border: 1px dotted #C49DA4 !important;
	background-image: none;
	color: #78253E !important;
}
.infx-form-shell .hilite-error:focus,
.infx-form-shell .error_message:focus,
.infx-form-shell form .textbox.myinvalid:focus,
.infx-form-shell form .textbox.hilite-error:focus,
.infx-ecommerce-form-shell .textbox.hilite-error:focus {
	box-shadow: 0px 0px 5px rgba(176, 69, 69, 0.40);
}
.infx-form-shell .hilite-error select {
	background-color: #F8E2E6 !important;
	border: 1px dotted #C49DA4 !important;
	background-image: none;
	color: #B04545 !important;
}
.styled-select select.hilite-error,
.styled-select select.myinvalid {
	background: url(/dyn/_pictures/branding/dropdown-select-error.png) no-repeat 87%;
	border-radius: 0px;
}
#checkout #message.error-state,
#registration #message.error-state,
#profile #message.error-state,
.infx-ecommerce-form-shell .infx-message-wrapper.warning-state {
	background-image: none;
	color: #AF7712 !important;
	margin: 1% 0 1% 0;
	border: 1px dotted #A77314;
	background: #F8DEB0;
}

/* Valid validation */

#checkout #message.success-state,
#registration #message.success-state,
#profile #message.success-state,
.infx-ecommerce-form-shell .infx-message-wrapper.success-state,
.textbox.hilite-valid {
	background-image: none;
	color: #4C915A !important;
	margin: 1% 0 1% 0;
	background-color: #B3F0BF;
	border: 1px dotted #4C915A;
}
#checkout #message.warning-state,
#registration #message.warning-state,
#profile #message.warning-state,
.popup-dialogue-wrapper .infx-message-wrapper.warning-state,
.infx-ecommerce-form-shell .infx-message-wrapper.warning-state {
	background-image: none;
	color: #AF7712 !important;
	margin: 1% 0 1% 0;
	border: 1px dotted #A77314;
	background: #F8DEB0;
}

/* specific to orangina */

.SECTION-detail .infx-message-wrapper.success-state {
	background: transparent;
	border-bottom: 1px solid #666;
	color: #666;
	padding: 5px 0;
}

/* override for iffy focus colour coming in */

.infx-ecommerce-form-shell input:focus,
#form textarea:focus,
.infx-ecommerce-form-shell textarea:focus,
#form select:focus,
.infx-ecommerce-form-shell select:focus,
.infx-form-shell form .textbox:focus,
.infx-form-shell form textarea:focus,
.infx-ecommerce-form-shell .textbox:focus,
.infx-ecommerce-form-shell textarea:focus,
.infx-ecommerce-form-shell select:focus {
	/* background-color: rgba(240, 240, 240, 1); */
	/* border: 1px solid rgba(79, 193, 223, 0.43); */
	box-shadow: 0px 0px 5px rgba(79, 193, 223, 0.40);
}

/* Consumer care contact form style overrides */

span#batchcodeinfo p {
	text-align: center !important;
	font-style: italic;
	padding-bottom: 20px;
}
.popup-dialogue-wrapper .consumer-care-info {
	color: #fff;
	font-size: 1.8rem;
	line-height: 2rem;
}

/***************** system override ****************************/

.registration-header-group-wrapper h1,
.registration-header-group-wrapper h2 {
	text-align: center;
}
fieldset.registration-initial {
	max-width: 600px;
	margin: 0 auto;
}
#form fieldset.registration-initial input.textbox,
#form fieldset.registration-initial textarea {
	width: 100%;
}
fieldset.registration-initial .infx-button {
	float: right;
}

/***************** Footer our brands ****************************/

.brands-inner-wrapper {
	display: inline-block;
	height: auto;
	width: 900px;
	padding: 30px 0;
	background-color: rgba(73, 73, 73, 0.97)
}
.brands-wrapper .brands-header {
	float: left;
	width: 15%;
	height: 0;
	border-right: 1px solid;
	margin-right: 20px
}
.brands-wrapper .brands-header span.circle {
	width: 40px;
	height: 40px;
	border-radius: 25px;
	background: #cdcdcd;
	display: block;
	float: right;
	margin-right: -20px
}
.brands-wrapper .brands-header span:before {
	font-family: "icomoon";
	content: "\e6d0";
	font-size: 4.5rem;
	line-height: 4.5rem;
	text-align: center
}
.brands-wrapper .brands-header span:hover {
	background: rgba(84, 74, 77, 1)
}
.brands-wrapper ol {
	list-style-type: none;
	display: inline-block
}
.brands-wrapper .brand-container {
	margin: 0 3%;
	width: 135px;
}
.brands-wrapper li.logo {
	position: relative;
}
.brands-wrapper .brand-container li.logo a {
	font-size: 5rem;
	line-height: 6rem;
	cursor: pointer;
	width: auto;
	height: auto;
}
.brands-wrapper .brand-container li.logo a:hover {
	text-decoration: none;
}
.brands-wrapper li.social {
	float: left;
	font-family: "icomoon";
	font-size: 4rem;
	line-height: 4rem;
	position: relative;
	width: 30%;
	height: 40px;
}

/***************** Popovers stying ****************************/

.popup-dialogue-wrapper {
	padding: 5px;
	min-height: 48px;
}
.popup-dialog .astrix {
	color: rgb(129, 126, 125);
}
.popup-dialogue-wrapper h2 {
	font-size: 3rem;
	line-height: 4rem;
	color: rgba(129, 126, 125, 1);
	text-transform: uppercase;
}
.popup-dialogue-wrapper .consumer-care-info h2 {
	font-size: 1.8rem;
	line-height: 2.6rem;
	color: rgba(129, 126, 125, 1);
	text-transform: none;
}
.popup-dialogue-wrapper p,
.popup-dialog p {
	color: rgba(129, 126, 125, 1);
	margin: 20px 0px;
}
.popup-dialogue-wrapper li {
	color: rgba(129, 126, 125, 1);
}
.popup-dialogue-wrapper li:before {
	content: '~ ';
}
.popup-dialogue-wrapper .inner-message {
	margin: 20px 0;
	font-size: 1.8rem;
}
.jq-popupcls.plain,
.SECTION-contact .jq-popupcls.plain {
	padding: 40px;
	max-width: 820px;
	background: rgba(239, 241, 241, 1);
	border: 1px solid #fff;
}
.popup-container-inner {
	position: relative;
	padding: 40px;
	background: rgba(243, 213, 78, 0.9);
}

/* additional contact popup styling req by client */

.SECTION-contact .jq-popupcls {
	min-width: 50%;
	min-height: 64px;
}

/***************** Social page ****************************/


/***************** Temp Iframe override ****************************/

.SECTION-nutritional-information .content-wrapper {
	padding-top: 30px
}
h1.gda-header {
	margin: 40px 0;
}
.SECTION-nutritional-information h3.product-name {
	padding: 30px 0 !important;
}

/***************** eull69 styling override ****************************/

span.product-code,
span.product-title {
	width: 100%;
	padding: 0 20px 0 0;
	display: inline-block;
}
.infx-slick-slider-wrapper.active-slider {
	margin-bottom: 30px;
}
.content-wrapper.product_block {
	padding-top: 30px;
}
.gda-info {
	background-image: url("/dyn/_pictures/our-products/gda-template-white.png");
	height: 114px;
	text-align: center;
	position: relative;
	width: 72px;
	margin: 0 1%;
	display: inline-block;
	vertical-align: top;
	color: #000
}
.gda-info h3 {
	font-weight: 400;
	font-style: normal;
	font-size: 1.4rem;
	line-height: 2rem;
	padding-top: 6px;
}
.gda-info h2 {
	font-weight: 400;
	font-style: normal;
	font-size: 1.8rem;
	line-height: 2.8rem;
}
.gda-info div[style] {
	width: 58px !important;
}
.nutrition-table table.tabular {
	width: 100%;
	text-align: left;
}
.nutrition-table table.tabular th {
	padding: 10px;
}
.nutrition-table table.tabular td.ifrefintaketext {
	padding: 5px;
	font-weight: bold;
}
.nutrition-table table.tabular td.ifrefintakeexplanation {
	padding: 10px;
	text-align: right;
}
.nutrition-table table.tabular td.spacer {
	padding: 0px;
}
.nutrition-table table.tabular td.emptybottom {
	padding: 0px;
}
.nutrition-table table.tabular tr.item {
	transition: all 0.4s ease-out;
}
.nutrition-table table.tabular tr.item td {
	padding: 1px 10px;
	font-weight: 400;
	font-style: normal;
	font-size: 1.8rem;
	line-height: 2.6rem;
	color: rgba(255, 255, 255, 1);
}
.eu11-information-cloudy .nutrition-table table.tabular tr.item td {
	color: rgba(0, 0, 0, 1);
}
.eu11-information-cloudy div.gda-info h3 {
	color: rgba(255, 255, 255, 1);
}
.nutrition-table table.tabular tr.item:hover td:first-child {}
.eu11-information .tab-labels {
	display: none;
}
.eu11-information .tab-panel-block .tab-content {
	background: rgba(0, 0, 0, 0);
	border: 0 solid;
}
.eu11-information .nutrition-table table.tabular th {
	color: rgba(255, 255, 255, 1);
	font-size: 5rem;
	line-height: 4rem;
	font-weight: 400;
	font-style: normal;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	padding: 0 0 20px 0;
}
.eu11-information-cloudy .nutrition-table table.tabular th {
	color: rgba(0, 0, 0, 1);
}
eu11-information-cloudy .eu11-information .tab-panel-block .tab-content-padding {
	margin: 0 16px 16px
}
.eu11-information .nutrition-table-notes {
	padding: 1px 10px;
	font-weight: 400;
	font-style: normal;
	font-size: 1.8rem;
	line-height: 2.6rem;
	color: rgba(255, 255, 255, 1);
}
.eu11-information-cloudy .nutrition-table-notes {
	color: rgba(0, 0, 0, 1);
}
.eu11-information .ingredient-list {
	padding: 1px 10px;
	font-weight: 400;
	font-style: normal;
	font-size: 1.8rem;
	line-height: 2.6rem;
	color: rgba(255, 255, 255, 1);
}
.eu11-information-cloudy .ingredient-list {
	color: rgba(0, 0, 0, 1);
}
.eu1169-datagroup-nutrition-gda .tab-content-padding {
	margin: 16px 0;
}
.eu11-information div.gda-info {
	position: relative;
	width: 72px;
	margin: 0px 1%;
	background-image: url('/dyn/_pictures/our-flavours/flavours/gda-template-white.png');
	height: 114px;
	text-align: center;
}
.eu11-information-cloudy div.gda-info {
	background-image: url('/dyn/_pictures/our-flavours/flavours/gda-template.png');
}
.eu11-information div.gda-info h3 {
	font-weight: 400;
	font-style: normal;
	font-size: 1.4rem;
	line-height: 2rem;
	padding-top: 6px
}
.eu11-information-cloudy div.gda-info h3 {
	color: rgba(255, 255, 255, 1);
}
.eu11-information div.gda-info h2 {
	font-weight: 400;
	font-style: normal;
	font-size: 1.8rem;
	line-height: 2rem;
}
.eu11-information-cloudy div.gda-info h2 {
	color: rgba(255, 255, 255, 1);
}
.eu11-information-cloudy div.gda-info h3 {
	color: rgba(255, 255, 255, 1);
}
.eu11-information div.gda-data {
	display: block;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
.eu11-information div.gda-data p {
	display: none;
}
.eu11-information div.gda-notes {
	display: none;
}
.eu11-information div.gda-info h2.gda-percentage {
	font-size: 2rem;
	position: absolute;
	bottom: 3px;
	left: 0;
	right: 0;
	color: rgba(255, 255, 255, 1)
}
.eu11-information-cloudy div.gda-info h2.gda-percentage {
	color: rgba(0, 0, 0, 1);
}

/***************** Social Footer ****************************/


/***************** Social Squares ****************************/

.square-social .addthis_32x32_style {
	margin: 30px 0;
}
.square-social .addthis_32x32_style.addthis_default_style a {
	font-size: 3.5rem;
	line-height: 3.5rem;
	padding: 1.5% !important;
}
.square-social .addthis_32x32_style.addthis_default_style a:hover {
	background: rgba(84, 74, 77, 1);
	color: #ffffff !important;
}
.square-social .addthis_default_style .at300b,
.square-social .addthis_default_style .at300bo,
.square-social .addthis_default_style .at300m {
	margin: 30px 2px;
}
.square-social a.addthis_counter.addthis_bubble_style {
	display: none !important;
}
.square-social .addthis_button_twitter {
	background: rgb(38, 180, 215);
}
.square-social .addthis_button_facebook {
	background: rgb(58, 110, 158);
}
.square-social .addthis_button_email {
	background: rgb(133, 157, 161);
}
.square-social .addthis_button_google {
	background: rgb(1, 122, 193);
}
.square-social .addthis_default_style a:before {
	color: #ffffff !important;
}
.square-social .addthis_button_facebook:before {
	content: "\e6f6";
}
.square-social .addthis_button_google:before {
	content: "\e6f9";
}
.square-social .addthis_button_twitter:before {
	content: "\e6f4";
}
.square-social .addthis_button_email:before {
	content: "\e604";
}
.square-social .addthis_default_style .addthis_separator,
.square-social .addthis_default_style .at300b,
.square-social .addthis_default_style .at4-icon,
.square-social .addthis_default_style .at300bo,
.square-social .addthis_default_style .at300m,
.square-social .addthis_default_style .at300bs {
	float: none;
}

/* breadcrumb hover overrides */

.infx-breadcrumb-container a:active,
.infx-breadcrumb-container a:visited,
.infx-breadcrumb-container li.hover a {color: #afafaf;}
.infx-breadcrumb-container li a:active,
.infx-breadcrumb-container li a:hover {
	text-decoration: none;
	color: #000;
}
.infx-site-breadcrumb {}
.infx-breadcrumb-container .infx-site-breadcrumb li a:before {
	font-family: "icomoon-ultimate";
	content: ">";
	padding: 0.2rem;
}
.infx-breadcrumb-container ul li {
	padding: 3px 6px 3px 0;
}

/***************** Popup override ****************************/

.popup-dialog .close-popup-dialog,
.close-popup-dialog,
#jq-popup.plain #popup_form .close {
	
	font-size: 1.8rem;
	line-height: 0rem;
	color: #817e7d;
	position: absolute;
	top: 20px;
	right: 10px;
	height: 0;
	background-image: none;
}
.close-popup-dialog:before,
#jq-popup.plain #popup_form .close:before {
	content: "X";
	cursor: pointer;
}
.close-popup-dialog:hover:before,
#jq-popup.plain #popup_form .close:hover:before {
	color: rgba(84, 74, 77, 1);
	-webkit-animation: spin 2s ease-in-out;
	-moz-animation: spin 2s linear;
	animation: spin 2s linear;
}
.cookie-pop-up-cookie-data {
	padding: 6px;
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 4px;
	margin: 6px 0;
}

/* start cookie popover rules */
.cookie-interface-inner .infx-button {
	background: #5e5e5e;
}
.cookie-interface-inner .cookie-interface-revoke {
	margin-right: 5px;
}

/************* InFX Social Login & Blocks ****************/

#form#login_form label,
.popup-dialog label {}
#form#login_form label {}
.popup-dialogue-wrapper .formright .infx-button,
.popup-dialogue-wrapper .formright .btn {
	float: right;
	margin-bottom: 15px;
}
.popup-dialogue-wrapper .formright {
	width: 100%;
	border-bottom: 2px dotted #ffffff;
	margin-bottom: 20px
}
.social-media-button-group {
	margin-top: 12px;
}
.social-media-button-group .google-login-btn,
.social-media-button-group .facebook-login-btn {
	margin: 0px;
	background: none;
	border-radius: 0;
}
.social-media-button-group .google-login-btn {
	border: 1px solid #dd4b37;
}
.social-media-button-group .infx-button.google-login-btn .button-text {
	color: #dd4b37;
}
.social-media-button-group .facebook-login-btn {
	border: 1px solid #3b5999;
}
.social-media-button-group .infx-button.facebook-login-btn .button-text {
	color: #3b5999;
}
.infx-button.facebook-login-btn {
	margin-right: 15px;
}
.social-media-button-group .infx-button button:after {
	display: none;
}
.infx-button.facebook-login-btn:hover,
.infx-button.google-login-btn:hover {
	border-radius: 0px !important;
}
#terms_and_conditionsDIV a {
	/* fix for LEFS-110 */
	text-decoration: underline;
}
.group-wrapper.product-page-wrapper .embed_object {
	line-height: 0;
}
.image-framework-wrapper {
	clear: both;
	margin: 20px;
	display: inline-block;
}
.image-framework-wrapper .social-image {
	position: relative;
}
.image-framework-wrapper .social-image-one::before {
	content: "\e6f4";
	font-size: 1.4rem;
	font-family: 'icomoon';
	background-color: #429afc;
	position: absolute;
	color: #fff;
	padding: 5px 7px 5px 7px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.image-framework-wrapper .social-image-two::before {
	content: "\e6f6";
	font-size: 1.4rem;
	font-family: 'icomoon';
	background-color: #3b5998;
	position: absolute;
	color: #fff;
	padding: 5px 7px 5px 7px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.image-framework-wrapper .social-image-three::before {
	content: "\e70c";
	font-size: 1.4rem;
	font-family: 'icomoon';
	background-color: #3f729b;
	position: absolute;
	color: #fff;
	padding: 5px 7px 5px 7px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/***************** Accordion ****************************/

.accordion_item_block .button {
	float: right;
	padding: 16px;
}
.accordion_item_block .button:before {
	font-family: "icomoon-ultimate"
}
.accordion-content {
	margin-left: 0px;
	padding: 0 15px;
}
.accordion_item_block-shell {
	width: 100%;
	margin-bottom: 10px;
	/* background: #FFF; */
	border-bottom: 1px solid #e1e1e1;
	/* box-shadow: 0 0 1px 0 rgba(145, 145, 145, 0.2); */
}
.accordion_item_block .accordion-head {
	cursor: pointer;
	padding: 2% 0;
}
.accordion_item_block p {
	padding: 0 20px 0 0px;
}
.social-custom-button-move .infx-button {
	margin: 0 auto;
	border-radius: 4px;
}

/***************** Recent Orders popup restyle ******************/

.view-orders-dialog .on,
.view-orders-dialog .off {
	transition: all 0.3s ease;
	font-size: 16px;
}
.view-orders-dialog .on>div,
.view-orders-dialog .off>div {
	display: inline-block;
}
.view-orders-dialog .on {
	background-color: rgba(248, 144, 23, 0.2) !important;
}
.view-orders-dialog .on:first-child {
	margin-bottom: 10px;
	background-color: transparent !important;
	border-bottom: 1px black solid;
}
.view-orders-dialog .on:not(:first-of-type):hover,
.view-orders-dialog .off:hover {
	background-color: rgba(248, 144, 23, 0.8) !important;
}
.view-orders-dialog .id-col {
	width: 10%;
}
.view-orders-dialog .order-time-col {
	width: 60%;
}
.view-orders-dialog .inc-tax-total-col {
	width: 10%;
}
.view-orders-dialog .status-col {
	width: 10%;
}
.view-orders-dialog .status-col span {
	font-weight: bold;
}
.view-orders-dialog .infx-button {
	margin-top: 20px;
}

/***************** Profile Questions ****************************/

.SECTION-profile .infx-form-shell {
	padding-top: 50px;
}

/*.SECTION-profile label.infx-inline-data.form-radio-icon-label:before {
  width: 49px;
} */


/***************** Edits MG 03/03/2015 ****************************/

.textbox.postcode-anywhere-input {
	background-color: #FFF;
	border: 1px solid #CCC;
	color: #333;
	padding: 6px;
	border-radius: 3px;
	font-size: 1.4rem;
	margin: 5px 0;
	width: 50%
}
a,
a:link {
	transition: none;
	-webkit-transition: none;
}

/***************** Dashboard Styles (can overide jQuery ui css) ****************************/

.ui-daterangepicker button.btnDone {
	height: 26px
}
.ui-daterangepicker,
.ui-daterangepicker li,
.ui-daterangepicker a {
	font-size: 12px;
	line-height: 1.3rem
}
.ui-daterangepicker li a {
	margin: 0
}
.skewed {
	width: 100%;
	-webkit-transform: rotate(-10deg) skew(-10deg, 0);
	-moz-transform: rotate(-10deg) skew(-10deg, 0);
	-ms-transform: rotate(-10deg) skew(-10deg, 0);
	-o-transform: rotate(-10deg) skew(-10deg, 0);
	transform: rotate(-10deg) skew(-10deg, 0);
}

/* minibasket in header*/


/* this now needs to be hidden by default - now we want to show the basket on mouseover */

.basket-open-modifier-wrapper {
	display: none;
}
.top-nav-mini-basket .basket-icon {
	background-image: none;
}
.top-nav-mini-basket.basket-collapsed {
	position: relative;
	background: transparent;
	float: left;
}
.top-nav-mini-basket .basket-icon,
.basket-collapsed .basket-icon {
	background-image: none;
	width: auto;
	position: absolute;
	/* override gen2 position static*/
	z-index: 16;
	margin: 0px 0 0 0;
}
.top-nav-mini-basket .basket-icon:hover {
	z-index: 30;
}
.top-nav-mini-basket .basket-icon:before,
.basket-collapsed .basket-icon:before {
	content: "";
	text-align: center;
	padding: 0rem;
	background: url('/dyn/_pictures/branding/basket-icon.png') no-repeat;
	width: 18px;
	height: 18px;
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 6px;
}
#navigation li.top-nav-mini-basket {
	right: 0px;
	left: inherit;
	position: absolute;
	margin: initial;
	width: 40px;
	top: -3px;
}
.basket-popover-open .basket-icon:before {
	background: url('/dyn/_pictures/branding/basket-icon.png') no-repeat;
	background-size: contain
}
.basket-collapsed:hover .basket-icon:before:hover {
	color: #fff;
}
.basket-item-count {
	background: none;
	position: absolute;
	line-height: inherit;
	top: 9px;
	right: -40px;
	color: #817e7d;
	line-height: 1.2rem;
	font-size: 1.8rem;
	margin: 0;
}
.basket-open-modifier {
	right: -2px;
	top: 20px;
	border-radius: 2px;
	padding: 10px;
	border: 0px solid;
	border-color: rgba(255, 255, 255, 0.5);
	z-index: 26;
	box-shadow: none;
}
#minibasket {
	opacity: 0;
	transition: all 0.1s ease 0.05s;
	-webkit-transition: all 0.1s ease 0.05s;
}
#minibasket.basket-filled {
	opacity: 1;
}

/****************************** New profile CSS *******************************/


/****************************** New profile CSS *******************************/


/* Top nav overrides */


/* Ecommerce overrides for form styling */

.infx-user-profile #form label,
.infx-user-profile .infx-ecommerce-form-shell label,
.infx-user-profile .popup-dialog label {
	min-width: 145px;
}
.infx-user-profile span.generate-password-popup-button:before {
	content: "\e64a";
	font-size: 2rem;
	line-height: 3rem;
}
.postcode-anywhere-popup-dialog {
	padding: 10px !important;
}
.postcode-anywhere-popup-dialog .popup-row label {
	width: 20%;
	display: inline-block;
	margin: 8px 0;
}
.SECTION-profile .popup-dialog .close-popup-dialog,
.SECTION-profile .close-popup-dialog,
.SECTION-profile #jq-popup.plain #popup_form .close {
	color: #002e6d;
}
.infx-user-profile .infx-ecommerce-form-shell .infx-form-shell form .textbox,
.infx-user-profile .infx-ecommerce-form-shell .infx-form-shell form textarea,
.infx-user-profile .infx-ecommerce-form-shell .styled-select,
.infx-user-profile .infx-ecommerce-form-shell input.textbox {
	padding: 10px 10px;
	border-radius: 0px;
	margin-bottom: 10px;
}

/***************** Consumer Profile ****************************/

.infx-user-profile .tab-panel-block.tab-label-left .tab-labels {
	width: 150px;
}
.infx-user-profile .tab-panel-block.tab-label-left label.tab-label {
	white-space: normal;
}
.infx-user-profile .tab-panel-block.tab-label-left .tab-content {
	margin-left: 150px;
	padding: 10px;
}

/* Editing tabs to brand colours */

.infx-user-profile .tab-panel-block label.tab-label {
	font-size: 1.5rem;
	line-height: 1.8rem;
	padding: 15px 10px;
}
.infx-user-profile .tab-panel-block label.tab-label {
	background-color: rgba(155, 155, 187, 0.20);
}
.infx-user-profile .tab-panel-block.tab-label-left label.tab-label {
	margin: 0;
}
.infx-user-profile .tab-panel-block label.tab-label,
.infx-user-profile .tab-panel-block.tab-label-left label.tab-label {
	border-radius: 0px;
	border: 0px;
	border-bottom: 1px solid rgb(155, 155, 187);
	color: rgb(8, 6, 88);
}
label.tab-label.data-group-1.tab-label-1.data-link-my-details {
	border-top: 2px solid rgba(151, 57, 97, 1);
}
.infx-user-profile .tab-panel-block.tab-label-left label.tab-label.selected {
	border-bottom: 1px solid rgba(151, 57, 97, 1);
	background-color: rgba(151, 57, 97, 1);
	color: #FFF;
}
.infx-user-profile .tab-panel-block.tab-label-left label.tab-label.selected:hover {
	border-radius: 0px;
}
.infx-user-profile .tab-panel-block .tab-content {
	border: 1px solid rgba(53, 53, 53, 0.25);
	border-top: 2px solid rgba(151, 57, 97, 1);
}
.infx-user-profile .tab-panel-block .tab-content-padding {
	position: relative;
	margin: 0px 0px 0px 15px;
}
.creations-tabs {
	/* max-width:846px; don't use pixels!!
	
	width:100%;
	margin:auto*/
}
.creations-tabs .tab-labels {
	display: flex;
}
.creations-tabs .tab-labels label.tab-label {
	flex: 1;
	border-right: 1px solid rgba(129, 126, 125, 1);
	padding: 0px 0px 0px 0;
	margin: 0px 0px 0px 0px;
	text-align: center;
	opacity: 0.6;
	border-right: 1px solid rgba(129, 126, 125, 1);
}
.creations-tabs .tab-labels label.tab-label:last-child {
	border: 0 solid
}
.creations-tabs .tab-labels label.tab-label.selected,
.creations-tabs .tab-labels label.tab-label:hover,
.creations-tabs .tab-labels label.tab-label.selected:hover {
	border-bottom: 0px solid rgba(129, 126, 125, 1);
	opacity: 1;
}
.creations-tabs .tab-content {
	border-bottom: 1px solid #eff1f1;
}
.creations-tabs .tab-panel-block .tab-panel-block label.tab-label {
	border: 0px solid #ddd;
	border-radius: 0px;
	box-shadow: 0 0 0px #DFDFDF;
	border-right: 1px solid rgba(129, 126, 125, 1);
}
.creations-tabs .tab-panel-block .tab-panel-block label.tab-label:last-child {
	border: 0px solid #ddd;
}

/* tab edits end */

.infx-user-profile fieldset {
	border: 0px;
	border-radius: 0px;
	border-top: 1px solid rgba(53, 53, 53, 0.25);
}
.infx-user-profile .order-time-col {
	width: 56%;
}
.infx-user-profile .status-col,
.infx-user-profile .id-col,
.infx-user-profile .inc-tax-total-col {
	width: 10%
}
.infx-user-profile .view-order-details-col {
	width: 12%
}
.infx-user-profile .repeat-wrapper.recent-order-list,
.infx-user-profile .recent-order-list .infx-table-row,
.infx-user-profile .product-list .infx-table-row {
	background: #fafafa;
	display: block;
	padding: 4px 0px;
	margin: 0 0 5px 0;
	border-bottom: 1px dotted rgba(53, 53, 53, 0.25);
}
.infx-user-profile .product-list .infx-table-row:first-child,
.infx-user-profile .recent-order-list .infx-table-row:first-child {
	height: 40px;
}
.infx-user-profile.generate-password-dialog {
	background-color: #F2F2F2;
	width: 200px;
}
.infx-user-profile .generate-password-popup-button {
	width: 30px;
	height: 30px;
	margin-bottom: 10px;
}
.infx-user-profile .decrease-qty,
.infx-user-profile .increase-qty {
	padding: 0rem 1rem;
	font-size: 2rem;
}
.infx-user-profile .infx-button.remove-from-favourites-list a.block-link {
	padding: 0.7rem 1rem;
	margin-top: 0px;
}
.infx-user-profile .margin-top-plus,
.infx-button.margin-top-plus {
	margin-top: 30px;
}
.infx-user-profile .infx-button.lookup-address-btn.small-button {
	margin: 10px 0px 20px 0px;
}
.multiple-delivery-address-selector .infx-button.float-left {
	margin-bottom: 20px;
	margin-right: 15px;
}
.infx-user-profile .infx-button.lookup-address-btn {
	margin: 15px 0 25px 0;
}
.infx-user-profile .multiple-delivery-address-selector .block-link {
	font-size: 1.5rem;
}

/* Saved basket tab */

.saved-basket-list .edit-icon,
.saved-basket-list .delete-icon,
.saved-basket-list .load-icon {
	width: 55px;
	height: 20px;
	background: transparent;
}
.saved-basket-list .infx-inline-data.load-col,
.saved-basket-list .infx-inline-data.name-col,
.saved-basket-list .infx-inline-data.delete-col,
.saved-basket-list .infx-inline-data.id-col {
	width: 60px;
	padding-left: 5px;
	background: red;
	text-align: left;
}
.infx-button.save-current-basket-btn,
.infx-button.new-basket-btn {
	display: inline-block !important;
	margin: 20px 20px 0 0;
}

/* Icons added & button text removed */

.infx-button.view-order-btn,
.infx-button.rename-basket-btn,
.infx-button.load-basket-btn,
.infx-button.delete-basket-btn {
	background: transparent;
	box-shadow: none;
}
.infx-button.view-order-btn a.block-link,
.infx-button.rename-basket-btn a.block-link,
.infx-button.load-basket-btn a.block-link,
.infx-button.delete-basket-btn a.block-link {
	padding: 1rem;
	box-shadow: none;
	background: rgba(0, 0, 0, 0);
}
.infx-button.view-order-btn a,
.infx-button.rename-basket-btn a,
.infx-button.load-basket-btn a,
.infx-button.delete-basket-btn a {
	line-height: 0rem;
}
.infx-button.view-order-btn a.block-link:hover,
.infx-button.rename-basket-btn a.block-link:hover,
.infx-button.load-basket-btn a.block-link:hover,
.infx-button.delete-basket-btn a.block-link:hover {
	background: transparent;
}
.view-order-btn .button-text,
.load-basket-btn .button-text,
.rename-basket-btn .button-text,
.delete-basket-btn .button-text {
	display: none;
}
.view-order-btn .button-icon:before,
.rename-basket-btn .button-icon:before,
.load-basket-btn .button-icon:before,
.delete-basket-btn .button-icon:before {
	font-family: 'icomoon-ultimate';
	font-size: 2rem;
	color: #000;
}

/* overrides base buttons styling */

.infx-button.view-order-btn a.block-link:after,
.infx-button.rename-basket-btn a.block-link:after,
.infx-button.load-basket-btn a.block-link:after,
.infx-button.delete-basket-btn a.block-link:after {
	display: none;
}
.rename-basket-btn .button-icon:before {
	content: '\e90e';
}
.load-basket-btn .button-icon:before {
	content: '\ea03';
}
.delete-basket-btn .button-icon:before {
	content: '\ed69';
	color: #AB3E3E;
}
.view-order-btn .button-icon:before {
	content: '\e9ab';
}

/* Profile button overrides */

.top-login-interface a.block-link {
	display: block !important;
	position: absolute;
	top: 0px;
	right: 0px;
}
.top-login-interface .infx-button.login-button a.block-link,
.top-login-interface .infx-button.login-button a.block-link:before,
.top-login-interface .infx-button.login-button a.block-link:after {
	border: none;
	box-shadow: none;
	background: rgba(0, 0, 0, 0);
	padding: 0px;
}
.top-login-interface .login-button.icon-user a.block-link:hover {
	background: transparent;
}
.top-login-interface .logged-in .login-button.icon-user {
	background: rgba(84, 74, 77, 1);
	z-index: 101;
	position: relative;
}
.login-top-menu .infx-button a {
	display: block;
}
.login-top-menu a.block-link {
	position: relative;
}
.login-top-menu .infx-button:hover,
.login-top-menu .btn:hover {
	background-color: transparent;
	border-radius: 30px;
	opacity: 1;
}
.login-top-menu .infx-button.login-btn:hover {
	background: rgba(255, 255, 255, 0.4);
}
.login-top-menu .button-group-wrapper {
	margin-top: 20px;
}
.top-nav-top-login-interface {
	position: absolute;
}
.top-login-interface .login-button.icon-user {
	position: relative;
	padding-top: 7px;
	height: 48px;
	width: 48px;
	color: #fff;
	text-align: center;
	font-size: 3rem;
	line-height: 3rem;
	opacity: 1;
	border: 0px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	box-shadow: 0px 0px 0px transparent;
}
.top-login-interface .login-top-menu {
	position: absolute;
	top: 25px;
	right: -25px;
	padding: 20px;
	background-color: rgba(254, 37, 101, 1);
	border: 1px solid;
	border-color: rgba(255, 255, 255, 0.5);
	border-radius: 2px;
	max-width: 550px;
	min-width: 300px;
	display: none;
	z-index: 100;
}
.top-login-interface .social-media-login-wrapper {
	margin: 0px auto;
	width: auto;
}
.top-login-interface .login-button:hover,
.top-login-interface .login-button.login-menu-open {
	background-color: rgba(254, 37, 101, 1);
	z-index: 101;
}
.top-login-interface .infx-button.facebook-login-btn {
	padding: 0rem 1rem;
}
.infx-button.facebook-login-btn:hover,
.infx-button.google-login-btn:hover {
	background: rgba(255, 255, 255, 0.3) !important;
	border-radius: 2px;
}

/* Overide style for buttons in login popup */

.infx-button.inline-button {
	margin-bottom: 10px !important;
}
.inline-button a.block-link {
	background-color: rgba(100, 93, 156, 1);
	position: relative;
}
.inline-button a.block-link:hover {
	background: rgba(84, 74, 77, 1) !important;
}
.infx-button.inline-button a.block-link {
	font-size: 2rem;
	color: #fff;
	border-radius: 6px;
}

/* Covers the logout button Html structure */

.top-login-interface .login-top-menu .infx-button {
	margin: 5px 0;
}
.top-login-interface .login-top-menu .infx-button a.block-link {
	border-radius: 2px;
}
.top-login-interface .login-top-menu .infx-button a.block-link:after {
	display: none;
}
.login-top-menu .login-left-content {
	border-right: 2px dotted #FDA255;
	padding-left: 10px
}

/* Gen2 override */

.login-top-menu #form input.textbox,
.login-top-menu .infx-ecommerce-form-shell input.textbox,
.login-top-menu #form textarea,
.infx-ecommerce-form-shell textarea {
	width: 100%;
}

/* hide the button text - now we are using a svg icon*/

.login-button .button-text,
.login-button .button-icon {
	display: none;
}
.gda-data {
	display: block;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	font-size: 0;
}
h3.gda-name {
	font-size: 1.4rem
}

/* Social feeds */


/* instagram widget */

.social-icon-instagram:after,
.social-icon-twitter:after,
.social-icon-facebook:after {
	font-family: 'icomoon-ultimate';
	font-size: 2.6rem;
	color: #eff1f1;
}
.social-icon-instagram:after {
	content: '\eeec';
}
.social-icon-facebook:after {
	content: '\eeea';
}
.social-icon-twitter:after {
	content: '\eeed';
}

/* Add straight to basket on product pages */

.buy-button-wrapper .add_to_basket>a:before,
.buy-button-wrapper .add_to_basket>a:after,
.buy-button-wrapper img.productimg,
.buy-button-wrapper .productsummary,
.buy-button-wrapper .productprice {
	display: none;
}

/* Sitemap styling */

.site-map-wrapper .infx-table.sitemap_table li a,
.site-map-wrapper .infx-table.sitemap_table li b {
	font-size: 2rem;
}
.site-map-wrapper a.sitemap-home:before {}
.site-map-wrapper a:hover {
	color: rgba(151, 57, 97, 1) !important;
	text-decoration: none;
}

/******** InFX Skin Button CSS **********/


/* button styling */

.infx-button.infx-btn-back-btn {
	display: inline-block;
}
.infx-button.infx-print-invoice-btn {
	display: inline-block;
	margin-left: 10px;
}
.infx-button .block-link {
	padding: 5px 10px;
	text-align: center;
	color: #fff;
	font-family: "DIN_1451 LT W01 Engschrift";
	font-weight: 100;
}
.infx-button button,
.infx-button button:focus {
	color: #333;
	position: relative;
	z-index: 9;
}
.infx-button,
.btn {
	/* border: 1px solid #35585a; */
	background: #5e5e5e;
}
.infx-button.infx-google-map-1-btn {
	margin-top: 12px;
	float: none;
}
.social-media-button-group .infx-button .block-link,
.social-media-button-group .infx-button .block-link:hover,
.social-media-button-group .infx-button .block-link:before,
.social-media-button-group .infx-button .block-link:after {
	position: relative;
	border: none;
	background: none;
	box-shadow: none;
	font-size: 1.6rem;
	line-height: 3rem;
}
.social-media-button-group .facebook-login-btn .block-link:before {
	color: #3b5999;
}
.social-media-button-group .google-login-btn .block-link:before {
	color: #dd4b37;
}

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

button,
.infx-button .button-text,
.infx-button.arrow-button .button-text:after {
	color: #fff;
	position: relative;
	z-index: 9;
	text-transform:uppercase;
}
.social-media-button-group .infx-button .button-text {
	color: #fff;
}
button,
.infx-button a,
.btn a {
	font-size: 1.8rem;
	line-height: 2rem;
	text-decoration: none;
}
.infx-button a:hover {
	text-decoration: none
}
.infx-button:hover,
.btn:hover {
	opacity: 1;
	background: #fed100;
}

/* block link button */


/*.infx-button .block-link {
    color: #fff;
  	background: rgba(84,74,77,1);
    box-shadow: 0 0 0 3px rgba(84,74,77,1);
    border-radius: 30px;
    position: relative;
    z-index: 9;
}*/

.infx-button a.block-link:hover {
}

/******** Arrow Button CSS **********/

.infx-button.arrow-button .button-text:after {}

/******** Big Button CSS **********/

.infx-button.big-button button,
.infx-button.big-button a {
	font-size: 3rem;
	line-height: 3rem;
}
.infx-button.big-button button.block-link,
.infx-button.big-button a.block-link {
	padding: 0px 15px;
}

/******** Yellow Button CSS **********/

.infx-button.yellow-button .button-text {
	color: #000000
}
.infx-button.yellow-button {
	background-color: #ffffff
}
.infx-button:hover.yellow-button {
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	background-color: #fad000;
}
.infx-button:hover.yellow-button .button-text {
	color: #000
}

/******** Top Button CSS **********/

.top-button button,
.top-button .infx-button a.block-link {
	padding: 0px 5px 0 5px;
}
.top-button span.button-icon:after {
	content: "TOP";
	font-size: 1.6rem;
	color: rgba(40, 40, 40, 0.7);
	-webkit-transition: color 0.2s ease;
	-moz-transition: color 0.2s ease;
	-o-transition: color 0.2s ease;
	transition: color 0.2s ease;
}
.top-button span.button-icon:hover:after {
	color: rgba(255, 255, 255, 1);
}
.top-button .infx-button a.block-link:after {
	display: none
}
.infx-button.facebook-share-btn {
	transition: all 0.5s ease;
	padding: 8px;
	background-color: #3b5998;
}
.infx-button.facebook-share-btn:hover {
	background-color: white;
}
.infx-button.facebook-share-btn:hover span.button-text {
	transition: all 0.5s ease;
	color: #3b5998;
}
.popup-row .infx-button {
	margin-top: 10px
}
#page-preloader {
	display: none;
}
.max-width-522 {
	margin: auto;
	width: 100%;
	max-width: 582px;
}
#content-container .sitemap_table li a, 
#footer-outer	.sitemap_table li a  {
    padding: 0 0 0.4rem 1rem;
    text-indent: -.7rem;
    font-size: 1.2rem;
}
#content-container .sitemap_table .infx-table-data, #footer-outer .footer-inner .sitemap_table .infx-table-data {
    width: 20%;
}

/***************** search-v2 site-specific styling ****************************/


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


/************************************NOTHING AFTER THESE LINES****************************************/


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


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


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


/********************************* POST PROCESS MOBILE CSS IMPORT ************************************/


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