/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; *behavior: url(../js/boxsizing-ie7.htc); }
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display:block}
audio,canvas,video {display:inline-block;*display:inline;*zoom:1}
audio:not([controls]) {display:none;height:0}
[hidden] {display:none}
html {font-size:100%;-ms-text-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none; scroll-behavior: smooth; }
body {margin:0; padding: 0;}
a, a:link, button, button.textonly, .button { font-weight: 700; font-family: Helvetica, Arial, sans-serif; color: #0093d8; text-decoration: none; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s; }
a:visited { color: #0093d8; }
a:hover, a:active, a:focus { color: #0db2ff; }
a:hover, a:active { outline:0; }
:target { scroll-margin-top: 90px; }

h1,h2,h3,h4 { font-weight: 400; color: #444; font-family: Helvetica, Arial, sans-serif; line-height: 1.2; }
h1 {font-size:4em; color: #0096b2; -webkit-transition: font-size .3s; transition: font-size .3s; }
h2 {font-size:3.3em; color: #183a43; }
h3 {font-size:2.6em; }
h4 {font-size:1.9em; }
h5, h6 {font-size:1.7em; font-weight: 700; color: #000; line-height: 1.2; }
h6 {font-size:1.6em; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child { margin-top: 0; }
h3 em { font-style: normal; text-transform: uppercase; }
abbr[title] {border-bottom:1px dotted}
blockquote {margin:1em 40px}
pre {margin:1em 0}
p,td,th,li {font-size: 1.2em; line-height: 150%; }
.main p, .main td, .main th, .main li { font-size: 1.6em; }
.main td p, li p, .main li p, .main li li { font-size: 1em; }
p.small { font-size: 1.25em; }
p { margin: 0 0 12px; }
p.base { font-size: 1.4em !important; line-height: 150% !important; }
code,kbd,pre,samp {font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre {white-space:pre;white-space:pre-wrap;word-wrap:break-word}
menu,ol,ul {padding:0 0 0 20px}
nav ul,nav ol {list-style:none;list-style-image:none}
a img, img {border:0;-ms-interpolation-mode:bicubic; max-width: 100%; height: auto; vertical-align: middle; }
form {margin:0}
fieldset {border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend {border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea {font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input {line-height:normal}
button,select {text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],html input[disabled] {cursor:default}
input[type="checkbox"],input[type="radio"] {box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"] {-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
input[type="number"] { position: relative; }
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
 -webkit-appearance: none;
 background: #ccc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKUlEQVQYlWNgwAT/sYhhKPiPT+F/LJgEsHv37v+EMGkmkuImoh2NoQAANlcun/q4OoYAAAAASUVORK5CYII=) no-repeat center center;
 position: absolute;
 top: 0; right: 0; bottom: 0; width: 1.2em; height: 24px; opacity: 1;
}
button::-moz-focus-inner,input::-moz-focus-inner {border:0;padding:0}
textarea {overflow:auto;vertical-align:top}
table {border-collapse:collapse;border-spacing:0}

/*! normalize-opentype.css v0.2.4 | MIT License | kennethormandy.com/journal/normalize-opentype-css */
::-moz-selection { color: inherit; text-shadow: inherit; background-color: #accef7; }
::selection { color: inherit; text-shadow: inherit; background-color: #accef7; }
p, li { -webkit-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 0, "lnum" 0, "dlig" 0; -moz-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 0, "lnum" 0, "dlig" 0; font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 0, "lnum" 0, "dlig" 0; }
h1, h2, h3 { -webkit-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 0, "lnum" 0, "dlig" 1; -moz-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 0, "lnum" 0, "dlig" 1; font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 0, "lnum" 0, "dlig" 1;}
pre, kbd, samp, code { -webkit-font-feature-settings: "kern" 0, "liga" 0, "calt" 1, "dlig" 0, "pnum" 0, "tnum" 1, "onum" 0, "lnum" 1, "zero" 1; -moz-font-feature-settings: "kern" 0, "liga" 0, "calt" 1, "dlig" 0, "pnum" 0, "tnum" 1, "onum" 0, "lnum" 1, "zero" 1; font-feature-settings: "kern" 0, "liga" 0, "calt" 1, "dlig" 0, "pnum" 0, "tnum" 1, "onum" 0, "lnum" 1, "zero" 1; }
input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="number"], input[type="range"], input[type="tel"], input[type="week"] { -webkit-font-feature-settings: "kern" 0, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 0, "lnum" 1, "zero" 0; -moz-font-feature-settings: "kern" 0, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 0, "lnum" 1, "zero" 0; font-feature-settings: "kern" 0, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 0, "lnum" 1, "zero" 0; }

/* Common elements */
.clear { clear: both; }
strong { font-weight: 700; }
.centred { text-align: center; }
.caps { text-transform: uppercase; }
.fleft { float: left; }
.fright { float: right; }
.aleft { text-align: left; }
.aright { text-align: right; }
.batleys { color: #ef454a; }
.bestway { color: #0089cd; }
.nobreak { white-space: nowrap; }

a[href^="tel:"] { color: #696d6f; text-decoration: none; cursor: default; font-weight: 400; }
a[href^="tel:"] strong, strong a[href^="tel:"] { font-weight: 700; }
.msg-warn a[href^="tel:"] { font-weight: 700; color: #000; }

.image-right, .image-right-noshadow { float: right; clear: right;  margin: 0 0 30px 20px; }
.image-right { -moz-box-shadow: 0 0 10px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15); box-shadow: 0 0 10px rgba(0,0,0,0.15); border: 5px solid #fff; }
.image-left-noshadow, .image-right-noshadow { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; }
.table { display: table; width: 100%;}
.table .cell { display: table-cell; }

body, input, textarea, button, select { font-family: Helvetica, Arial, sans-serif; }
body { background: #fff; color: #696d6f; font-size: 62.5%; font-weight: 400; position: relative; }
header { background-color: #fff; }
.snowflakes header { background: #fff url(../assets/bg/header-snowflakes.png) repeat center top; background-size: 439px; }

.main, .greybg { background: #f6f6f6; }
.inner { width: 1140px;  margin: 0 auto; }
.main .inner:first-child { padding-top: 30px; padding-bottom: 30px; }
.main.thumbs .inner:first-child { padding-top: 0; padding-bottom: 0; }
.pg_home .main .inner:first-child { padding-bottom: 0; }
.inner p.line { text-align: left; margin: 0; padding: 30px 0 0 0; border-top: 1px solid #a8abae; overflow: hidden; }


a.back { background-position: 0 -3971px; display: inline-block; padding: 5px 0 5px 25px; background-image: url(../assets/large-misc-icons.png); background-repeat: no-repeat; background-size: 312px 4000px; color: #0093d8; font-size: 14px; font-weight: 400; letter-spacing: 0.05em; }

.goback a { display: inline-block; height: 70px; background-image: url(../assets/large-misc-icons.png); background-repeat: no-repeat; background-size: 312px 4000px; background-position: 0 -3951px; color: #0093d8; padding: 28px 27px; font-size: 14px; font-weight: 400; letter-spacing: 0.05em; }
.goback.aligntop a {  padding: 10px 27px 40px 27px; background-position: 0 -3971px;  }

.vertical-line-left { border-left: 1px solid #edecec; }
.button-vert-divider-left { display: inline-block; border-left: 1px solid #edecec; padding: 10px 7px 10px 20px; margin-left: 22px; }
.button-vert-divider-right { display: inline-block; border-right: 1px solid #edecec; padding: 10px 20px 10px 7px; margin-right: 22px; }

.delete, .delete.withtext:after { text-indent: -9999px; display: inline-block; width: 24px; height: 22px; background: url(../assets/large-misc-icons391f7.png?a=11) no-repeat -1px -1891px; background-size: 312px 4000px; border: none; }
.delete.withtext:after { content: ''; position: absolute; right: 0; top: 1px; }
.delete.withtext { text-indent: 0; width: auto; background: none; padding-right: 28px; position: relative; }

.mobile { display: none; }

.greyline, .spacer { clear: both; padding: 40px 0; height: 1px; }
.greyline.padbot0 { padding: 30px 0 0 0; }
.greyline.padbot20 { padding-bottom: 20px; }
.greyline.padtop120 { padding: 120px 0 40px 0; }
.greyline.padtop20, .spacer { padding: 20px 0 40px 0; }
.greyline.padtop0 { padding-top: 0; }
.greyline.padd60 { padding: 46px 0; }
.greyline.whitebg { background: #fff; }
.greyline span { height: 1px; background: #eaeaea; display: block; }

.white-box .greyline { background: #fff;}
.white-box .greyline span { background: #cbcdcf; }

.padding20 { clear: both; padding: 20px 0 0 0; }
.padding30 { clear: both; padding: 30px 0 0 0; }
.paddingtopfooter { clear: both; -webkit-box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.1); box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.1); }
.paddingtopfooter.noshadow { clear: both; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.margintop20 { margin-top: 20px !important; }

.learn a, .learn span.btn { color: #0093d8; padding: 12px 18px 12px 18px; background: #fff; border: 1px solid #ebebea; display: inline-block; border-radius: 5px; -webkit-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.1); box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.1); font-size: 0.85em; font-weight: 400; letter-spacing: 0.03em; line-height: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.learn a:hover, .learn span:hover { -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 15px 1px rgba(0,0,0,0.3); box-shadow: 0 0 15px 1px rgba(0,0,0,0.3); }
.learn.inline { float: left; margin-right: 20px; }

.white-button a { padding: 12px 18px 12px 18px; background: #fff; border: 1px solid #ebebea; display: inline-block; border-radius: 5px; -webkit-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.1); box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.1); font-size: 0.85em; font-weight: 400; letter-spacing: 0.03em; line-height: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.white-button a:hover { -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 15px 1px rgba(0,0,0,0.3); box-shadow: 0 0 15px 1px rgba(0,0,0,0.3); }

.blue-button { color: #fff !important; background: #0093d8; padding: 10px 27px; font-weight: 400 !important; -webkit-transition: background 0.3s !important; -moz-transition: background 0.3s !important; transition: background 0.3s !important; line-height: 1 !important; }
.blue-button:hover { background: #006cad;  }
.inactive-button { color: #fff; background: #ccc; padding: 12px 27px 10px 27px; font-weight: 400; border: none; display: inline-block; line-height: 1 !important; }

.icon-sprite, .icon, .icon-sprite2, .icon2, .icon-sprite3, .icon3 { background-image: url(../assets/large-misc-icons.png); background-repeat: no-repeat; background-size: 312px 4000px; border: none; }
.icon-sprite2, .icon2 { background-image: url(../assets/large-misc-icons2.png); }
.icon-sprite3, .icon3, .orderdet-top .icon3, .orderdet-actionssecondary .icon3 { background-image: url(../assets/large-misc-icons391f7.png?a=11); }
.icon-sprite-before, .icon-sprite2-before, .icon-sprite3-before { position: relative; }
.icon-sprite-before:before, .icon-sprite2-before:before, .icon-sprite3-before:before { content: ''; display: inline-block; width: 20px; height: 20px; background-image: url(../assets/large-misc-icons.png); background-repeat: no-repeat; background-size: 312px 4000px; border: none; }
.icon-sprite2-before:before { background-image: url(../assets/large-misc-icons2.png); }
.icon-sprite3-before:before { background-image: url(../assets/large-misc-icons391f7.png?a=11); }
.icon-sprite2-before.icon-info:before { background-position: 1px -3126px; position: absolute; top: 0; left: 0; height: 20px;}
.icon-sprite2-before.icon-info { padding-left: 24px;}
.icon-home { background-image: url(../assets/icons/sprite-home.png); background-repeat: no-repeat; background-size: 500px 600px; border: none; }

.opentoggle a.open:after, .opentoggle a.close:after { content: ''; display: inline-block; width: 22px; height: 20px; background: url(../assets/large-misc-icons391f7.png?a=11) no-repeat -1px -2431px; background-size: 312px 4000px; }
.opentoggle a.close:after { background-position: -1px -2382px; }

.icon3.heading-list, .curved-shadow.white-box h1.icon3.heading-list { background-position: -2px -1179px; display: inline-block; padding: 7px 0 4px 45px; color: #434647; font-size: 2em; text-transform: uppercase; letter-spacing: 0.02em; line-height: 1; }
.icon3.heading-recipe, .curved-shadow.white-box h1.icon3.heading-recipe { background-position: 0px -1826px; display: inline-block; padding: 7px 0 4px 45px; color: #851d52; font-size: 2em; text-transform: uppercase; letter-spacing: 0.02em; line-height: 1; }
a.icon3.icon-print, a.icon3.icon-pdf, a.icon3.icon-sel, a.icon3.icon-sc { display: inline-block; font-weight: 400; padding: 4px 0 3px 35px; font-size: 0.85em; }
a.icon3.icon-print { background-position: 0px -1557px; padding: 4px 0 3px 40px; }
a.icon3.icon-pdf { background-position: 0px -1617px; padding: 9px 0 4px 40px; }
a.icon3.icon-sel { background-position: 0px -1746px; }
a.icon3.icon-sc { background-position: 5px -1692px; }

#main table.terms-table tr td { padding: 3px 7px 5px 7px; vertical-align: top; border: 1px solid #ccc; line-height: 1.2; }

a.file, strong.file { padding: 4px 4px 3px 45px; height: 43px; display: inline-block; margin: 0 0 6px; line-height: 115%; font-size: 0.9em; background-image: url(../assets/large-misc-icons391f7.png?a=11); background-repeat: no-repeat; background-size: 312px 4000px; border: none; font-weight: 700; }
a.file-pdf { background-position: 0 0; }
a.file-gen { background-position: 0 -196px; }
a.file span { color: #888; font-size: 0.9em; font-weight: 400; }
a.file-restricted:before { background-position: 0 -258px; }

.main .prodview { margin-bottom: 30px; }
.main .prodview a { color: #fff; text-transform: uppercase; font-size: 0.45em; font-weight: 700; white-space: nowrap; background: #5fb1d0 !important; display: inline-block; padding: 7px 17px; letter-spacing: 0.08em; line-height: 1; }
.essentially-catering .prodview a, .essentially-cleaning .prodview a { font-size: 0.69em; color: #fff; text-transform: uppercase; font-weight: 700; white-space: nowrap; background: #5fb1d0; display: inline-block; padding: 7px 17px; letter-spacing: 0.08em; line-height: 1; }

.main .prodview a:hover, .essentially-cleaning .prodview a:hover, .essentially-catering .prodview a:hover { background: #3389a7; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; }

#actionbar { clear: both; max-width: 1145px; width: 100%; height: 90px; padding: 0; text-align: center; display: table; overflow: visible; margin: 0 auto; position: relative; z-index: 130; }
#actionbar-inner { display: table; width: 100%; top: -70px; transition: top 0.3s; }
.actionbar-sticky-inner { display: table; width: 100%; }
#actionbar .cell { display: table-cell; height: 90px; vertical-align: middle; margin: 0; padding: 0; white-space: nowrap; }
#actionbar .cell.burger { display: none; }
#actionbar .logo { width: 286px; }
#actionbar .logo a { width: 286px; height: 48px; display: block; background-position: 0px -48px; }
#actionbar .logo.bestone a { background-size: 280px; background-position: 0 -51px; width: 190px; height: 68px; background-image: url(../assets/large-misc-icons-bo230cc1.png?a); }
#actionbar .logo.sgn a { background-size: 210px; background-position: 0 -39px; height: 50px; width: 240px; }
#actionbar .logo.sgn a:after { content: ''; display: block; width: 74px; height: 54px;position: absolute; right: 0; top: 0; background: url(../assets/logos/sgn-retail.png) no-repeat 0 0; background-size: 74px;}
#actionbar .logo.selectsave a { background: url(../assets/logos/select-and-save-header23.png) no-repeat center center; background-size: 212px; height: 80px; width: 212px;}
#actionbar .searchform { padding-left: 25px; }
#actionbar .searchform .textinput { display: inline-block; width: 369px; padding: 10px 16px; margin-bottom: 0; font-size: 1.7em; border-radius: 5px 0 0 5px; border-top: 1px solid #cbd2d7; border-bottom: 1px solid #cbd2d7; border-left: 1px solid #cbd2d7; border-right: 1px solid #00a665; color: #676a6c; }
#actionbar .searchform form { position: relative; margin: 0 auto; display: inline-block; }
#actionbar .searchform .textinput::-webkit-input-placeholder { color: #9b9b9b; }
#actionbar .searchform .textinput::-moz-placeholder { color: #9b9b9b; }
#actionbar .searchform .textinput:-ms-input-placeholder { color: #9b9b9b; }
#actionbar .searchform .textinput:-moz-placeholder { color: #9b9b9b; }
#actionbar .searchform .textinput::-ms-clear { width: 0; height: 0; }
#actionbar .search { background-position: 14px -140px; background-color: #00a665; color: #fff; border: 1px solid #00a665; border-radius: 0 5px 5px 0; padding: 10px 16px 10px 36px; font-size: 1.7em; transition: background-color 0.2s;}
#actionbar .search:hover, #actionbar .search:focus { background-color: #00bb72; border: 1px solid #00bb72; }
#actionbar .sticky .searchform form { display: block; }
.searchform #clearsearch { position: absolute; right: 112px; top: 5px; z-index: 10; border: none; background: none; color: #999; font-size: 2.4em; line-height: 10px; padding: 10px; font-weight: 400; width: 30px; height: 30px; }
.searchform #clearsearch:hover, .searchform #clearsearch:focus { color: #444; }
.sticky .searchform #clearsearch { right: 88px; top: 0; }
#sli_autocomplete.rich, #sli_autocomplete { -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.3) !important; box-shadow: 0 5px 10px rgba(0,0,0,0.3) !important; }

.menu_desktop { display: none; }
.sticky .menu_desktop { display: block; cursor: pointer; height: 22px; width: 22px; z-index: 999; position: relative; }
.menu_desktop span { display: block; height: 3px; position: absolute; top: 2px; left: 0; width: 22px; background: #0098d8;  }
.menu_desktop span:nth-child(2) { top: 9px; }
.menu_desktop span:nth-child(3) { top: 16px; }

.headcontrols .submenu { background: #fff; position: absolute; text-align: left; padding: 0; display: none; z-index: 101; right: 5px; top: 80px; width: 240px; -webkit-border-radius: 5px 0 5px 5px; border-radius: 5px 0 5px 5px; -webkit-box-shadow: 0px 5px 15px -1px rgba(0,0,0,0.4); -moz-box-shadow: 0px 5px 15px -1px rgba(0,0,0,0.4); box-shadow: 0px 5px 15px -1px rgba(0,0,0,0.4);  }
.headcontrols .submenu { list-style-type: none; padding: 0; margin: 0; }
.headcontrols .submenu li { position: relative; }
.headcontrols .submenu li a { border-bottom: 1px solid #eaeaea; color: #333; font-size: 1.1em; font-weight: 400; padding: 15px 20px; display: block; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.headcontrols .submenu li a:after { content: ''; display: block; width: 20px; height: 20px; position: absolute; top: 15px; right: 10px; background: url(../assets/large-misc-icons.png) no-repeat 0 -598px; background-size: 312px 4000px; }
.headcontrols .submenu li a:hover { background-color: #eaeef1; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.headcontrols .submenu li:last-child a { border-bottom: none; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.headcontrols .submenu li:first-child a {-webkit-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; }

header .cell { position: relative; }
.headwhyjoin:after, .headtools:after { content: ''; display: block; position: absolute; height: 80%; top: 10%; right: 0; /*! border-right: 1px solid #e8e8e8; */ }
#actionbar .headcontrols { vertical-align: top; padding: 9px 5px 10px; width: 108px; transition: background 0.4s; }
#actionbar .headcontrols.headaccount { padding-right: 0; width: 103px;}
#actionbar .headtrolley { padding-bottom: 7px; }


#mainmenu-shadow { z-index: 120; position: relative; z-index: 110; }




.headcontrols > a, .headcontrols > a:link, .headcontrols > a:visited { display: block; padding: 0 10px; text-transform: uppercase; font-size: 1.25em; white-space: normal; color: #898d90; font-weight: 400; line-height: 1.25; transition: none; }
.headcontrols > a p { font-size: 1em; line-height: 1.25; margin: 0; }
.headcontrols > a:hover { transition: none; }
.headcontrols a .desk { text-transform: lowercase; display: inline-block; position: relative; top: -1.5px; }
.headcontrols a .mob { display: none; }
.headcontrols > a:before, .headcontrols a.dropdown:after { content: ''; display: block; width: 32px; height: 32px; margin: 0 auto 4px; background: url(../assets/icons/header.png) no-repeat; background-size: 100px; }
.headcontrols a:hover, .headcontrols a:focus, .headcontrols.active > a, .headcontrols a:hover p.accname, .headcontrols a:focus p.accname, .headcontrols.active p.accname,
.headtrolley a:hover strong, .headtrolley a:focus strong, .headtrolley a:hover .fulfilmenttype, .headtrolley a:focus .fulfilmenttype { color: #0093d8; outline: none; }
a.why-join:before { background-position: 2px -148px; }
a.why-join:hover:before, a.why-join:focus:before, .active a.why-join:before { background-position: -48px -148px; }
a.signin:before, a.account:before { background-position: 1px -50px; }
a.signin:hover:before, a.signin:focus:before, .active a.signin:before, a.account:hover:before, a.account:focus:before, .active a.account:before { background-position: -49px -50px; }
a.tools:before { background-position: 5px 4px; }
a.tools:hover:before, a.tools:focus:before, .active a.tools:before { background-position: -45px 4px; }
a.trolley:before { background-position: 0 -97px; margin: -2px auto 0; }
a.trolley:hover:before, a.trolley:focus:before { background-position: -50px -97px; }
a.signin, a.signin:link, a.signin:visited { line-height: 1.05; }
p.acclog { white-space: nowrap; margin: 0; }
.headcontrols p.accname { color: #111212; font-size: 1.1em; line-height: 1.1; font-weight: 700; }
.headcontrols a.dropdown:after { width: 12px; height: 10px; background-position: 0 -200px; position: absolute; bottom: 1px; left: 50%; margin-left: -6px; }
.headcontrols a.dropdown:hover:after, .headcontrols.active a.dropdown:after { background-position: -50px -200px; }
.headcontrols.headaccount a.dropdown:after { margin-left: -4px; }
.headcontrols.active { background: #f1f1f0; transition: background 0.2s; z-index: 110; }
.headaccount a { padding: 0 6px; }
.headtrolley > a p { line-height: 1.5; }
.headtrolley .headtrol-items { margin-top: -3px; }
.headcontrols .headtrol-total { font-size: 1.65em; line-height: 0.95; text-transform: none;  }
.headtrolley strong { color: #111212; font-weight: 400; }
.headtrolley strong.thousands { letter-spacing: -1px; font-size: 0.9em; }
.headtrolley .fulfilmenttype { display: block; white-space: nowrap; text-transform: none; color: #a5a9ac; font-weight: 400; line-height: 1.05; position: relative; top: 1px; font-size: 0.95em;}
.sticky .headtrolley .fulfilmenttype { display: none; }

.headcontrols .submenu { display: none; position: absolute; top: auto; bottom: 3px; right: 50%; transform: translate(50%, 100%); -webkit-border-radius: 5px; border-radius: 5px;}
#actionbar-inner.sticky .headwhyjoin, #actionbar-inner.sticky .headcontrols a.dropdown::after { display: none; }

#actionbar .sticky div.headcontrols { vertical-align: middle; padding: 0 2px; width: 48px; }
#actionbar .sticky div.headaccount { padding-right: 10px; }
#actionbar .sticky .searchform { padding-right: 4px; }
#actionbar .sticky .headcontrols > a { padding: 8px 5px; }
#actionbar .sticky .headcontrols > a:before { margin: 3px auto 0; }
#actionbar-inner.sticky .headcontrols a span { display: none; }


#actionbar-inner.sticky { width: 100%; display:block; transition: top 0.3s; position: fixed; left: 0; top: 0; z-index: 999; background: #fff; -webkit-box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); }
.sticky .actionbar-sticky-inner { max-width: 1165px; display: table; width: 100%; margin: 0 auto; position: relative; }
#actionbar-inner.sticky .cell.logo, #actionbar-inner.sticky .headaccount p { display: none; }
#actionbar-inner.sticky .cell, #actionbar-inner.sticky #header-trolley { display: table-cell; padding: 5px 0; vertical-align: middle; height: 60px;}
#actionbar-inner.sticky .cell.sticky-menu { width: 22px; padding-left: 16px; padding-right: 12px; }
#actionbar-inner.sticky .headtrolley, #actionbar-inner.sticky .headtrolley a, #actionbar-inner.sticky .headaccount { right: auto; top: auto; }
#actionbar-inner.sticky .cell.headaccount.login { width: 188px; max-width: 198px; padding-right: 18px; }
#actionbar-inner.sticky .searchform .textinput { width: 90%; width: -moz-calc(100% - 102px); width: -webkit-calc(100% - 102px); width: calc(100% - 102px); }
#actionbar-inner.sticky .headtrolley { width: 100px; height: 28px; padding: 0; }
#actionbar-inner.sticky .headcontrols.headtrolley a { width: 110px; height: 36px;  padding: 5px 0 0 46px; margin: 0; }
#actionbar-inner.sticky .headtrolley a span { display: inline; }
#actionbar-inner.sticky .headtrolley p { text-align: left; padding: 0; }
#actionbar .sticky .headtrolley > a:before { margin: 0; position: absolute; left: 10px; top: 53%; transform: translateY(-50%); }
.sticky .headtrolley p.headtrol-items { font-size: 0.9em; }
.sticky .headtrolley p.headtrol-total { font-size: 1.2em; }
.sticky .headtrolley p.headtrol-total .thousands { font-size: 1em; }

#actionbar-inner.sticky .searchform .textinput { width: -moz-calc(100% - 90px); width: -webkit-calc(100% - 90px); width: calc(100% - 90px); padding: 6px 10px; font-size: 1.4em; }
#actionbar-inner.sticky .search { background-position: 6px -145px; border-radius: 0 5px 5px 0; padding: 6px 10px 6px 26px; font-size: 1.4em; }

#mainmenu, .mainmenu-replacement { background: #0093d8; }
.mainmenu-replacement { height: 10px; }
#mainmenu nav ul { padding: 0; max-width: 1140px; margin: 0 auto;  display: table;  }
#mainmenu nav ul li { position: relative; margin: 0; display: table-cell; vertical-align: middle; }
#mainmenu nav ul li a { height: 65px; padding: 0 11px; color: #fff; text-transform: uppercase; text-align: center; font-size: 0.95em; line-height: 1.3; font-weight: 400; letter-spacing: 0.1em; margin: 0; display: table-cell; vertical-align: middle; }
#mainmenu nav > ul > li > a { height: 56px; }
#mainmenu nav ul li:first-child span { background: #dc2a1b; }
#mainmenu nav ul li:first-child span, #mainmenu .ownlabel span { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px 13px 7px 13px; color: #fff; }
#mainmenu nav ul li:first-child a { color: #0093d8; }
#mainmenu .ownlabel span { background: #333; white-space: nowrap; }
#mainmenu nav ul li ul { position: absolute; left: 0; width: 260px; padding: 25px; background: #fff; max-width: none; margin: 0; display: block; z-index: 999; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
#mainmenu nav ul li ul:after { content: ""; display: block; height: 100px; position: absolute; top: -15px; width: 310px; z-index: -1; left: -60px; }
#mainmenu nav ul li ul.ddwrap::after { width: 580px; }
#mainmenu nav ul li ul li { margin: 0; display: block; height: auto; }
#mainmenu nav ul li ul li a, nav .category-advice h4 { height: auto; font-size: 0.87em; padding: 5px 3px; display: block; color: #0093d8; text-align: left; line-height: 1.3; font-weight: 700; letter-spacing: 0.05em; text-transform: inherit; text-transform: uppercase; }
#mainmenu nav ul li ul li a.navtracktrace { color: #dd971f; }
#mainmenu nav ul li ul li a.navginfestival { color: #d130a5; }
#mainmenu nav ul li ul li a.summer-sorted { color: #e16943; }
#mainmenu nav ul li ul li a.summer-cricket { color: #b82842; }
#mainmenu nav ul li ul li a.fathers-day { color: #eac500; }
#mainmenu nav ul li:first-child ul li a { background: #fff; -moz-border-radius: none; -webkit-border-radius: none; border-radius: none; padding: 7px 5px; }
#mainmenu nav ul li ul li a:hover, #mainmenu nav ul li ul li a:focus { color: #666; }
#mainmenu nav ul li ul { z-index: 101; opacity: 0; visibility: hidden; background-color: #fff; -webkit-transition: opacity 200ms, visibility 200ms; transition: opacity 200ms, visibility 200ms;  -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 15px 1px rgba(0,0,0,0.2); box-shadow: 0 0 15px 1px rgba(0,0,0,0.2); height: auto; }
#mainmenu nav ul li:hover ul { visibility: visible; opacity: 1; height: auto; }
#mainmenu nav ul li.current a:after, #mainmenu nav ul li.current a:hover:after { background: #fff; opacity: 1; }
#mainmenu nav ul li a:after { content: ""; display: block; position: absolute; left: 0; right: 0; margin: auto; bottom: 0; height: 4px; max-width: 86px; background: #87beea; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
#mainmenu nav ul li.divider { clear: both; height: 1px; border-bottom: 2px solid #eaeaea; margin: 10px -2px; }

#mainmenu nav ul li:last-child ul, #mainmenu nav ul li:nth-last-child(2) ul, #mainmenu nav ul li:nth-last-child(5) ul { right: 0; left: inherit; }
#mainmenu nav ul li:last-child ul:after { width: 280px; }

#mainmenu nav ul li:hover > a:after, #mainmenu nav ul li > a:focus:after { background: #87beea; opacity: 1; }
#mainmenu nav ul li ul li a:after { display: none; }
#mainmenu nav ul li ul.ddwrap {  width: 520px; }
#mainmenu li ul.ddcol { padding: 0 0 10px; position: relative; display: block; float: left; width: 230px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#mainmenu nav ul > li:last-child ul.ddcol { right: inherit; top: 0; padding: 0; left: 0; }
#mainmenu nav ul li ul.ddcol li a { font-size: 0.75em; }
#mainmenu nav ul li ul, #mainmenu nav ul li a::after { transition: .15s all; }
#mainmenu nav ul li:hover ul, #mainmenu nav ul li:hover > a::after { -webkit-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s; }
#mainmenu nav ul li.current ul li.current:before, #mainmenu nav ul ul li.current:before { content: ''; display: block; width: 2px; height: 14px; background: #000; position: absolute; left: -10px; top: 0; bottom: 0; margin: auto; }
#mainmenu nav ul li.current ul li.current a, #mainmenu nav ul ul li.current a { color: #000; }
#mainmenu nav ul li.subcat-promo a { color: #ca1c1e; }

nav .category-advice h4 { text-transform: uppercase; color: #222; margin: 0; }
#mainmenu nav .category-advice a { padding: 0; display: inline-block; }

#outer { width: 100%; background: #0093d8; }
#left-button a, #right-button a { display: none; }
#mainmenu nav ul { height: 56px; background: #0093d8; }

.subnav { width: 210px; display: table-cell; vertical-align: top; padding-right: 20px; }
.subnav h4 { text-transform: uppercase; font-size: 1.7em; margin: 30px 0 25px 7px; font-weight: 700; letter-spacing: 0.05em; }
.subnav ul { list-style: none; margin: 0 0 20px 0; padding: 0; }
.subnav ul li a { display: block; color: #2a2b2b; font-size: 0.75em; letter-spacing: 0.05em; font-weight: 400; padding: 1px 1px 0px 8px; margin: 4px 0; line-height: 1.2; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; text-transform: uppercase; margin: 9px 0; }
.subnav ul li a:hover { color: #209c69; }
.subnav ul li.active a { position: relative; color: #0093d8; }
.subnav ul li.active a::before { position: absolute; content: ""; display: block; width: 3px; height: 100%; background: #4e8cce; left: -3px; top: -1px; }
.has-subnav .main .inner { display: table; }
.has-subnav .main .curved-shadow { display: table-cell; }

.uspbar { background: #333; color: #fff; margin: 0; }
.uspbar.red, .uspbar.important.red { background: #c00; }
.uspbar ul { margin: 0; list-style-type: none; padding: 0; text-align: center; display: table; width: 100%;}
.uspbar li { display: table-cell; width: 33%; margin: 0; text-align: center; vertical-align: middle; font-size: 1.5em; padding: 0;line-height: 1.15; border-right: 1px solid rgba(255,255,255,0.65);}
.uspbar li:first-child { border-left: 1px solid rgba(255,255,255,0.65); }
.uspbar a, .uspbar a:link, .uspbar a:visited, .uspbar p { padding: 7px 12px; margin: 0; display: block; color: #fff; font-weight: 400; line-height: 1.15; transition: background 0.3s; }
.uspbar li:hover, .uspbar a:hover, .uspbar a:focus { background: #444; transition: background 0.3s; }
.uspbar.important { padding: 0; margin: 0; }
.uspbar.important a { color: #000; font-weight: 700; text-transform: uppercase; }
.uspbar.important li:hover, .uspbar.important a:hover, .uspbar.important a:focus { background: #fcc; transition: background 0.3s; }
.uspbar.red li:hover, .uspbar.red.important li:hover { background: #c00; }
.uspbar.important a:before, .uspbar.important a:after { content: '*'; font-size: 1.7em; line-height: 0.2; position: relative; left: -7px; top: 9px; color: #c00; font-weight: 400; }
.uspbar.important a:after { left: 7px; }

/* Forms */
fieldset { margin: 50px auto 0; max-width: 800px; background: #fff; border: 1px solid #e4e4e4; padding: 28px 30px 10px; position: relative; }
fieldset.withlegend, fieldset.plain.withlegend { padding-top: 66px; }
fieldset p { margin: 0 0 20px; }
fieldset.plain { margin: 0 0 40px; border: none; padding: 28px 0 0; }
legend { font-size: 2.2em; font-weight: 700; padding: 0; position: absolute; top: 22px; left: 30px; }
fieldset.last { margin-bottom: 20px; }
.plain legend { left: 0; }
label { display: block; margin-bottom: 4px; font-size: 1.1em; line-height: 145%; font-weight: 700; color: #085c36; }
.radio span { min-width: 50px; display: inline-block; }
.radio-inline span { display: block; }
.radio-inline label, .checkbox-inline label { display: inline-block; margin-right: 20px; }
.textinput { font-size: 1.2em; display: block; width: 100%; padding: 7px 38px 6px 8px; margin-bottom: 2px; border: 1px solid #bbb; }
.textinput[type="number"], .textinput.novalidate { padding-right: 5px; }
.textinput.error, select.error { border: 1px solid #d00; outline: 1px solid #d00; }
input.radio.error { border: 1px solid #d00; box-shadow: 0 0 3px 1px red; }
.textinput:focus { border: 1px solid #13a765; box-shadow: 0 0 8px #bbb;}
.textinput.half, select.half { width: 49%; display: inline-block; margin-right: 0.6%; }
.textinput.third { width: 33%; display: inline-block; margin-right: 12px; }
.textinput.dob { width: 300px; padding-right: 30px; display: inline-block; }
.textinput.last { margin-right: -10px; }
select { padding: 6px 10px; min-width: 50%; max-width: 100%; }
span.optional { font-weight: 400; color: #222; }
.phonetwopart select, .phonetwopart input { height: 38px; margin-bottom: 8px; vertical-align: top;}
.passwordfield input { width: 75%; height: 40px; font-size: 1.4em; display: inline-block; margin-right: 10px; margin-bottom: 0; vertical-align: bottom; }
.passwordfield button { width: 70px; padding-left: 10px; padding-right: 10px; vertical-align: bottom;}
.passwordfield input[type=text] { font-family: monospace; font-weight: 600; font-size: 1.6em; }
input[type=number].nospinner::-webkit-inner-spin-button, input[type=number].nospinner::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number].nospinner { -moz-appearance:textfield; }
.radiolabel, .checkboxplain label { color: #444; font-weight: 400; }
input.radio, input[type="radio"], input.checkbox { margin-right: 10px; margin-left: 1px; }
.main .account-form { margin-bottom: 10px; font-size: 1.6em; }
.main .extratext { margin: 10px 0 30px 0; font-size: 1.4em; }
.main .smllink span { font-size: 0.8em; color: #898d8f; font-weight: 400; text-decoration: underline; float: right; }
.main #changepwfields { display: none; }
.main #changepwlink { cursor: pointer; color: #1796d3; font-weight: 700; }
p.checkboxes label { margin: 5px 0; }
p.checkboxes input { margin-right: 10px;}

span.helptooltip { display: inline-block; background: #929497; color: #fff; font-weight: bold; font-size: 14px; width: 22px; height: 22px; line-height: 25px; text-align: center; border-radius: 50%; cursor: help; }

span.help { background: #1796d3; color: #fff; display: inline-block; margin-left: 6px; font-size: 0.9em; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 50%; cursor: help;}
a.backlink:link, a.backlink:visited { color: #777; text-decoration: none; }
a.backlink:hover, a.backlink:focus, a.backlink:active { color: #00afef; text-decoration: underline; }

.button, a.button, a.button:link, a.button:visited { display: inline-block; background: #7f7f7f; border: none; color: #fff; font-weight: 700; padding: 8px 26px; border-radius: 3px; transition: all 0.3s; line-height: 1; }
.button-pri, a.button-pri:link, .button-sec, a.button-sec:link, a.prodviewalts { font-size: 1.2em; padding: 10px 40px; }
.button-pri, a.button-pri:link, .prodadd input, .prodadd a.button, .prodlogin a, .btn-ok, a.prodviewalts { background: #1796d3; background: -webkit-linear-gradient(-45deg,  #22a2e2 0%,#1796d3 100%); background: linear-gradient(225deg,  #22a2e2 0%,#1796d3 100%); box-shadow: 0; }
a.button-pri, a h5.button-pri { color: #fff; text-decoration: none; }
a.button-med, a.button-med:link, input.button-med { font-size: 1.1em; padding: 9px 26px; }
.button:hover, .button:focus, a.button.grey:hover, a.button.grey:focus { background: #999; }
a.button-dark, a.button-dark:link { background: #333; transition: all 0.3s; }
a.button-dark:hover, a.button-dark:focus { background: #666; }

.button-pri:hover, a.button-pri:hover, .button-pri:focus, .prodadd input:hover, .prodadd input:focus, .prodadd a.button:hover, .prodadd a.button:focus, .prodlogin a:hover, .prodlogin a:focus, .btn-ok:hover, .btn-ok:focus { background: #08a5f0; background: -webkit-linear-gradient(-45deg, #26b9ff 0%, #08a5f0 100%); background: linear-gradient(225deg, #26b9ff 0%, #08a5f0 100%); box-shadow: 0 5px 15px -5px rgba(0,0,0,0.3); }
a.prodviewalts { background: #dc2a1b; background: -webkit-linear-gradient(-45deg, #ec3b27 0%,#cc0f10 100%); background: linear-gradient(225deg, #ec3b27 0%,#cc0f10 100%); }
a.prodviewalts:hover, a.prodviewalts:focus { background: #fd4b33; background: -webkit-linear-gradient(-45deg, #fd4b33 0%,#dc291c 100%); background: linear-gradient(225deg, #fd4b33 0%,#dc291c 100%); box-shadow: 0 5px 15px -5px rgba(0,0,0,0.3); }
button.textonly { border: none; background: none; padding: 8px 16px;}

a.button-sml, a.button-sml:link, input.button-sml { font-size: 0.9em; padding: 8px 15px; font-weight: 400; line-height: 1; }
.button.button-disabled, .button.button-disabled:hover, .button.button-disabled:focus, .button-pri.button-disabled { background: #bbb; cursor: not-allowed; }
a.button-neg, a.button-neg:link, a.button-neg:visited, a h5.button-neg, a h5.button-neg:link { background: #fff; color: #37a515; box-shadow: 0 3px 10px -3px rgba(0,0,0,0.2); }
a.button-neg:hover, a.button-neg:focus, a h5.button-neg:hover, a h5.button-neg:focus { background: #fff; color: #2dbc00; box-shadow: 0 5px 15px -5px rgba(0,0,0,0.3); }

.confirmdialog h2 { margin: 8px 0 24px !important; }
.confirmdialog .button { margin-right: 12px; font-size: 1.2em; padding: 10px 40px !important; }

.wait { display: inline-block; width: 28px; height: 34px; margin: 0 6px; vertical-align: middle;}
.wait.off img { display: none; color: #0093d8; }

.msg-alert, .msg-ok, .msg-error, .msg-warn, .msg-info, .formerrors li { clear: both; padding: 6px 12px 5px !important; margin-left: -2px; margin-right: -2px; font-weight: 700; color: #333 !important; }
.msg-alert, .formerrors li { background: #fef059 !important; }
.msg-error, .msg-warn { background: #fdd;}
.msg-ok { background: #a6eb5b;}
.msg-info { background: #a8ddf6; }
.msg-info a, .msg-info a:link, .msg-info a:visited { color: #0070b2; }
.msg-info a:hover, .msg-info a:active, .msg-info a:focus { color: #006092; }
.main p.msg-alert-small { font-size: 1.45em; }
input.textinput:required:valid { background-repeat: no-repeat; background-position: center right; background-position: top 50% right 8px; background-size: 24px;
 background-image: url("data:image/svg+xml,%3Csvg width='45px' height='34px' viewBox='0 0 45 34' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate%28-56.000000, -59.000000%29' fill='%2313A765'%3E%3Cpolygon points='70.1468531 85.8671329 97.013986 59 100.58042 62.5664336 70.1468531 93 56 78.8531469 59.5664336 75.2867133'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
input.textinput:placeholder-shown, .loginform input.textinput:required:valid, input.textinput.novalidate:required:valid { background: #fff; }
#searchform input.textinput:required:valid { background-image: none; }
.msg-alert a[href^="tel:"], .msg-ok a[href^="tel:"], .msg-error a[href^="tel:"], .msg-warn a[href^="tel:"], .msg-info a[href^="tel:"], .formerrors a[href^="tel:"] { color: #333 !important; font-weight: 700; }

.formerrors { list-style-type: none; margin: 0 0 20px; padding: 0;}
form .formerrors { margin-top: -20px; }
.formerrors > li { margin: 0 0 8px !important; }
.formerrors li ul { padding-top: 4px; }
.formerrors li li { padding: 2px 12px; }

.loginform { max-width: 600px; padding: 20px 0 30px; margin: 0 auto;}

.important { padding: 22px 18px; background: #fdd; color: #000; }
div.important { margin: 2em -5px; }
.important p:last-child { margin-bottom: 0; }
.inner div.important h2, .inner div.important h3, .inner div.important h4 { color: #000; }
.main.shop-important .inner { padding: 20px 0 1px; }

.cust-notice { background: #ff9; color: #000; padding: 10px 15px; text-align: center; margin: 0 0 30px; font-size: 1.1em; }
.cust-notice h2 { color: #000 !important; }
.cust-notice strong { font-size: 1.1em; }

#hero { height: 150px; padding: 0 20px; background-size: cover; background-position: center center; display: flex; flex-direction: column; justify-content: center; box-shadow: inset 0 30px 10px -20px rgba(0,0,0,0.2); }
#hero.home { background-color: #384c2e; background-image: url(../assets/bg/hero.jpg); }
#hero.about { background-color: #018b52; background-image: url(../assets/bg/hero-about.jpg); }
#hero.catadvice { background-color: #008761; background-image: url(../assets/bg/hero-catadvice.jpg); }
#hero.green { background: #009656; }
#hero.blue { background: #2567b7; }
#hero.brown { background: #a14444; }
#hero.pos { background: #a6cb4a; }
#hero h1, #hero h2 { margin: 0 auto; text-align: center; color: #fff; }
#hero h1 { text-transform: uppercase; font-size: 2.4em; font-weight: 700; letter-spacing: 0.1em; padding: 1.3em 0 0.5em 0; }
#hero h2 { font-size: 2.4em; letter-spacing: 0.05em; padding-bottom: 1.3em; }
#hero.depotlocator { background-color: #4a4574; background-image: url(../assets/bg/hero-depotlocator.jpg); }

#hero.hero-bestone { height: 200px; background-color: #62bb46; }
#hero.hero-bestone.green { background: #62bb46; }
#hero.hero-bestone h1 { font-size: 3.8em; font-family: 'Helvetica Black', 'Arial Black', sans-serif; font-weight: 900; padding: 0.8em 0 0.5em 0; text-transform: none; letter-spacing: 0; }
#hero.hero-bestone h2 { font-size: 2.2em; letter-spacing: 0.05em; padding-bottom: 1.3em; }

#hero.joinus, #hero.dropshipment { background-color: #ffe000; color: #3c3a3a; }
#hero.joinus h1, #hero.joinus h2, #hero.dropshipment h1, #hero.dropshipment h2 { color: #3c3a3a; }
#hero.retailersupport { background-color: #1d4864; }
#hero.retailersupport h1, #hero.forecourts h1, #hero.myrewards h1 { color: #ffe000; }
#hero.corerewards { background-color: #62bb46; }
#hero.myrewards { background-color: #164496; }
#hero.forecourts { background-color: #01854d; }
#hero.catadvice h1 { letter-spacing: 0.1em; }


.banner-slider { max-height: 278px; padding: 0; margin: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); }
.banner-slider #banner { padding: 0; margin: 0; list-style: none; text-align: left;}
.banner-slider #banner .slick-dots li { list-style: none; }
.banner-slider #banner .slick-dots li a { float: left; display: block; border: none; background: none; color: #898d8f; font-size: 0.8em; padding: 15px 14px 13px 14px; cursor: pointer; font-weight: 400; line-height: 1; }
.banner-slider li { display: none; }
.banner-slider li:first-child { display: inline-block; }


.banner-slider #banner .slick-dots { padding: 0; margin: 0 0 0 3px; position: absolute; bottom: -22px; display: block; width: 100%; list-style: none; text-align: center; }
.slick-dots li { display: inline-block; margin: 0 7px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 1; display: block; padding: 0; width: 12px; height: 12px; cursor: pointer; color: transparent; border: 0; outline: none; background: #ccc; border-radius: 50%; }
.slick-dots li.slick-active button { background: #006aab; }

#bottom-banner { max-width: 800px; margin: 22px auto 0 auto; }
#bottom-banner .slick-next { right: 25px; }
#bottom-banner .slick-prev { left: 25px; }

/* New homepage full width header banner  */
.pg_home .banner-slider, .promotions-preview .banner-slider { max-height: 278px; float: none; width: auto; }
.pg_home .banner-slider #banner .slick-slide img, .promotions-preview .banner-slider #banner .slick-slide img { max-height: 278px; }
.banner-slider .slick-slide { position: relative; }
.banner-slider .slick-slide:after { content: ''; display: block; background: #fff; width: 100%; padding-top: 24.386%; }
.banner-slider .slick-slide a { position: absolute; }
.banner-slider .slick-slide img { font-size: 1.2em; }

.banner-container { padding-bottom: 60px; overflow: hidden; }
.banner-container.quaker { background: #fff url(../assets/bg/home-slider-quaker.png) center center; background-size: 265px; }

.takeover #banner .slick-dots { z-index: 1; }
.banner-container.takeover { padding-bottom: 20px; margin-bottom: 18px; }
.banner-container.takeover #banner:after { content: ''; display: block; width: 100%; height: 50px; position: absolute; bottom: -50px; z-index: 0; }
.banner-container.quaker #banner:after { background: #fff; }

/* 4 panels on home page */
.home-promo-panels { max-width: 1140px; margin: auto; padding: 20px 0 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.home-promo-panels > div { width: 23%; position: relative; float: left; padding: 0; margin: 0 2.6% 0 0; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); }
.home-promo-panels .last { margin-right: 0 }
.home-promo-panels h3 { text-transform: uppercase; color: #3a3939; text-align: center; padding: 13px 5px 11px 5px; line-height: 1; margin: 0; font-weight: 700; font-size: 1.6em; background: #fff; }
.home-promo-panels p { text-align: center; margin: 0; }
.home-promo-panels p.hp-text { color: #333; line-height: 1.2; font-size: 1.5em; padding: 15px 20px 70px 20px; }
.home-promo-panels p.hp-button { position: absolute; bottom: 17px; left: 0; right: 0; margin: auto; }
.home-promo-panels .home-promo-energy { background: #efc930; }
.home-promo-panels .home-promo-tobacco { background: #dd971f; }
.home-promo-panels .home-promo-ramadan { background: #0c133c; }
.home-promo-panels .home-promo-tobacco p.hp-text { padding-left: 42px; padding-right: 42px; }
.home-promo-panels .home-promo-ramadan p.hp-text { color: #fff; padding-left: 42px; padding-right: 42px; }
.home-promo-panels .home-promo-category-advice p.hp-text { color: #d1e2d1; }
.home-promo-panels .home-promo-category-advice { background: #696e85; }
.home-promo-panels .home-promo-cricket { background: #b82842; }
.home-promo-panels .home-promo-cricket p.hp-text { color: #fff; padding-left: 42px; padding-right: 42px; }
.home-promo-panels .home-promo-summer-sorted { background: #19cad5; }
.home-promo-panels .home-promo-summer-sorted-aug19 { background: #ff481e; }
.home-promo-panels .home-promo-summer-sorted-aug19 p.hp-text { color: #f6ff24; }
.home-promo-panels .home-promo-carlsberg { background: #006930; }
.home-promo-panels .home-promo-carlsberg p.hp-text { color: #fff; }
.home-promo-panels .home-promo-wimbledon { background: #c6cf45; }
.hptakeover-content { margin-bottom: 50px; }


/* app page overrides */
.app .services-app-cta { margin-bottom: 0; }
.reg-slider .slick-slide img { max-height: 100%; }


.services-info-box p.apply { margin: 40px 0 0 0; }
.services-info-box p.apply a { display: inline-block; background: #0093d8; border: none; color: #fff; font-weight: 400; padding: 10px 17px; border-radius: 3px; line-height: 1; letter-spacing: 1px; font-size: 0.95em; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;  height: auto; }
.services-info-box p.apply a:hover { background: #41adf4; }
.services-subnav li p.apply a:hover:after { opacity: 0; }
.services-info-box p.apply.mob { display: none; }
.services-info-box p.apply.desk { display: block; }


/* Slick Carousel (base) */
.slick-slider { padding: 0; position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin: 0 auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline: 0; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; max-height: 248px; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

/* Slick (user) */
.banner-slider { text-align: center; }
.banner-slider-nav { position: absolute; z-index: 99; transform: translateX(-50%); text-align: center; display: inline-block; margin: 2px auto; padding: 5px 60px; }
ul.slick-dots { padding: 0; white-space: nowrap;}
.slick-prev, .slick-next { display: block; width: 40px; height: 40px; margin: auto; top: 1px; bottom: 0; text-indent: -9999px; position: absolute; z-index: 10; -webkit-box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); border-radius: 50%; border: none; background: #fff url(../assets/large-misc-icons.png) 14px -373px no-repeat; background-size: 312px 4000px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.slick-prev { left: 15px; }
.slick-next { right: 15px; background-position: -176px -373px; }
.banner-slider-nav .slick-next, .banner-slider-nav .slick-prev { transform: scale(0.8); opacity: 0.85; }
.slick-arrow:hover, .slick-arrow:focus{ -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.35); -moz-box-shadow: 0 0 15px 1px rgba(0,0,0,0.35); box-shadow: 0 0 15px 1px rgba(0,0,0,0.35); outline: none; }
.banner-slider-nav .slick-arrow:hover, .banner-slider-nav .slick-arrow:focus, .slick-next:focus { transform: scale(0.9); opacity: 1; }

.promotionslider.slick-initialized .slick-slide { display: table-cell; float: none; position: relative; }
.promotionslider.slick-track { display: table; vertical-align: top; }
.promotionslider .slick-slide { padding-bottom: 45px;}
.promotionslider .slick-slide .prodview { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); margin: 0 0 20px; font-size: 1em; }
.promotionslider .prodview a { font-size: 0.7em; }

.banner-end { float: right; width: 262px; margin-left: 30px; background: #fff; border: 1px solid #eaeaea; -webkit-box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.banner-end ul { padding: 0; margin: 0; list-style: none;  }
.banner-end ul li.depot { border-radius: 5px 5px 0 0; }
.banner-end ul li.banner-catadvice { border-radius: 0 0 5px 5px; }
.banner-end ul li { -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s; position: relative; }
.banner-end ul li:after { right: 10px; margin: auto; top: 0; bottom: 0; position: absolute; width: 17px; height: 17px; content: ''; display: block; background-image: url(../assets/large-misc-icons.png); background-repeat: no-repeat; background-size: 312px 4000px; border: none; background-position: 0 -595px; }
.banner-end ul li.depot, .banner-end ul li.app { border-bottom: 1px solid #eaeaea; }
.banner-end ul li.depot { background-position: 4px -445px; }
.banner-end ul li.app { background-position: 0px -676px; }
.banner-end ul li.app.icon-home { background-position: -2px -201px; }

.banner-end ul li.banner-catadvice { background-position: 0px -864px; }
.banner-end ul li:hover { background-color: #eaeef1; }
.banner-end ul li a { display: block; width: 100%; min-height: 96px; padding: 8px 40px 8px 91px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.banner-end ul li h3 { color: #000; text-transform: uppercase; font-size: 0.9em; font-weight: 400; margin-bottom: 9px; }
.banner-end ul li p { color: #898d8f; font-size: 0.7em; margin: 0; }
.home-banner-bottom { margin-top: 20px !important; text-align: center; }

.banner-slider #banner .slick-dots li a { padding: 15px 12px 13px 12px; }
.banner-slider #banner .slick-dots li.slick-active a { color: #111212; border-bottom: 2px solid #111212; }
.banner-end ul li a { height: 89.33333px; min-height: 89.33333px; }

.reg-slider { padding: 0; margin: 0 0 30px; }
.reg-slider .slick-slider { padding: 0; margin: 0; list-style: none; }
.reg-slider .slick-slide { display: none; }
.reg-slider .slick-slide li:first-child { display: inline-block; }
.reg-slider .slick-initialized .slick-slide { display: block; }
.reg-slider .slick-dots { padding: 0; margin: 0 0 0 3px; position: relative; display: block; width: 100%; list-style: none; text-align: center; }
.reg-slider .slick-dots li { list-style: none; display: inline-block; }
.reg-slider .slick-dots li a { float: left; display: block; border: none; background: none; color: #898d8f; font-size: 0.8em; padding: 15px 12px 12px 12px; cursor: pointer; font-weight: 400; line-height: 1; }
.reg-slider .slick-dots li.slick-active a { color: #111212; border-bottom: 2px solid #111212; }

/* tables */
.generaltable { width: 100%; border: none; margin: 15px 0 20px; font-size: 1.1em; }
.generaltable tbody { border-top: 1px solid #b1b1b1; }
.generaltable td, .generaltable th { font-size: 1.4em; line-height: 1.35; padding: 9px 8px 7px 6px; border-bottom: 1px solid #b1b1b1; text-align: left; }
.generaltable tr:nth-of-type(even) td, .generaltable tr:nth-of-type(even) th { background: #f5f6f8; }
.generaltable thead th { background: #fff; color: #848789; border-bottom: none; text-align: left;}
.generaltable tr td.center, .generaltable tr th.center { text-align: center; }
.generaltable th { color: #444; padding: 15px 8px 13px 6px; }
.generaltable th.aright, .generaltable td.aright { text-align: right; }
.generaltable .last td, .generaltable .last th { border-bottom: none; }

th.aleft { text-align: left; }
.generaltable.with-thead { border-top: none; }
.generaltable.recipes a { color: #851d52; }
.generaltable.recipes a:hover { color: #b04777; }
.generaltable.equalsize-2col td { width: 50%;}
.generaltable.equalsize-3col td { width: 33%;}
.generaltable.equalsize-4col td { width: 25%;}
.generaltable.aligntop td, .generaltable.aligntop th { vertical-align: top; }

tr.totals td { text-align: right; font-weight: bold; padding: 2px 5px 4px; }
tr.totals td.aleft { text-align: left; }
tr.total-cdc td { border-bottom: 1px solid #cbcdcf; }
.total-delivery em { font-weight: 400; color: #00a665; }
.fulltrolley .cdc_error td, .fulltrolley .cdc_error td a, .fulltrolley .cdc_error .trol-total-price, .totals.cdc_error td.total-cdc-amount { color: #d00; }
.fulltrolley .oos td, .fulltrolley .oos td a, .fulltrolley .oos .trol-total-price, .totals.oos td.total-cdc-amount { color: #f6405f; }
.main.trolley p.msg-error-red { background: #d11; color: #fff !important; line-height: 1.6; }
.msg-error-red .cdcproduct, .bannerads .cdcproduct { content: ''; display: inline-block; vertical-align: middle; margin: 0 2px; height: 27px; width: 24px; background: url(../assets/large-misc-icons3.png) 0 -2844px no-repeat; background-size: 250px; }


.main.thumbs .inner { display: table; }
.main.thumbs .prodnav { width: 210px; max-width: 210px; height: 240px; display: table-cell; vertical-align: top; padding-right: 20px; padding-bottom: 20px; }
.main.thumbs { padding-top: 22px; }
#img-preview { border: 10px solid #ddd; border: 10px solid rgba(225, 225, 225, 0.9); width: 250px; min-width: 250px; height: 250px; position: absolute; z-index: 100; left: 85px; top: -105px; display: none; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 10px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 10px; box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 10px; }
.fulltrolley #img-preview, .postable #img-preview { left: 100px; }
.fulltrolley tr, td.trol-image { position: relative; }

.prodnav h1, .prodnav h3 { text-transform: uppercase; color: #343232; font-size: 1.8em; letter-spacing: 0.02em; font-weight: 700; padding: 20px 0 15px 7px; margin-bottom: 1em; }
.productpagenav .prodnav h1, .productpagenav .prodnav h3 { padding-top: 0; }
.prodnav h4 { font-size: 1.7em; padding: 0 0 15px 7px; margin-top: 0;}
.prodnav ul { list-style: none; margin: 0 0 20px 0; padding: 0; }
.prodnav ul li a { display: block; color: #2a2b2b; font-size: 0.75em; letter-spacing: 0.05em; font-weight: 400; padding: 1px 1px 0px 8px; margin: 4px 0; line-height: 1.2; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.prodnav ul.caps li a.christmas-deals { color: #0093d8; font-size: 0.9em; font-weight: 600; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.prodnav ul.caps li a.christmas-deals:hover { color: #2a2b2b; }
.prodnav ul li a.navtracktrace { color: #dd971f; }
.prodnav ul li a.navtracktrace:hover, .prodnav ul li a.navtracktrace:focus { color: #a33600; }
.prodnav ul.caps li a { text-transform: uppercase; margin: 9px 0; }
.prodnav ul li.toplevel a, .prodnav ul li.active a { position: relative; color: #0093d8; }
.prodnav ul li.toplevel a { text-transform: uppercase; margin: 0 0 25px 0; }
.prodnav ul li.toplevel a:before, .prodnav ul li.active a:before, .prodnav ul li.active ul li.current a:before { position: absolute; content: ""; display: block; width: 3px; height: 100%; background: #4e8cce; left: -3px; top: -1px; }
.prodnav ul li a:hover, .prodnav ul li a:focus { color: #209c69; }
.prodnav ul li.current a, .prodnav ul li.current a:hover { color: #0093d8; border-left: 3px solid #0093d8;}
.prodnav p.icon-sprite2-before { color: #909497; font-size: 1.2em; letter-spacing: 0.02em; font-weight: 400; padding: 12px 0 0 20px; border-top: 1px solid #909497; text-align: left; margin: 0 0 0 4px; line-height: 18px; position: relative; }
.prodnav p.icon-sprite2-before:before { background-position: 1px -3120px; position: absolute; top: 4px; left: 0; height: 24px;}
.prodnav ul.chevron li a { background-image: url(../assets/large-misc-icons2.png); background-repeat: no-repeat; background-size: 312px 4000px; border: none; background-position: 178px -3157px; }
.prodnav ul.chevron li a { padding-right: 40px; }
.prodnav li.divider { height: 1px; border-bottom: 2px solid #eaeaea; margin: 12px 0 12px 7px; }

.prodnav ul li.active ul li a { color: #222; margin: 3px 0; text-transform: none;}
.prodnav ul li.active li a:before { display: none; }
.prodnav ul li.active ul li a:hover, .prodnav ul li.active ul li.current a { color: #0093d8; border: none; }
.no-search-results { padding-bottom: 50px; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: inner-spin-button !important; }
input[type=number] { -moz-appearance:inherit; padding-right: 8px; }

ul.breadcrumb li a:link, ul.breadcrumb li a:visited { color: #0093d8; }

.shop { background: #fff; }
.shop h3 { text-align: center; padding-top: 45px; color: #919598; font-size: 1.5em; font-weight: 700; letter-spacing: 0.08em; }
.shop .products { padding: 0; font-size: 1.36em; text-align: center; margin: 0; }
.shop .products li { list-style: none; display: inline-block; position: relative; max-width: 180px; padding: 35px 12px 45px 12px; }
.shop .products .prodname { font-size: 0.8em; line-height: 1.3; margin-bottom: 25px; }
.shop .products .prodsize { font-size: 0.8em; line-height: 1.3; margin-bottom: 6px; }
.shop .products .prodprice { color: #209c69; font-weight: 700; font-size: 1.4em; letter-spacing: 0.04em; margin-bottom: 0; line-height: 1.1; }
.shop .products .prodoffer { color: #209c69; font-weight: 700; font-size: 0.95em; margin-bottom: 10px; line-height: 1; }
.shop .products .prodname { color: #343232; font-weight: 700; }
.shop .products .special, .shop .products .new { height: 29px; line-height: 29px; font-weight: 700; position: absolute; left: 0; top: 0; background: #ffe705; text-align: left; color: #000; text-transform: uppercase; font-size: 0.7em; padding: 0 19px; letter-spacing: 0.05em; }
.shop .products .special:after, .shop .products .new:after, .shop .products .special:before, .shop .products .new:before { content: ''; display: block; position: absolute; right: -26px; top: 0; width: 26px; height: 29px; border-style: solid; border-width: 29px 26px 0 0; border-color: #ffe705 transparent transparent transparent; }
.shop .products .new { left: auto; right: 0; background: #209c69; color: #fff }
.shop .products .new:before, .shop .products .new:after { right: auto; left: -26px; border-width: 0 26px 29px 0; border-color: transparent #209c69 transparent transparent; }
.shop .products .special:before { right: -25px; }
.shop .products .new:before { left: -25px; }
.shop .products .must, .shop .products .bogofcollect { content: ""; display: block; position: absolute; width: 60px; height: 60px; right: 5px; top: 33px; background: url(../assets/large-misc-icons2.png) no-repeat 0 -2742px; background-size: 312px 4000px; text-indent: -9999px; z-index: 2; }
.shop .products .bogofcollect { background: url(../assets/icons/bogof-collect-only.png) no-repeat 0 0; background-size: 60px; }

.shop .products .multibuy { /*! height: 31px; */ line-height: 31px; font-weight: 700; position: absolute; left: 0; top: 0; background: #ffe705; text-align: left; color: #000; text-transform: uppercase; font-size: 0.7em; padding: 0 19px; letter-spacing: 0.05em; }
.shop .products .multibuy:after, .shop .products .multibuy:before { content: ''; display: block; position: absolute; right: -26px; top: 0; width: 26px; height: 31px; border-style: solid; border-width: 31px 26px 0 0; border-color: #ffe705 transparent transparent transparent; }
.shop .products .multibuy { background: #bc2229; color: #fff; }
.shop .products .multibuy:after, .shop .products .multibuy:before { border-color: #bc2229 transparent transparent transparent; }

/* text pages with main text in white shadow box */
.curved-shadow { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 3px 15px -1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 15px -1px rgba(0,0,0,0.1); box-shadow: 0px 3px 15px -1px rgba(0,0,0,0.1); }
.inner-narrow { max-width: 750px; }
.curved-shadow.white-box { background: #fff; padding: 35px 35px 30px 35px; overflow: hidden; }
.curved-shadow.white-box h1 { color: #434647; font-size: 2.3em; text-transform: uppercase; font-weight: 700; letter-spacing: 0.03em; padding: 0 0 10px 0; margin: 0; }
.curved-shadow.white-box h2, .curved-shadow.white-box h3, .curved-shadow.white-box h4 { color: #434647; font-size: 2.1em; font-weight: 700; letter-spacing: 0.01em; padding: 10px 0 10px 0; margin: 0; }
.curved-shadow.white-box h3, .curved-shadow.white-box h4 { color: #7a7d80; font-size: 1.8em; }
.curved-shadow.white-box h4 { font-size: 1.6em; }
.curved-shadow.white-box .curved-shadow-button { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 3px 15px -1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 15px -1px rgba(0,0,0,0.1); box-shadow: 0px 3px 15px -1px rgba(0,0,0,0.1);  }
.main .inner iframe { max-width: 100%; margin: 20px 0; }
.curved-shadow.white-box .nomargin { margin: 0; }
.white-box-inner-full { margin: 0 -35px; }
.main .inner .curved-shadow.white-box { min-height: 200px;}

.password-reset { text-align: right; }
.password-reset a { font-size: 0.85em; color: #898d8f; font-weight: 400; }
.password-reset a:hover, .password-reset a:focus { color: #222; }
.login .main p.line { margin: 0; padding: 0; border-bottom: 1px solid #a8abae; overflow: hidden; }
.logincontrols { display: table; width: 100%; margin: 20px 0;}
.logincontrols p { display: table-cell; }

.essential-offers-heading.shop-by-brand { margin-top: 20px; }
.shop-by-brand-container { background: #fff; -webkit-box-shadow: 0px 3px 15px -1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 15px -1px rgba(0,0,0,0.1); box-shadow: 0px 3px 15px -1px rgba(0,0,0,0.1); }
#shop-by-brand { max-width: 1140px; margin: auto; }

.essential-offers-heading { text-align: center; margin: 10px 0 5px 0; font-size: 2.5em; }
.essential-offers-heading a.button { font-size: 0.6em; margin-bottom: 12px;}
.essential-offers-button { text-align: center; padding-bottom: 10px; }
.essential-offers-heading a.offers-button { padding: 10px 25px 8px 25px; }
.essential-offers-heading span { text-transform: uppercase; color: #000; font-size: 0.7em; font-weight: 700; padding-left: 7px; padding-right: 7px; }
.essential-offers-heading a { font-size: 0.55em; letter-spacing: 0.05em; }
.essential-offers-heading a:hover { color: #000; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; }
.essential-offers-heading a.button:hover, .essential-offers-heading a.button:focus { color: #fff; }
.essential-offers { background: #fff; text-align: center; -webkit-box-shadow: 0px 3px 15px -1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 15px -1px rgba(0,0,0,0.1); box-shadow: 0px 3px 15px -1px rgba(0,0,0,0.1);}
.essential-offers .promotionslider { margin-top: 0; }
.offers-plain { background: #fff; text-align: center; }
.essential-offers p, .offers-plain p { margin: 8px auto; max-width: 220px; line-height: 1.2 }
.promotionslider li.slick-slide { border-right: 1px solid #f6f6f6; padding-left: 10px; padding-right: 10px; }
.promotionslider .prodimage { margin-bottom: 16px; margin-top: 20px; }
.promotionslider .prodimage img { display:inherit; }
.promotionslider .esscat { color: #5fb1d0; text-transform: uppercase; font-size: 0.62em; }
.promotionslider .prodname { color: #434444; text-transform: uppercase; font-size: 1.05em; font-weight: 700; margin-bottom: 0; }
.promotionslider .blkprodoffer { color: #0093d8; font-size: 0.75em; font-weight: 700; }
.promotionslider .prodvariants { color: #b4b8b9; font-size: 0.75em; margin: 5px auto; }
.promotionslider .prodsize { color: #434444; font-size: 0.8em; margin: 0 auto;}
.promotionslider .redprodoffer { color: #e32f3d; font-size: 1.05em; font-weight: 700; }
.promotionslider .prodourprice {  color: #00a665; text-transform: uppercase; font-size: 0.8em; font-weight: 700; margin: 8px auto -8px auto; }
.promotionslider .prodprice { color: #00a665; text-transform: uppercase; font-size: 1.6em; font-weight: 700; margin-bottom: 0; }

.brand-panel { float: left; width: 263px;  text-align: center; }
.brand-panel.bestone, .brand-panel.foodservice, .brand-panel.bestpets { margin-right: 29px;  }
.brand-panel.exports { background: #fff; }
.brand-panel.bestone { background: #787f82; }
.brand-panel.foodservice { background: #fff; }
.brand-panel.bestpets { background: #00b1c2; }
.brand-panel .logo { margin: 0; }
.brand-panel .logo span { height: 90px; margin: 0 auto; display: block; }
.brand-panel.bestone .logo span { background-position: -5px -3140px; max-width: 170px; }
.brand-panel.foodservice .logo span { background-position: 0 -1158px; max-width: 172px; }
.brand-panel.bestpets .logo span { background-position: 0 -1278px; max-width: 135px; }
.brand-panel.exports .logo span { background-position: 7px -1798px; max-width: 160px; background-size: 215px 2750px; }
.brand-panel .brand-panel-height { float: left; }
.brand-panel h3 { max-width: 215px; margin: 20px auto 0 auto; text-transform: uppercase; font-size: 1.8em; font-weight: 700; color: #fff; }
.brand-panel h3.blk { color: #41484e; }
.brand-panel .strapline { max-width: 250px; min-height: 55px; margin: 3px auto 12px auto; color: #fff; font-size: 1.45em; letter-spacing: 0.03em; line-height: 1.2; display: flex; align-items: center; justify-content: center; }
.brand-panel .strapline.grey { color: #9a9d9f; }
.brand-panel .learn { margin-bottom: 25px; }
.brand-panel.bestone .learn a:hover { -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.7); -moz-box-shadow: 0 0 15px 1px rgba(0,0,0,0.7); box-shadow: 0 0 15px 1px rgba(0,0,0,0.7); }
.brand-panel.bestpets .learn a:hover, .brand-panel.exports .learn a:hover { -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 15px 1px rgba(0,0,0,0.5); box-shadow: 0 0 15px 1px rgba(0,0,0,0.5); }
.brand-panel.bestone .logo span, .other-brands .bestone a { background-image: url(../assets/large-misc-icons391f7.png?a=11); }



.applinks p { display: inline-block; }
.applinks p:last-child {  margin-left: 30px; }

.app-panel { display: table; background: #0093d8; width: 100%; margin: 0 auto; }
.app-panel .app-table { display: table; width: 790px; margin: auto; padding: 40px 30px; }
.app-panel .cell { display: table-cell; vertical-align: middle; padding: 0 5px; }
.app-panel .app-icons { width: 138px; }
.app-panel .app-content h3 { color: #fff; font-size: 1.9em; line-height: 1.1; font-weight: 700; letter-spacing: 1px; margin: 0; }
.app-panel .app-content p { color: #fff; font-size: 1.6em; line-height: 1.2; letter-spacing: 0.03em; margin: 6px 0 0 0; }
.app-panel .app-icons p { margin: 0; }
.app-panel .appstore a, .app-panel .googleplay a { display: block; width: 128px; height: 38px; text-indent: -9999px; margin: 0; }
.app-panel .appstore a { background-position: 0px -1578px; }
.app-panel .googleplay a { background-position: 0px -1717px; }

.app-panel.app-mobile  { display: none; }

.promotional-brochures { background: #fff; padding: 9px 30px 11px 0; display: table; width: 100%; margin-bottom: 0; margin: 30px 0; }
.promotional-brochures .col { display: table-cell; }
.promotional-brochures .col1 { width: 50%; vertical-align: top;  }
.promotional-brochures .col2 { width: 210px; vertical-align: middle;  }
.promotional-brochures .col2 img { border: 1px solid #e5e5e5; }
.promotional-brochures .col3 { text-align: center;  vertical-align: middle; }
.promotional-brochures h2 { text-align: center; position: relative; height: 50px; margin-top: 20px; letter-spacing: 1.5px; display: inline-block; background: #bc2229; color: #fff; font-size: 1.8em; line-height: 50px; padding: 0 10px 0 25px; text-transform: uppercase; font-weight: 700; }
.promotional-brochures h2:after { content: ' '; width: 0; height: 0; border-style: solid; border-width: 50px 50px 0 0; border-color: #bc2229 transparent transparent transparent; position: absolute; top: 0; right: -50px; }
.promotional-brochures h3 { color: #41484e; font-size: 1.8em; font-weight: 700; padding: 0 0 0 40px; margin: 8px 0 16px 0; }
.promotional-brochures h4 { font-size: 1.7em; margin: 24px 0 8px; }
.promotional-brochures p, .promotional-brochures ul.plain li { color: #898d8f; font-size: 1.5em; font-weight: 300; line-height: 1.4; }
.promotional-brochures .col1 p { padding: 0 80px 15px 40px; }
.promotional-brochures .learn-more { display: inline-block; background: #0093d8; border: none; color: #fff; font-weight: 400; padding: 10px 17px; border-radius: 3px; line-height: 1; letter-spacing: 1px; font-size: 0.95em; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.promotional-brochures .learn-more:hover { background: #41adf4; }
.promotional-brochures ul { display: inline-block; text-align: initial; padding: 0; }
.promotional-brochures ul li { letter-spacing: 1px; color: #41484e; font-size: 1.6em; font-weight: 700; padding: 0; margin: 0 0 0 30px; }
.promotional-brochures ul li.heading { color: #898d8f; font-size: 1.4em; font-weight: 300; list-style: none; margin: 0 0 20px 15px; }
.promotional-brochures ul.plain { display: inline-block; text-align: initial; padding: 0 80px 7px 40px; margin-top: -10px;}
.promotional-brochures ul.plain li { letter-spacing: 0; font-weight: 400; padding: 0; margin: 0 0 0 30px; }

/* Promotional Brochures page specific */
.prom-broc .promotional-brochures .col3 { vertical-align: middle; text-align: left; padding: 50px 20px 0 45px; }
.prom-broc .promotional-brochures h2 { width: 290px; }
.prom-broc .promotional-brochures h2.twolines { font-size: 1.7em; line-height: 1.2; padding: 6px 23px; }
.prom-broc .promotional-brochures.pcs h2 { font-size: 1.7em; line-height: 1.2; padding: 6px 23px; }
.prom-broc .promotional-brochures .col1 { width: auto; }
.prom-broc .promotional-brochures .col1 p { padding: 0 80px 7px 40px; }
.prom-broc .promotional-brochures .col1 p.linebreak { margin: 0; padding-bottom: 4px; }
.prom-broc .promotional-brochures .col1 p.period { font-weight: 400; }
.prom-broc .promotional-brochures .col3 { text-align: center; padding: 30px 60px; width: 270px; }
.prom-broc .promotional-brochures .col3 p { font-weight: 400; padding-bottom: 10px; }
.prom-broc .learn-more { display: inline-block; background: #0093d8; border: none; color: #fff; font-weight: 400; padding: 10px 17px; border-radius: 3px; line-height: 1; letter-spacing: 1px; font-size: 0.95em; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.prom-broc .learn-more { padding: 10px 40px; }
.prom-broc .shop-full-range { text-align: center; margin-top: 30px; }
.prom-broc .shop-full-range a { background: #fff; display: inline-block; padding: 11px 15px; border-radius: 8px; border: 1px solid #e3e3e2; font-size: 1.4em; font-weight: 400; box-shadow: 0px 3px 15px -1px rgba(0,0,0,0.1);}
.prom-broc .shop-full-range a:hover { box-shadow: 0 0 15px 1px rgba(0,0,0,0.2); transition: all .3s; }
.prom-broc .promotional-brochures { padding: 9px 0 11px 0; }
.promotional-brochures .view { padding: 0 0 10px 0; margin: 0; }
.promotional-brochures .download { padding: 0; margin: 0; }
.prom-broc .promotional-brochures .brochure-button a, .promotional-brochures a.button { min-width: 160px; padding: 10px; }


.rda { clear: both; background: #fff; }
.rda-programme { float: left; width: 340px; padding: 30px 60px 0 30px; }
.rda-image { float: left; width: 400px; position: relative; text-align: right;}
.rda-image .rda-rosette { position: absolute; left: -80px; top: 17px;  }
.rda-winner { float: left; width: 376px; padding: 20px; }
.rda-programme h5 { text-transform: uppercase; font-size: 1.8em; font-weight: 700; color: #000; margin-bottom: 20px; }
.rda-programme p { color: #919598; letter-spacing: 0.05em; font-size: 1.35em; }
.rda-winner .image { float: left; width: 96px; }
.rda-winner .caption { float: left; width: 240px; padding-left: 10px; }
.rda-winner p { color: #919598; letter-spacing: 0.02em; }
.rda-winner h3 { font-size: 1.6em; font-weight: 700; color: #000; margin: 19px 0 5px 0; }
.rda-winner h4 { font-size: 1.4em; font-weight: 700; color: #929699; margin: 0 0 5px 0; }
.rda-winner h5 { font-size: 1.4em; font-weight: 400; color: #929699; margin: 0 0 30px 0; }
.rda-winner .quote { padding-bottom: 20px; font-size: 1.35em; clear: both; }
.rda-winner .register, .rda-winner .learn { display: inline-block;  }
.rda-winner .register { padding-right: 20px; }
.rda-winner .learn { padding: 7px 7px 7px 0; }
.rda-winner .learn a { font-size: 1.0em; font-weight: 400; letter-spacing: 0.05em; }
.rda-winner .registerKILL a:hover { background: #006cad; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; }
.rda-winner .learn a { color: #0093d8; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; }
.rda-winner .learn a:hover { color: #333; }


.services-subnav { max-width: 1150px; margin: 0 auto; padding: 0; display: table; width: 100%; background: #fff url(../assets/services/services-grey-line.png) 0 0 repeat-x; }
.services-subnav li { float: left; width: 20%; height: 168px; position: relative; list-style: none; margin: 0; padding: 0; display: table-cell; vertical-align: middle; }
.services-subnav li a { padding: 20px 0; color: #898d8f; font-size: 1.05em; font-weight: 400; text-align: center; display: block; }

.services-subnav li span { display: block; }
.services-subnav li span.image { height: 92px; }
.services-subnav-line { border-bottom: 1px solid #e5e5e5; }

.services-subnav li.bbf span.image { padding-top: 24px; }
.services-subnav li.bestone span.image { padding-top: 30px; }
.services-subnav li.xtra span.image { padding-top: 17px; }
.services-subnav li.bestpets span.image { padding-top: 19px; }
.services-subnav li.vansdirect span.image { padding-top: 22px; }
.services-subnav li.retail span.image { padding-top: 30px; }
.services-subnav li.app span.image { padding-top: 17px; }
.services-subnav li.catadvice span.image { padding-top: 38px; }
.services-subnav li.export span.image { padding-top: 24px; }
.services-subnav li.services-rda span.image { padding-top: 13px; }

.services-subnav li.bbf,
.services-subnav li.bestone,
.services-subnav li.xtra,
.services-subnav li.bestpets,
.services-subnav li.retail,
.services-subnav li.app,
.services-subnav li.catadvice,
.services-subnav li.export { border-right: 1px solid #e5e5e5; }
.services-subnav li a:after { content: ""; display: block; position: absolute; bottom: 0; height: 3px; width: 92px; background: #ccc; opacity: 0; left: 0; right: 0; margin: auto; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.services-subnav li a:hover:after { opacity: 1; }
.services-subnav li a { height: 168px; }
.services-subnav li a.hasBioOpen:after { background: #434647; opacity: 1; }
.services-info-boxes { background: #f6f6f6; padding-bottom: 30px; }
.services-info-box { background: #fff; display: table; width: 100%; padding: 30px 25px 25px 25px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 3px 15px -1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 15px -1px rgba(0,0,0,0.1); box-shadow: 0px 3px 15px -1px rgba(0,0,0,0.1); border: 2px solid #e8e8e7; }
.services-info-box .cell { display: table-cell; vertical-align: top; }
.services-info-box .cell.logo { width: 240px; text-align: center; padding-right: 25px; }
.services-info-box .cell.text { padding-right: 50px; }
.services-info-box .cell.image { width: 253px; }
.services-info-box h3 { font-size: 1.75em; font-weight: 700; text-transform: uppercase; color: #41484e; letter-spacing: 0.03em; margin-bottom: 3px; }
.services-info-box h4 { font-size: 1.6em; font-weight: 700; text-transform: uppercase; color: #919598; letter-spacing: 0.03em; margin: 0 0 7px 0; }
.services-info-box h5 { font-size: 1.5em; font-weight: 700; color: #696f73; letter-spacing: 0.03em; margin: 25px 0 1px 0; }
.services-info-box p { font-size: 1.4em; color: #717578; letter-spacing: 0.03em; margin-bottom: 7px; line-height: 1.35; }
.services-info-box p.learn { padding-top: 20px; }
.services-info-box p.learn a { font-size: 0.98em; }
.services-info-box p.strapline { margin-top: 25px; }
.services-info-box.bbf .logo { padding-top: 10px; }
.services-info-box.services-rda { padding: 40px; }
.services-info-box.services-rda .cell.text { padding: 0 80px 0 0; width: auto; }
.services-info-box.services-rda .indent { padding: 25px 0 0 110px; }
.services-info-box.services-rda .cell.image { width: 291px; padding-top: 15px; }
.services-info-box.services-rda .cell.image p { padding-bottom: 20px; }
.services-info-box.services-rda .winner { display: table; width: 100%; }
.services-info-box.services-rda .winner-image, .services-info-box.services-rda .winner-text { vertical-align: middle; }
.services-info-box.services-rda .winner-image { width: 105px; }
.services-info-box.services-rda .winner-text p { letter-spacing: 0; margin-bottom: 0; line-height: 1.4; }
.services-info-box.services-rda .winner-text .heading { color: #000; font-weight: 700; font-size: 1.5em; }
.services-info-box.services-rda .winner-text .name { color: #919598; font-weight: 700; font-size: 1.4em; }
.services-info-box.services-rda p.winner-quote { margin-bottom: 20px; }
.services-info-box.services-rda h3 { color: #555; margin-bottom: 10px; }
.services-info-box.retail a { display: inline-block; padding: 0; text-align: left; height: auto; font-weight: 700; color: #0093d8; }
.services-info-box.retail a:hover { color: #000; }
.services-subnav li .services-info-box.retail a:after { display: none; }
.services-subnav li a.email { height: auto; padding: 0; text-align: left; display: inline-block; font-weight: 700; }
.services-info-box .blueline { margin: 7px 0 0 0; height: 1px; background: #1694d2; }
.services-info-box h6 { margin: 0; color: #1694d2; text-transform: uppercase; }
.services-info-box.vans-direct .line { margin: 20px 0; height: 1px; background: #ccc; }
.services-info-box.vans-direct .line.light { background: #e4e4e4; }

.services-app-cta { margin-bottom: 25px; }
.services-app-cta p { display: inline-block; margin-right: 5%; }
.services-app-cta p.googleplay1 { margin-right: 0; }
.services-app-cta-divider { display: none; }
.services-app-cta:after { content: ""; display: table; clear: both; }
.services-app-cta a { height: auto !important; }
.services-app-cta a:after { display: none; }


.hidden { display: none; }
.services-subnav li a.closeService { font-size: 13px; color: #898d8f; font-weight: 600; position: relative; display: inline-block; height: auto; padding: 9px 0px 0 0; text-align: left; }
.services-subnav li a.closeService:after { position: absolute; top: 0; right: -36px; display: inline-block; content: ''; background: url(../assets/large-misc-icons391f7.png?a=11) -1px -2584px no-repeat; height: 30px;
width: 30px; background-size: 312px 4000px; bottom: auto; left: auto; margin: 0; opacity: 1; }
.services-subnav li a.closeService:after:hover { display: none; }
.services-subnav .closebutton { display: block; text-align: right; padding: 6px 35px 0 0; }
.services-subnav li .learn a { color: #0093d8; height: auto; padding: 12px 18px 12px 18px; background: #fff; border: 1px solid #ebebea; display: inline-block; border-radius: 5px; -webkit-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.1); box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.1); font-size: 0.8em; font-weight: 400; letter-spacing: 0.03em; line-height: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.services-subnav li .learn a:hover { -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 15px 1px rgba(0,0,0,0.3); box-shadow: 0 0 15px 1px rgba(0,0,0,0.3); }
.services-subnav li .learn a:hover:after { opacity: 0; }
.services-subnav li.bioOpen { display: block; clear: both; width: 100%; height: auto; float: none; background: #f6f6f6; padding-bottom: 48px; }
.services-subnav li.bioOpen .services-app-cta a:hover:after { opacity: 0; display: none; }


.appinfo { max-width: 980px; margin: 0 auto; display: table; vertical-align: bottom; }
.appphone, .appcontent { display: table-cell; vertical-align: bottom; }
.appcontent { max-width: 505px; padding: 0 50px 30px 50px;  }
.appcontent h3 { font-weight: 700; font-size: 3em; letter-spacing: 0.05em; margin-bottom: 20px; }
.appcontent p { font-size: 1.8em; color: #898d8f; letter-spacing: 0.05em; }
.appcontent .learn { margin-bottom: 40px; }
.appcontent p.text { margin-bottom: 15px; }
.appcontent .appstore, .appcontent .googleplay { display: inline-block; }
.appcontent .appstore { margin-right: 30px; }
.appcontent .appstore a, .appcontent .googleplay a { display: block; width: 128px; height: 38px; text-indent: -9999px; margin: 0; }
.appcontent .appstore a { background-position: 0px -1578px; }
.appcontent .googleplay a { background-position: 0px -1717px; }

.applinks { margin-top: 20px; }
.applinks .appstore, .applinks .googleplay { display: inline-block; }
.applinks .googleplay { margin-left: 30px; }
.applinks .appstore a, .applinks .googleplay a { display: block; width: 128px; height: 38px; text-indent: -9999px; margin: 0; }
.applinks .appstore a { background-position: 0px -1578px; }
.applinks .googleplay a { background-position: 0px -1717px; }

.main p.app-device-info { padding: 40px 0 0 0; font-size: 1.4em; }

.other-brands-container { background-color: #fff; }
.other-brands { max-width: 1063px; margin: 0 auto 0 auto; padding: 30px 0 10px 0; }
.other-brands h3 { text-align: center; color: #898d8f; font-size: 1.4em; letter-spacing: 0.05em; margin-bottom: 25px; }
.other-brands p { display: inline-block; margin-right: 45px; }
.other-brands p a { display: block; text-indent: -9999px; background-repeat: no-repeat; margin: 0; }
.other-brands .bestone a { background-size: 200px 2564px; background-position: 0 -1927px; width: 117px; height: 49px; }
.other-brands .bestpets a { background-position: -5px -2088px; width: 106px; height: 54px; }
.other-brands .bbfoodservice a { background-position: 0px -2226px; width: 152px; height: 54px; }
.other-brands .esscat a { background-position: 0px -1839px; width: 168px; height: 51px; }
.other-brands .export a { background-position: 0px -1471px; width: 122px; height: 56px; background-size: 175px 2244px; }
.other-brands .vansdirect { background-position: -12px -3275px; width: 113px; height: 63px; text-indent: -9999px; background-repeat: no-repeat; }

.curved-shadow.twocol { width: 555px; float: left; }
.match-height { display: flex; flex-wrap: wrap; }

.match-height .curved-shadow.twocol:first-child { margin: 0 30px 30px 0; }
.match-height .curved-shadow.twocol:nth-child(2) { margin: 0 0 30px 0; }
.our-brands .curved-shadow.twocol { background-color: #fff; padding: 37px 68px 65px 246px; position: relative; }
.our-brands .curved-shadow.twocol .learn { position: absolute; bottom: 65px; left: 80px; }
.our-brands .curved-shadow.twocol .learn a { font-size: 1em; }
.our-brands .curved-shadow.twocol h3 { font-size: 1.8em; font-weight: 700; color: #40434a; text-transform: uppercase; margin: 0; letter-spacing: 0.05em; }
.our-brands .curved-shadow.twocol h4 { font-size: 1.6em; font-weight: 700; color: #959698; text-transform: uppercase; margin: 0 0 7px 0; letter-spacing: 0.05em; }
.our-brands .curved-shadow.twocol p, .our-brands .curved-shadow.twocol ul li { font-size: 1.3em; color: #939393; letter-spacing: 0.05em; line-height: 1.4; }
.our-brands .icon-sprite { position: absolute; top: 37px; }
.our-brands .bestone .icon-sprite { background-position: 0px -2501px; width: 166px; height: 54px; left: 50px; }
.our-brands .xtra .icon-sprite  { background-position: 0px -2643px; width: 160px; height: 110px; left: 54px; }
.our-brands .bestway .icon-sprite { background-position: 0px -3281px; width: 112px; height: 246px; left: 78px; }
.our-brands .foodservice .icon-sprite { background-position: 0px -2868px; width: 124px; height: 100px; left: 72px; }
.our-brands .export .icon-sprite { background-position: 0px -3092px; width: 175px; height: 45px; left: 42px; }
.our-brands .bestpets .icon-sprite { background-position: -8px -3623px; width: 178px; height: 88px; left: 41px; }

.main.ownlabel .inner { display:flex; }
.ownlabel .subhead { color: #333; font-size: 2.3em; padding: 0px 0 26px 0; margin: 0; font-weight: 700; text-align: center; width: 100%; }

.ownlabel-subnav {  max-width: 920px; margin: 0 auto; padding: 0; display: table; width: 100%; }
.ownlabel-subnav li  { width: 230px; min-width: 140px; position: relative; list-style: none; margin: 0; padding: 0; float: left; display: table-cell; vertical-align: middle;  }

.myrewardsstatement h2, .infopage .myrewardsstatement h2 { color: #ffe000; font-family: 'Helvetica Black', 'Arial Black', sans-serif; font-weight: 900; font-size: 2.8em; letter-spacing: -0.5px; margin: 0 0 2px; }
.myrewardsstatement h2 .small { font-size: 0.6em; white-space: nowrap;}
.myrewardsstatement { background: #164496; color: #fff; padding: 20px 30px 10px; margin-bottom: 30px;}
.myrewardsstatement table { width: 100%; margin: 0 0 16px; }
.myrewardsstatement thead th { color: #ffe000; border-bottom: 2px solid #ffe000; padding: 0 0 8px; font-size: 1.6em;}
th.aleft { text-align: left; }
.myrewardsstatement tbody tr:first-child td { padding-top: 10px; }
.myrewardsstatement td { padding: 8px 12px 0 0; font-size: 1.8em; line-height: 1.3; }
.myrewardsstatement .mr-week { padding-left: 30px;}
.myrewardsstatement td .small { font-size: 0.8em; }
.myrewardsstatement tbody tr:last-child td { padding-bottom: 10px; border-bottom: 2px solid #ffe000; }
.myrewardsstatement p { font-size: 1.4em; }
.mfp-general .myrewardsstatement p { color: #fff; }
.mfp-general .myrewardsstatement h2 { margin: 0 0 12px;}
.mfp-general .myrewardsstatement { margin: -8px 0 0; }
#mrstatement-modal { max-width: 700px;}
.mfp-close-btn-in #mrstatement-modal .mfp-close { color: #333 !important; }




/* DELETE ? */
.ownlabel-subnav li a:before { display: none; }
.ownlabel-subnav li.bestone a:before { height: 75px; width: 102px; background-image: url(../assets/large-misc-icons.png); background-repeat: no-repeat; background-size: 312px 4000px; background-position: 1px -3794px; }
.ownlabel-subnav li.whitepearl a:before { height: 85px; width: 76px; background-position: 0 -370px; }
.ownlabel-subnav li.esscat a:before { height: 80px; width: 99px; background-position: 0 -4px; }
.ownlabel-subnav li.essclean a:before { height: 80px; width: 99px; background-position: 0 -187px; }
/* DELETE ? */



.ownlabel-subnav li a, .ownlabel-subnav li .nolink { display: block; padding: 20px 0; color: #898d8f; font-size: 1.05em; font-weight: 400; text-align: center;  }
.ownlabel-subnav li a:after, .ownlabel-subnav li .nolink:after { content: ""; display: block; position: absolute; bottom: 0; height: 3px; width: 92px; background: #ccc; opacity: 0; left: 0; right: 0; margin: auto; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.ownlabel-subnav li span { display: block; }
.ownlabel-subnav li span.image { height: 92px; }
.ownlabel-subnav li.bestin span.image { padding-top: 20px; }
.ownlabel-subnav li.whitepearl span.image { padding-top: 7px; }
.ownlabel-subnav li.esscat span.image { padding-top: 25px; }
.ownlabel-subnav li.essclean span.image { padding-top: 25px; }
.ownlabel-subnav li.esscafe span.image { padding-top: 25px; }
.ownlabel-subnav li.bestpets span.image { padding-top: 20px; }
.ownlabel-subnav li.ownlabalc span.image { padding-top: 10px; }


.ownlabel-subnav li.bestone, .ownlabel-subnav li.whitepearl, .ownlabel-subnav li.esscat, .ownlabel-subnav li.esscafe, .ownlabel-subnav li.bestpets, .ownlabel-subnav li.ownlabalc { border-right: 1px solid #e5e5e5; }
.ownlabel-subnav-line { border-bottom: 1px solid #e5e5e5; }
.ownlabel-intro { padding: 30px 0 0 0; background: #f6f6f6; }
.ownlabel-intro h3 { text-align: center; color: #676a6c; font-weight: 700; font-size: 18px; }
.ownlabel-intro p { text-align: center; max-width: 700px; margin-left: auto; margin-right: auto; }

.ownlabel-subnav li a:hover:after { opacity: 1; }
.ownlabel-subnav li.current a:after, .topnav ul li.current a:after { background: #434647; opacity: 1; }
.ownlabel .info-content, .ownlabel .info-image { float: left; min-height: 400px; }
.ownlabel .info-content { width: 50%; padding: 20px 80px 20px 80px; }
.ownlabel .info-image { width: 50%; text-align: right; }
.ownlabel .inline { display: inline-block; }
.ownlabel .text-link { font-weight: 400;  -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.ownlabel .white-button a { font-size: 0.95em; }
.ownlabel .white-button { margin-right: 20px; }
.ownlabel .info-content p { text-align: center;  text-align: center; font-size: 1.4em; margin-bottom: 3px; line-height: 1.3; }
.ownlabel .info-content p.last { margin-bottom: 40px; }
.ownlabel .info-content p.vline { padding: 10px 7px 10px 20px; }
.ownlabel .info-content, .ownlabel .info-image { background-color: #fff; }
.ownlabel .info-content p.last { margin-bottom: 20px; }
.ownlabel .info-content.bestone .logo { top: 40px; width: 220px; height: 70px; background-position: 19px -904px; }
.ownlabel .info-content.bestone p.vline { border-left: 1px solid #edecec; }
.ownlabel .info-content.bestone .text-link:hover { color: #333; }
.ownlabel .info-content.inspired, .ownlabel .inspired.info-image { background-color: #1d1d1b; }
.ownlabel .info-content.inspired p.vline { border-left: 1px solid #898d8f; }
.ownlabel .info-content.inspired .text-link:hover { color: #fff; }
.ownlabel .info-content.essentially-catering .logo { top: 25px; width: 212px; height: 89px; background-position: 19px -1497px; }
.ownlabel .info-content.essentially-catering h4, .ownlabel .info-content.essentially-cleaning h4 { font-size: 1.4em; margin: 5px 0 0 0; padding: 0; text-align: center; color: #898d8f; font-weight: 700; }
.ownlabel .info-content.essentially-cleaning .logo { top: 25px; width: 212px; height: 89px; background-position: 19px -1763px; }
.ownlabel .info-content.white-pearl .logo { top: 20px; width: 139px; height: 132px; background-position: 0px -1193px; }
.ownlabel .info-content.white-pearl { position: relative; }

/* New */
.ownlabel .info-content .logo { position: static; left: auto; right: auto; margin: auto; padding: 20px 0 30px 0; top: auto !important; width: auto !important; height: auto !important; }
.ownlabel .info-content.inspired .logo { padding: 30px 0 20px 0; }
.ownlabel .info-content.white-pearl { padding: 10px 80px 20px 80px; }
.ownlabel .info-content.essentially-catering, .ownlabel .info-content.essentially-cleaning { padding: 20px 80px 20px 80px; }
.ownlabel .info-content.esscafe .logo { padding: 40px 0 30px 0; }
.ownlabel .info-content.bestpets .logo { padding: 10px 0 10px 0; }
.ownlabel .info-content.ownlabalc .logo { padding: 15px 0 30px 0; }

/* About page */
.header-image { padding: 30px 0 45px 0; }
.about .col1, .about .col2 { width: 30%; float: left; margin-right: 5%; }
.about .col3 { width: 30%; float: left; }
.about .col3 .blue { background-color: #0388c9; padding: 0px 35px 18px 35px; }
.about .col3 .blue .icon-sprite2 { background-position: -7px -3645px; width: 160px; height: 85px; margin: 0 auto; }
.about .col3 .blue, .about .col3 img { margin-bottom: 18px; display: block; }
.about .col3 .blue p { color: #fff; }
.about .blue h4 { color: #fff; font-size: 2em; padding-top: 24px; margin-bottom: 18px; }

/* News page */
.news .article { margin-bottom: 10px; padding: 33px 33px 38px 38px; background: #fff; }
.news .left { float: left; padding-right: 55px; width: calc(100% - 280px);  }
.news .right { float: left; max-width: 280px; }
.news h3 { font-weight: 700; font-size: 2.2em; margin-bottom: 3px; }
.news h4 { font-weight: 700; font-size: 1.35em; }
.news h4 span { font-weight: 400; }
.news .left p.more { font-size: 1.4em; margin: 0; }
.news-full h3 { margin-bottom: 10px;}
.news-full h4 { margin-top: -20px; padding-bottom: 10px; }
.news .article.full-image { padding: 0; margin-bottom: 30px;}


/* Contact us */
.contact-form .manager-photo { float: right; margin: 0 0 20px 20px; width: 180px; display: inline-block; text-align: right; }
.contact-form .manager-photo img { padding-bottom: 10px; text-align: right; clear: both; }
.contact-form .manager-photo strong { display: block; }
.contact-form .manager-address p { margin: 0 0 2px 0; }
.contact-form .learn { margin: 0 0 20px 0; }
.contact-form .clear-spacer { clear: both; }
.contact-form .manager-email a { font-weight: 400; }
.contact-form h4 { margin-bottom: 6px; }
.contact-form fieldset { padding-bottom: 20px; }
.contact-form fieldset.threecol  { display: table; width: 100%; }
.contact-form fieldset.threecol .column { display: table-cell; width: 30%; }
.contact-form fieldset.threecol .spacer { display: table-cell; width: 5%; }
.contact-form fieldset .learn { margin-top: 20px; }
.contact-form .twocol { display: table; width: 100%; padding-bottom: 0; }
.contact-form .twocol .column { display: table-cell; width: 40%; }
.contact-form .twocol .spacer { display: table-cell; width: 10%; }
.contact-form .twocol .padd { padding-bottom: 20px; }
.contact-form .column p { margin: 0 0 4px 0; }
.contact-form .column p, .contact-form .column th, .contact-form .column td { text-align: left; font-size: 1.45em; letter-spacing: 0.02em; }
.contact-form .column th, .contact-form .column td { padding: 3px 17px 3px 0; }
.contact-form ul.formerrors { margin-top: 0;}
.contact-form .hp { display: none; }

/* Bestway Mobile Application License Agreement  */
#agree, #disagree { margin: 0; }
#agree { display: none; margin-top: 8px; margin-bottom: 6px; }
.eulaform label { display: inline-block; margin: 0 10px 15px 0; font-size: 1.6em; }

.mala h2.accordionButton { cursor: pointer; padding: 5px 0; font-size: 1.9em; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.mala h2.accordionButton:hover { color: #0093d8; }
.mala .accordionContent { padding: 10px 0 30px 0; display: none; }
.mala h4.confirm { padding-top: 20px; }

.generalform { padding-bottom: 40px; }
.generalform h1 { color: #434647; font-size: 2.2em; text-transform: uppercase; font-weight: 700; letter-spacing: 0.03em; padding: 0 0 10px 0; margin: 0; }



/* Retailer Tools  */
.retailer-tools #hero { background: #43baf2; }
.retailer-tools #hero h1 { padding: 7px 0; }
.retailer-tools #hero span { height: 52px; width: 52px; display: block; margin: auto; background-image: url(../assets/large-misc-icons391f7.png?a=11); background-repeat: no-repeat; background-size: 312px 4000px; }
.retailer-tools.barcode-scanners #hero span, .retailer-tools.barcode-uploader #hero span { background-position: -5px -595px; }
.retailer-tools.pos #hero span { background-position: -5px -502px; }
.retailer-tools.retailer-help #hero span { background-position: -5px -687px; }
.retailer-tools.barcode-scanners .main img { float: right; }
.retailer-tools .main h2 { text-transform: uppercase; font-size: 2.3em; margin: 0 0 25px 0; font-weight: 700; }
.retailer-tools.retailer-help .main h2 { margin: 0 0 5px 0; }
.retailer-tools.retailer-help .main h3 { margin: 0 0 7px 0;  }
.retailer-tools.retailer-help .main a[href^="tel:"] { color: #343232; font-size: 2.65em; font-weight: 300; position: relative;  padding-left: 70px; }
.retailer-tools.retailer-help .main a[href^="tel:"]:before { position: absolute; content: ""; background-image: url(../assets/large-misc-icons391f7.png?a=11); background-repeat: no-repeat; background-size: 312px 4000px; display: block; width: 52px; height: 62px; left: 0; top: 0; bottom: 0; margin: auto; background-position: -5px -780px; }
.retailer-tools .main h3 { text-transform: uppercase; margin: 32px 0 7px 0; }
.retailer-tools .main .left { width: 62%; display: inline-block; }
.retailer-tools .main .left p:last-child { margin: 0; }
.retailer-tools .main .right { width: 27%; margin-left: 10%; display: inline-block; vertical-align: top; }
.retailer-tools .main .curved-shadow { background: #fff; padding: 33px 33px 38px 38px; overflow: hidden; }
.retailer-tools .main .curved-shadow-button { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 3px 15px -1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 15px -1px rgba(0,0,0,0.1); box-shadow: 0px 3px 15px -1px rgba(0,0,0,0.1);  }
.retailer-tools.barcode-uploader .main h3  { margin: 5px 0 35px 0; }
.retailer-tools.barcode-uploader .main h2  {margin: 0; }
.retailer-tools.barcode-uploader .main img { float: right; margin: 0 0 30px 30px; display: block; }
.retailer-tools.barcode-uploader .main img.nomarginbottom { margin: 0 0 0 30px; }
.barcode-uploader .clearli { margin-top: 40px; }
.retailer-tools.barcode-uploader ul.clearli { list-style-type: none; padding: 0; }
.retailer-tools.barcode-uploader ul.clearli li { margin: 0 0 40px 0; padding: 0 0 20px 0; border-bottom: 1px solid #a8abae; overflow: hidden; }
.retailer-tools.barcode-uploader ul.clearli li h3  { margin: 5px 0 12px 0; font-size: 1.6em; }
.retailer-tools.barcode-uploader ul.clearli li h4  { margin: 0 0 2px 0; font-size: 1.45em; font-weight: 700; letter-spacing: 0.02em; }
.retailer-tools.barcode-uploader ul.clearli li p { max-width: 55%; }
.retailer-tools.barcode-uploader .main ul.troubleshooting { padding: 10px 0 0 20px; }
.retailer-tools.barcode-uploader .main ul.troubleshooting li { padding: 0 0 5px 0; }
.retailer-tools.pos .main .left { width: 47%; }
.retailer-tools.pos .main .right { width: 42%; }
.retailer-tools.bssla .main h4.address { padding: 0; margin: 5px 0 0 0; color: #0093d8; font-size: 1.7em; }
.retailer-tools.bssla ol.eula li { padding: 0 0 5px 0; }


p.scrolllink { float: right; }
p.scrolllink a { color: #222323; font-weight: 400; position: relative; padding-right: 24px; font-size: 0.85em; letter-spacing: 0.03em; }
p.scrolllink a:after { content: ''; display: block; width: 20px; height: 20px; position: absolute; bottom: 0; right: 0; background-image: url(../assets/large-misc-icons.png); background-repeat: no-repeat; background-size: 312px 4000px; border: none; background-position: -149px -594px; }
p.scrolllink a:hover, p.scrolllink a:focus { color: #888;}

/* Orders */
.previousorders tr:hover, .previousorders tr:hover td { cursor: pointer; background: #d6f2ff !important; }
.orderdate .mob { display: none; }

.orderdet-top { display: table; width: 100%; margin-bottom: 30px; }
.orderdet-info { display: table-cell; width: 50%; border-right: 1px solid #eaeaea; }
.orderdet-actionsprimary { display: table-cell; width: 50%; text-align: center; vertical-align: middle; }
.orderdet-info p { font-size: 1.7em; font-weight: bold; margin: 3px 0; }
.orderdet-info p span { color: #434647;}
.orderdet-actionsprimary p { text-align: left; width: 180px; margin: 20px auto; }
.orderdet-actionssecondary { border-top: 1px solid #999; }
.orderdet-actionssecondary p { margin: 10px 0 0 0; display: inline-block; }
.orderdet-actionssecondary a { margin-right: 50px; white-space: nowrap; }
.orderdetails td, .orderdetails th { font-size: 1.2em; padding: 6px 5px 4px; line-height: 1.25; }
.orderdetails .prod-size { white-space: nowrap; }
.orderdet-repeat .button { margin-left: 8px; }
.orderdetails .totals.total-exvat td { font-size: 1.3em; border: none;}
.orderdetails .mob { display: none; }
.orderdetails tr.totals td { padding: 5px; }
.payment-value { color: #00a665; font-weight: 700; }


/* cricket page /icc-cricket-world-cup-terms */
.table-styling table { width: 100%; }
.table-styling table th { font-weight: 700; text-align: left; }
.table-styling table th td, .table-styling table tr td { padding: 10px; }
.table-styling table tr:nth-child(even) { background: #e0e0e0; }
.table-styling table p { margin: 0; }


/* info pages common */
.main div h4.with-background { padding: 12px 35px; text-align: center; text-transform: uppercase; font-size: 1.5em; margin: 0 0 20px -35px; position: relative; background: #231f20; color: #fff; overflow: hidden; }
div h4.with-background:after { content: ''; display: block; position: absolute; right: 0; top: 0;border: 0 transparent solid; border-left: 75px transparent solid; border-bottom: 75px #fff solid; }
.infopage .white-box h2 { font-family: 'Helvetica Black', 'Arial Black', sans-serif; font-weight: 900; font-size: 3.6em; letter-spacing: -0.5px; margin-bottom: 30px; }
p.centred.strong { max-width: 600px; margin-left: auto; margin-right: auto; font-weight: 700; font-size: 1.7em;}
.infopage .white-box { margin-bottom: 30px;}
.infopage .white-box h3:first-child { margin-top: 0; }
.main.infopage { padding-bottom: 1px; }
.infopage video { margin-bottom: 40px; }

/* Why join */
.main .inner.joinus-intro-inner { padding-bottom: 0; }
.joinus-intro { display: table; width: 100%; margin-top: -90px;}
.joinus-intro div { display: table-cell; text-align: center; }
.joinus-intro .text { max-width: 450px; font-weight: 700; padding: 50px 30px 0; font-size: 1.1em; vertical-align: middle; }
.joinus-intro .text p { position: relative; top: 10px; }
.joinus-intro .pic1, .joinus-intro .pic2 { width: 320px; vertical-align: bottom;}
.joinus-intro .pic1 img { margin-left: 22px; }

.benefitslistrow { display: table; width: 100%; margin: 40px 0; }
.benefitslist { display: table-cell; width: 50%; vertical-align: top; padding-right: 10px;}
.benefits1, .benefits3 { padding-right: 40px; }
.benefits2, .benefits4 { padding-left: 40px; }
.infopage div.benefits2 h4 { background: #00a665; }
.infopage div.benefits3 h4 { background: #ffe000; color: #000; }
.infopage div.benefits4 h4 { background: #787f82; }
.benefitslist li { font-weight: 700; margin-bottom: 6px;}
.infopage .benefits-inner .white-box { padding-bottom: 60px; }

.infopage .retailerscommit { margin-top: 30px; padding-bottom: 35px; }
.retailerscommit .left { display: inline-block; width: 49%; padding-right: 30px; vertical-align: top;}
.retailerscommit .right { display: inline-block; width: 50%; text-align: right;}
.retailerscommit ul { margin-top: 30px;}
.retailerscommit li { margin-bottom: 10px; }

/* Join us bar */
.joinusbar { background: #62bb46; color: #fff; }
.joinusbar .row { display: table; width: 100%; height: 96px; }
.joinusbar .row > div { display: table-cell; vertical-align: middle;}
.joinusbar h2 { font-family: 'Helvetica Black', 'Arial Black', sans-serif; font-weight: 900; color: #fff; font-size: 3.6em; margin: 0; }
.joinusbar .left { width: 30%;}
.joinusbar .middle { text-align: center; font-size: 1.4em; width: 40%; }
.joinusbar .right { text-align: right; width: 30%; font-size: 1.1em;}
.joinusbar p { margin: 0; }
.joinusbar a.button { min-width: 160px; text-align: center; padding: 12px; }

/* Retailer support */
.retsup-inner .white-box { padding-bottom: 30px; }
.infopage .white-box .row { display: table; width: 100%; margin: 0 0 30px; }
.white-box .row .left, .white-box .row .right { display: table-cell; width: 50%; vertical-align: top;}
.white-box .row .left { padding-right: 20px; }
.white-box .row .right { padding-left: 20px; }
.white-box .textimage .right, .white-box .imagetext .left { text-align: center; vertical-align: middle; }
.retsup-inner .white-box h3 { margin-top: 30px;}
.retsup-inner .white-box h3:first-child { margin-top: 0; }

.juul-ad { margin: 0 -35px -30px; }


/* depot locator */
.depotloc-left { width: 48%; max-width: 440px; float: left; }
.depotloc-right { width: 48%; float: right; }
#map, #depotmap { height: 750px; width: 100%; margin-bottom: 20px;}
.depotloc-left form { padding-bottom: 20px; }
p.depotloc-search { margin-top: 10px; }
.depotloc-search .textinput { width: 250px; display: inline-block; margin-right: 12px; margin-bottom: 20px; }
.depotloc-search input.textinput:required:valid { background: #fff; }

.depotloc-manager { float: right; margin-left: 15px; width: 110px; }
.depotloc-manager p { line-height: 1.2;}
.white-box .depotloc-left h4 { color: #333; margin-bottom: -3px; }
.openinghours { max-width: 200px; }
.openinghours th, .openinghours td { font-size: 1.5em;}
.openinghours td { width: 40%; white-space: nowrap;}
#depot-list { list-style-type: none; margin: 10px 0; padding: 0; border-top: 1px solid #eaeaea; }
#depot-list li { display: block; padding: 14px 0; border-bottom: 1px solid #eaeaea; font-size: 1.9em; line-height: 32px;}
#depot-list a { float: right; margin-top: 2px; font-size: 0.85em; }
#depot-list .marker { margin: -8px 2px -1px -5px;}
.user { color: #82358c; }
.depotloc-left h2.depotname { font-weight: 400; line-height: 40px; font-size: 1.9em; margin-top: 10px; padding: 15px 0; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.depotloc-left h2.depotname:after { content: ""; display: table; clear: both; }
h2.depotname .marker{ margin: -10px 4px 0 -9px;}
h2.depotname .logo { float: right; position: relative; top: 4px;}
.depotdistance { font-size: 0.8em; }

.bannerads { padding: 15px 0; text-align: center; background: #f6f6f6; }
.bannerads p { margin: 5px 15px; max-width: 600px; display: inline-block; }
.bannerads p.wide { max-width: 803px; }
.bannerads p.medium { max-width: 508px; }
.bannerads:after { content: ""; display: table; clear: both; }
.bannerads img { width: 100%; }

.main.banner { -webkit-box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.4); box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.4);  border-bottom: 1px solid #eaeaea; }
.main.products { -webkit-box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.1); box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.1); }

.prodpag, .prodfilterby, .prodsortby, .prodshowper { text-align: center; }
.prodpag ul { display: inline-table; height: 30px; vertical-align: middle; margin: 0; padding: 0; border: 1px solid #ececec; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.prodpag ul li { list-style: none; float: none; display: table-cell; }
.prodpag ul li a { font-weight: 400; height: 30px; line-height: 30px; display: block; color: #a4a8aa; padding: 0 12px; border-right: 1px solid #ececec; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size: 12px; }
.prodpag ul li.current a, .prodpag ul li.current a:hover, .prodpag li a.current { background: #f6f6f6; color: #222323; }
.prodpag ul li a:hover { background-color: #eaeef1; }
.prodpag ul li.prev a { background-position: 11px -3054px; padding: 0 12px 0 26px; }
.prodpag ul li.next a { background-position: 42px -3087px; padding: 0 26px 0 12px; }
.prodpag ul li:last-child a { border-right: none; }

.prodpag ul#tablenav { display: block; height: auto; border: none; }
.prodpag ul#tablenav li { display: inline-block; margin: 0 0 6px;}
.prodpag ul#tablenav li a { border: 1px solid #ececec;}

.controls-bar { background: #fff; padding: 0; box-shadow: 0 5px 7px 0 rgba(30,30,30,0.07); position: relative; font-size: 1.1em; }
.controls-bar:after, .controls-bar:before { content: ""; display: table; clear: both;  }
.controls-bar-inner { max-width: 750px; margin: auto; display: table; width: 100%; height: 70px; overflow: visible; padding-left: 2px;}
.controls-bar-wide .controls-bar-inner { max-width: 1140px; }
.controls-bar .fright { color: #222323; font-size: 1.4em; }
.controls-bar .fright select { margin: 0 0 0 7px; font-size: 0.8em; min-width: 0; }
.controls-bar .right { text-align: right; }
.controls-bar label { font-weight: 400; color: #666; display: inline-block; font-size: 1em; line-height: 1.1; }
.controls-bar .cell { display: table-cell; height: 30px; vertical-align: middle; margin: 0; padding: 0 5px; white-space: nowrap; font-size: 1.2em; letter-spacing: 0.04em; }
.controls-bar .proddisp { line-height: 1.3;}
.controls-bar .cell.noresults { text-align: left; }
.prodfilterby a { font-size: 1.1em; }
.controls-bar select { color: #797c7f; margin-left: 5px; font-size: 1.05em; letter-spacing: normal; padding: 3px; min-width: auto; }
.controls-bar .prodshowper select { color: #222323; }
.controls-bar-footer { margin-top: 20px; border-top: 1px solid #e4e4e4; }
.cell-info p { font-size: 1.1em; margin: 0;}
.alcoholmup label { display: inline-block; width: 200px; }
.alcoholmup input, .alcoholmup #totalPrice  { display: inline-block; width: 150px; }

.controls-bar .cell.prodlayout { text-align: center; white-space: nowrap;}
.icon-layout-grid, .icon-layout-list { display: inline-block; width: 29px; height: 29px; border: 1px solid #fff; margin: 0 3px; background: url(../assets/large-misc-icons391f7.png?a=11) no-repeat 4px -3398px; background-size: 312px 4000px; }
.icon-layout-list { background-position: -96px -3398px; }
span.icon-layout-grid, span.icon-layout-list { border: 1px solid #0098d8; }
span.icon-layout-grid, a.icon-layout-grid:hover, a.icon-layout-grid:active, a.icon-layout-grid:focus { background-position: -46px -3398px; }
span.icon-layout-list, a.icon-layout-list:hover, a.icon-layout-list:active, a.icon-layout-list:focus { background-position: -146px -3398px; }

footer { background-color: #fff; }
footer .copyright { display: block; padding: 20px 0; text-align: center; font-size: 1.15em; letter-spacing: 0.02em; margin: 10px 0 0 0; }
.inner.footernavcontainer { display: table; }
footer .footerlogo, footer .footernav { display: table-cell; width: 28%; }
footer .footerlogo a { display: block; width: 127px; height: 77px; text-indent: -9999px; background-position: 0px -2168px; }
footer .footernav h3 { cursor: default; text-transform: uppercase; color: #676a6c; font-size: 1.6em; letter-spacing: 0.05em; margin-bottom: 4px; }
footer .footernav ul { padding: 0; margin: 0; }
footer .footernav ul li { list-style: none; }
footer .footernav ul li a { display: inline-block; font-weight: 400; font-size: 1.1em; padding: 4px 0; letter-spacing: 0.04em; }
footer .footernav ul li a:hover { color: #333; }
footer .footernav .qae { margin-top: 50px; width: 60px; height: 120px; text-indent: -9999px; background-position: 0px -2326px; }
footer .footerlogo { max-width: 240px; padding: 0 30px 0 0; }
footer .footernav { padding: 0 30px 0 0; }
footer .contact { width: 12%; }
.footernav .contactmenu .toptrack { display: block; text-indent: -9999px; width: 102px; height: 161px; background-position: -5px -2800px; margin-top: 20px; }




/* TipTip CSS - Version 1.2 */
#tiptip_holder {	display: none;	position: absolute;	top: 0;	left: 0;	z-index: 99999; pointer-events: none; }
#tiptip_holder.tip_top {	padding-bottom: 5px;}
#tiptip_holder.tip_bottom {	padding-top: 5px;}
#tiptip_holder.tip_right {	padding-left: 5px;}
#tiptip_holder.tip_left {	padding-right: 5px;}
#tiptip_content {	font-size: 13px;	color: #fff;	text-shadow: 0 0 2px #000;	padding: 4px 8px;	border: 1px solid rgba(255,255,255,0.25);	background-color: rgb(25,25,25);	background-color: rgba(25,25,25,0.92);	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));	border-radius: 3px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	box-shadow: 0 0 3px #555;	-webkit-box-shadow: 0 0 3px #555;	-moz-box-shadow: 0 0 3px #555;}
#tiptip_arrow, #tiptip_arrow_inner {	position: absolute;	border-color: transparent;	border-style: solid;	border-width: 6px;	height: 0;	width: 0;}
#tiptip_holder.tip_top #tiptip_arrow {	border-top-color: #fff;	border-top-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_bottom #tiptip_arrow {	border-bottom-color: #fff;	border-bottom-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_right #tiptip_arrow {	border-right-color: #fff;	border-right-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_left #tiptip_arrow {	border-left-color: #fff;	border-left-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_top #tiptip_arrow_inner {	margin-top: -7px;	margin-left: -6px;	border-top-color: rgb(25,25,25);	border-top-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {	margin-top: -5px;	margin-left: -6px;	border-bottom-color: rgb(25,25,25);	border-bottom-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_right #tiptip_arrow_inner {	margin-top: -6px;	margin-left: -5px;	border-right-color: rgb(25,25,25);	border-right-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_left #tiptip_arrow_inner {	margin-top: -6px;	margin-left: -7px;	border-left-color: rgb(25,25,25);	border-left-color: rgba(25,25,25,0.92);}
/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#tiptip_content {	padding: 4px 8px 5px 8px;	background-color: rgba(45,45,45,0.88);}
#tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45,45,45,0.88);	}
#tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20,20,20,0.92);	}
}



/* Home page pods slider */
.pods-container { max-width: 1160px; margin: 0 auto; padding: 6px 10px 20px 10px; }
ul#pods li { font-size: 1em; }
ul#pods li.walkers .shadow { background: #f0e308; }
ul#pods li.tobacco .shadow { background: #dd971f; }
ul#pods li.summer .shadow { background: #ff481e; }
ul#pods li.carlsberg .shadow { background: #006930; }
ul#pods li.catadvice .shadow { background: #696e85; }
ul#pods li.rda-pod .shadow { background: #009a52; }
ul#pods li .pod-container { max-width: 276px; border-radius: 5px; text-align: center; font-size: 1em; position: relative; overflow: hidden; margin: auto; }
ul#pods li .shadow { margin: 0; border-radius: 5px; padding-bottom: 10px;
-webkit-box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); }
#pods .pod-container > a { display: block; margin: 7px 7px 10px 7px; }
ul#pods h3 { border-radius: 5px 5px 0 0; text-transform: uppercase; color: #3a3939; text-align: center; padding: 13px 5px 11px 5px; line-height: 1; margin: 0; font-weight: 700; font-size: 1.6em; background: #fff; }
ul#pods p { text-align: center; margin: 0; }
ul#pods p.hp-text { color: #333; line-height: 1.2; font-size: 1.5em; font-weight: 400; padding: 15px 10px 70px 10px; min-height: 140px; }
ul#pods li.walkers p.hp-text { color: #28378c; }
ul#pods li.carlsberg p.hp-text { color: #fff; }
ul#pods li.rda-pod p.hp-text { color: #fff; }
ul#pods li.catadvice p.hp-text { color: #d1e2d1; }
ul#pods li.tobacco p.hp-text { padding-left: 42px; padding-right: 42px; }
ul#pods p.hp-button { position: absolute; bottom: 30px; left: 0; right: 0; margin: auto; }
ul#pods .learn a, ul#pods .learn span.btn { font-size: 1.34em; }
ul#pods .slick-prev { left: 10px; }
ul#pods .slick-next { right: 10px; }
ul#pods li h3.new { position: relative; padding-right: 70px; }
ul#pods li h3.new:after { position: absolute; top: 0; right: 20px; width: 55px; height: 25px; display: block; content: 'NEW'; color: #fff; background: #ff0000; border-radius: 4px; bottom: 0; margin: auto; line-height: 27px; }

/* Home page brochures slider */
.essential-offers-heading.brochures { margin: 40px 0 0 0; }
.home-promo-brochures-container { max-width: 790px; margin: auto; padding: 0 10px; } /* for 2 brochures*/
.home-promo-brochures-container p.centred { margin: 0; }
ul#home-promo-brochures { margin: 0 0 10px 0; }
ul#home-promo-brochures li.brochure { font-size: 1em; margin-left: 5px; margin-right: 5px; }
ul#home-promo-brochures li.brochure h2 { width: calc(100% - 60px); text-align: center; position: relative; height: 35px; margin: 20px 0 0 0; letter-spacing: 1.5px; display: inline-block; background: #bc2229; color: #fff; font-size: 1.6em; line-height: 38px; padding: 0 10px 0 25px; text-transform: uppercase; font-weight: 700; }
ul#home-promo-brochures li.brochure h2:after { content: ' '; width: 0; height: 0; border-style: solid; border-width: 35px 35px 0 0; border-color: #bc2229 transparent transparent transparent; position: absolute; top: 0; right: -34.5px; }
ul#home-promo-brochures li.brochure h3 { text-align: center; color: #41484e; font-size: 1.65em; font-weight: 700; padding: 20px; letter-spacing: 0.5px; margin: 0; line-height: 1.1; }
ul#home-promo-brochures li.brochure img { margin: auto; display: block; max-height: none; outline: 1px solid #e5e5e5; }
ul#home-promo-brochures li.brochure .learn-more { position: absolute; width: 112px; text-align: center; bottom: 20px; left: 0; right: 0; margin: auto; display: block; background: #0093d8; border: none; color: #fff; font-weight: 400; padding: 10px 40px; border-radius: 3px; line-height: 1; letter-spacing: 1px; font-size: 1.3em; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
ul#home-promo-brochures li.brochure .learn-more:hover { background: #41adf4; }
ul#home-promo-brochures li.brochure .brochure-inner { max-width: 378px; margin: auto; }
ul#home-promo-brochures li.brochure .shadow { margin: 0; background: #fff; padding: 0 0 25px 0; position: relative; border-radius: 5px;
-webkit-box-shadow: 0px 3px 15px -1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 15px -1px rgba(0,0,0,0.1); box-shadow: 0px 3px 15px -1px rgba(0,0,0,0.1); }
ul#home-promo-brochures .brochure-inner > a { margin: 15px 15px 20px 15px; display: block; }
ul#home-promo-brochures .slick-prev { left: 10px; }
ul#home-promo-brochures .slick-next { right: 10px; }
.home-banner-bottom { margin-top: 22px !important; }

/* Best-one Offers eg. /offers/202x/bd02 */
.bd-offers.main { background: #fff; }
.bd-offers .greybg { background: #f6f6f6; }
.bd-offers .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 0 0 0; }
.bd-offers .nav a { text-decoration: none; display: inline; padding: 20px; background: #787f82; width: 24%; margin: 0 1.333% 1.333% 0; text-align: center; color: #fff; font-size: 1.6em; line-height: 1.4; border: 4px solid #ffe000; border-radius: 16px; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s; }
.bd-offers .nav a:hover { background: #62bb46; }
.bd-offers .nav a:nth-child(4n) { margin-right: 0; }
.bd-offers .nav a span { display: block; }
.bd-offers .nav.shopall { padding: 0 0 50px 0; }
.bd-offers .nav.shopall a { max-width: 273px; margin: 0 auto; background: #62bb46; }
.bd-offers .nav.shopall a:hover { background: #787f82; }
.bd-offers .shop ul.products { font-size: 1.2em; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.bd-offers .shop ul.products li { text-align: center; width: 25%; border-bottom: 1px solid #f6f6f6; border-right: 1px solid #f6f6f6; max-width: none; padding: 20px 10px 60px 10px; font-size: 1.6em; outline: 0; display: block; background: #fff; text-transform: uppercase; position: relative; }
.bd-offers .shop ul.products li:nth-child(4n) { border-right: none; }
.bd-offers .shop ul.products li .prodimage img { width: 176px; }
.bd-offers .shop .products .prodoffer { display: none; color: #bc2229; font-weight: 700; font-size: 0.75em; }
.bd-offers .shop .products .prodsize { color: #434362; font-size: 0.6em; }
.bd-offers .shop .products .prodname { margin-bottom: 15px; height: auto !important; }
.bd-offers .shop:after { content: ""; display: table; clear: both; }
.bd-offers .shop .prodview { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); margin: 0 0 25px; font-size: 1em; }
.bd-offers.main .shop .prodview a { line-height: 1.4; font-size: 0.6em; }
.bd-offers .shop .prodprice { font-size: 1.1em; }


/* New footer Nov 2019 */
.other-sites-container { background-color: #fff; padding-top: 30px; border-top: 1px solid #eaeaea; }
.other-sites-container h3 { text-align: center; color: #898d8f; font-size: 1.4em; letter-spacing: 0.05em; margin-bottom: 0; }
#other-sites { max-width: 1063px; margin: 0 auto 0 auto; padding: 30px 0 10px 0; }
#other-sites li { list-style: none; padding: 0 10px; }
#other-sites a { display: block; text-indent: -9999px; background-repeat: no-repeat; margin: 0; }
#other-sites .bestone a { background-size: 200px 2564px; background-position: 0 -1927px; width: 117px; height: 49px; background-image: url(../assets/large-misc-icons391f7.png?a=11); }
#other-sites .bestpets a { background-position: -5px -2088px; width: 106px; height: 54px; }
#other-sites .bbfoodservice a { background-position: 0px -2226px; width: 152px; height: 54px; }
#other-sites .esscat a { background-position: 0px -1839px; width: 168px; height: 51px; }
#other-sites .export a { background-position: 0px -1471px; width: 122px; height: 56px; background-size: 175px 2244px; }
#other-sites .other-sites-inner { margin: auto; }
#other-sites .bestone .other-sites-inner { max-width: 117px; }
#other-sites .bestpets .other-sites-inner { max-width: 106px; }
#other-sites .bbfoodservice .other-sites-inner { max-width: 152px; }
#other-sites .esscat .other-sites-inner { max-width: 168px; }
#other-sites .export .other-sites-inner { max-width: 122px; }
#other-sites .vansdirect .other-sites-inner { max-width: 113px; }
#other-sites .vansdirect .other-sites-inner a { background-position: -12px -3275px; background-repeat: no-repeat; width: 113px; height: 63px; }

footer .mobile-only { display: none; }
footer .logo-awards { max-width: 710px; margin: auto; }
footer .logo-awards .logo { width: 109px; margin-right: 110px; float: left; }
footer .logo-awards .logo a { width: 109px; height: 138px; display: block; background-position: -195px -2809px; text-indent: -99999px; }
footer .logo-awards .grocer-wholesaler { margin-right: 15px; width: 138px; float: left; }
footer .logo-awards .grocer-wholesaler span { display: block; width: 138px; height: 138px; background-position: -6px -3635px; text-indent: -99999px; }
footer .logo-awards .grocer-logistics { width: 138px; float: left; }
footer .logo-awards .grocer-logistics span { display: block; width: 138px; height: 138px; background-position: -164px -3635px; text-indent: -99999px; }
footer .logo-awards .toptrack100 { width: 90px; float: left; margin-left: 110px; }
footer .logo-awards .toptrack100 .toptrack { display: block; text-indent: -9999px; width: 90px; height: 137px; background-position: -1px -2337px; background-size: 261px 3344px; }
footer .logo-awards .frame { border: 1px solid #e1e1e1;  }
footer .credit-cards, footer .award-logos { text-align: center; padding: 0 12px; }
footer .award-logos { margin-bottom: -13px; padding-top: 3px; }
footer .award-logos:after { content: ""; display: table; clear: both; }
footer .award-logos .award-logos-gold { display: inline-block; margin: 0 5px; }
footer .award-logos .award-logos-grocer { display: inline-block; }
footer .award-logos .award-logos-grocer img { border: 1px solid #e1e1e1; padding: 3px; margin: 0 5px; }

footer .credit-cards img { display: inline-block; }
.greybg.footernavcontainer { background: #fff; }
.greyline.footer { padding: 30px 0 15px 0; }
.greyline.padd35 { padding: 35px 0; }

.pg_home #banner { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.pg_home #banner:hover .slick-prev, .pg_home #banner:hover .slick-next { opacity: 1; visibility: visible; }

/* /corrections page */
.curved-shadow.white-box .productrecall { margin: 10px 0 40px; }
.curved-shadow.white-box .productrecall p.caption { font-weight: 700; color: #333; font-size: 1.4em; margin-bottom: 30px; }
.curved-shadow.white-box .productrecall h3 { background: #b1360f; color: #fff; padding: 10px 0 0 10px; font-size: 3em; }
.curved-shadow.white-box .productrecall h4 { background: #b1360f; color: #fff; padding: 6px 0 10px 10px; margin-bottom: 20px; }
.curved-shadow.white-box .productrecall h5 { color: #b1360f; margin-bottom: 5px; }

/* /News pages */
.main .news-contact { background: #42a6e9 url(../assets/news/news-footer-bg.png) 0 0 no-repeat; background-size: cover;; }
.main .news-contact .inner { display: table !important; width: 1200px; margin: 0 auto; padding: 70px 0; }
.news-contact .inner .cell { display: table-cell; width: 50%; text-align: center; padding: 0 20px; vertical-align: middle; }
.news-contact .inner .cell h3 { color: #fff; padding: 80px 0 0 0; position: relative; font-size: 1.95em; letter-spacing: 0.02em; }
.news-contact .inner .cell h3:after { position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 66px; height: 66px; display: inline-block; content: ''; border-radius: 50%; border: 1.5px solid #fff; }
.news-contact .inner .cell.press h3:after { background: url(../assets/news/press-office-enquiries.png) center center no-repeat; background-size: 43px 43px; }
.news-contact .inner .cell.general h3:after { background: url(../assets/news/general-enquiries.png) center center no-repeat; background-size: 43px 43px; }
.news-contact .inner .cell p { color: #fff; line-height: 1.3; }
.news-contact .inner .cell p.text { margin: 10px 0 25px 0; }
.news-contact .inner .cell p span { display: block; }
.news-contact .inner .cell p.learn { margin: 0; }
.news-contact .inner .cell p.learn a { min-width: 150px; }

#ccc-icon.ccc-icon--dark { fill: #060c0f !important; }
#ccc-button-holder { font-size: 1.2em; }
#ccc #ccc-notify .ccc-notify-text { font-size: 0.9em !important; }

.icon-sprite4 { background-image: url(../assets/large-misc-icons4bc5d.png?a=170522); background-repeat: no-repeat; background-size: 312px 4000px; border: none; }

footer .logo-awards2022 { max-width: 597px; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
footer .logo-awards2022 .frame { border: 1px solid #e1e1e1;  }

footer .logo-awards2022 .logo-award { width: 138px; margin-right: 15px; }
footer .logo-awards2022 .logo-award.grocer-logistics2019 { margin-right: 0; }
footer .logo-awards2022  span { display: block; width: 138px; height: 138px; text-indent: -99999px; }
footer .grocer-wholesaler2022 span { background-position: -6px -16.5px; }
footer .grocer-franchise2022 span { background-position: -164px -16.5px; }
footer .grocer-wholesaler2019 span { background-position: -6px -3635px; }
footer .grocer-logistics2019 span { background-position: -164px -3635px; }