﻿html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

/********************GENERIC - STYLES FOR USE THROUGHOUT THE SITE, NOT SPECIFIC TO PARTICULAR PAGES********************/
@viewport { user-zoom: fixed;
  /* equivalent to user-scalable=no */ }

html { height: 100%; box-sizing: border-box; }

body, input, textarea, select { font-family: "Open Sans", sans-serif; color: #01002c; }

body { font-size: 14px; line-height: 150%; }

p { margin: 8px 0; font-family: "Open Sans", sans-serif; line-height: 150%; }

sup { font-size: 50%; line-height: 50%; vertical-align: 150%; }

img { max-width: 100%; vertical-align: bottom; }

img.baseline { vertical-align: baseline; }

img.no-max { max-width: none; }

/*#803420*/
.no-decor, .no-decor:hover { text-decoration: none!important; }

a { text-decoration: none; color: #01002c; }

a:hover, .decor { text-decoration: underline; }

[data-url], [data-image], [data-video], .decor, .pointer { cursor: pointer; }
[data-url]:hover, [data-image]:hover, [data-video]:hover, .decor:hover, .pointer:hover { text-decoration: underline; }

.pointeronly { cursor: pointer; }

.nopointer { cursor: default!important; }

img[data-loc] { width: 100%; height: auto; }

th { background-color: #eee; min-width: 4em; white-space: nowrap; }

th, td { padding: 8px 1.25%; vertical-align: top; text-align: left; }
th.halfwidth, td.halfwidth { width: 47.5% !important; }
th.quarterwidth, td.quarterwidth { width: 22.5% !important; }

td img { vertical-align: middle; }

table.cell-align-center th, table.cell-align-center td { text-align: center; }

table.cell-sidepaddouble th, table.cell-sidepaddouble td { padding-left: 2.5%; padding-right: 2.5%; }

table.cell-topbottompadextra th, table.cell-topbottompadextra td { padding-top: 12px; padding-bottom: 12px; }

/*#639228*/
.fullwidth, .fullwidthonnarrow, .fullwidth-img img { width: 100%!important; }

.halfwidth { width: 50%!important; }

.thirdwidth { width: 33.33333% !important; }

.twothirdstofullwidth, .twothirdstoauto, .twothirdswidth { width: 66.66667% !important; }

.quarterwidth { width: 25%!important; }

.clear { clear: both; }

.absolute { position: absolute; }

.relative { position: relative; }

.fixed { position: fixed; }

.top { top: 0; }

.top1 { top: 16px; }

.top0-5 { top: 8px; }

.top1-5 { top: 24px; }

.topup0-5 { top: -8px; }

.topup1 { top: -16px; }

.topup1-5 { top: -24px; }

.bottom { bottom: 0; margin-bottom: 0; }

.bottom5 { bottom: 80px; margin-bottom: 0; }

.bottom1 { bottom: 16px; margin-bottom: 0; }

.right { right: 0; }

.top0 { top: 0px; }

.right0 { right: 0px; }

.bottom0 { bottom: 0px; }

.left0 { left: 0px; }

.top1 { top: 16px; }

.right1 { right: 16px; }

.bottom1 { bottom: 16px; }

.left1 { left: 16px; }

.top2 { top: 32px; }

.right2 { right: 32px; }

.bottom2 { bottom: 32px; }

.left2 { left: 32px; }

.top3 { top: 48px; }

.right3 { right: 48px; }

.bottom3 { bottom: 48px; }

.left3 { left: 48px; }

.top4 { top: 64px; }

.right4 { right: 64px; }

.bottom4 { bottom: 64px; }

.left4 { left: 64px; }

.top5 { top: 80px; }

.right5 { right: 80px; }

.bottom5 { bottom: 80px; }

.left5 { left: 80px; }

.left0-5 { left: 8px; }

.left0-25 { left: 4px; }

.right0-5 { right: 8px; }

.right0-25 { right: 4px; }

.top0-5 { top: 8px; }

.top0-25 { top: 4px; }

.right1-5 { right: 24px; }

.left1-5 { left: 24px; }

.tophalf { top: 50%; }

.righthalf { right: 50%; }

.bottomhalf { bottom: 50%; }

.lefthalf { left: 50%; }

.float-left { float: left; margin-left: 0; margin-right: 8px; margin-bottom: 8px; }

.float-right { float: right; margin-right: 0; margin-left: 8px; margin-bottom: 8px; }

.nowrap { white-space: nowrap; }

/*#984417*/
.widthauto, .auto { width: auto!important; }

.heightauto, .auto { height: auto!important; }

.showoverflow { overflow: visible; }

.hideoverflow { overflow: hidden; }

.screenreader { position: absolute; left: -999em; top: auto; width: 0.1em; height: 0.1em; overflow: hidden; }

.pointer { cursor: pointer; }

.boxsizing-borderbox, .boxsizing-borderbox * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*#984417*/ }

.bd-dark, .bd-color1 { border: solid 1px #01002c; }

.bd-light, .bd-color3 { border: solid 1px #999; }

.bd-xlight, .bd-color4 { border: solid 1px #ccc; }

.bd-xxlight, .bd-color5 { border: solid 1px #eee; }

.bd-color6, .bd-color6 { border: solid 1px #a29061; }

/* (#608102) */
.bd-color14, .bd-color14 { border: solid 1px #a29061; }

/* (#608102) */
.bd-color15, .bd-color15 { border: solid 1px #4b4431; }

/* (#796837) */
.bd-white, .bd-color0 { border: solid 1px #fff; }

.bd-trans { border: solid 1px transparent; }

.bd-none { border-width: 0!important; }

.bd-thick { border-width: 2px!important; }

.bd-xthick { border-width: 4px!important; }

/* (#487628) */
.bd-xxthick { border-width: 6px!important; }

/* (#487628) */
.bd-top0 { border-top-width: 0; }

.bd-toponly { border-width: 1px 0 0; }

.bd-toponly-thick { border-width: 6px 0 0; }

/* (#487628) */
.bd-bottomonly { border-width: 0 0 1px; }

.bd-bottomthick { border-width: 0 0 5px; }

/* (#487628) */
.bd-topbottom { border-width: 1px 0; }

.bd-topbottom-thick { border-width: 16px 0; }

.bd-sidesonly { border-width: 0 1px; }

.bd-rightonly { border-width: 0 1px 0 0; }

.bd-leftonly { border-width: 0 0 0 1px; }

.shadow { -webkit-box-shadow: #01002c 0 0 5px 1px; -moz-box-shadow: #01002c 0 0 5px 1px; box-shadow: #01002c 0 0 5px 1px; }

.shadow-small { -webkit-box-shadow: #999999 1px 1px 2px 1px; -moz-box-shadow: #999999 1px 1px 2px 1px; box-shadow: #999999 1px 1px 2px 1px; }

.noshadow { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }

.outline { outline: solid 1px #f1f1f1; }

.outline-mid { outline: solid 1px #ccc; }

.nooutline { outline: none; }

.bd-section { border: solid 4px #f1f1f1; }

.bd-section-toponly { border-width: 4px 0 0; }

.bd-section-bottomonly { border-width: 0 0 4px; }

.bg-none { background: none!important; }

.bg-black, .bg-color10 { background-color: #25232e; color: #fff; }

.bg-brand, .bg-color1 { background-color: #01002c; color: #fff; }

/* (#487628)*/
.bg-subbrand, .bg-color12 { background-color: #232245; color: #fff; }

/* (#487628)*/
.bg-xxdark { background-color: black; color: #fff; }

.bg-xdark, .bg-color1 { background-color: #01002c; color: #fff; }

.bg-dark, .bg-color2 { background-color: #666; color: #fff; }

.bg-mid, .bg-color3 { background-color: #999; }

.bg-midlight, .bg-color4 { background-color: #ccc; }

.bg-sellight, .bg-color13 { background-color: #e6e6e6; }

.bg-light, .bg-color5 { background-color: #eee; }

.bg-xlight, .bg-color11 { background-color: #f1f1f1; }

.bg-beige, .bg-color12 { background-color: #fdf9f0; }

.bg-white, .bg-color0 { background-color: #fff; }

.bg-gradient-light { background: transparent; background: -moz-linear-gradient(#eee 0%, #fff 100%); background: -webkit-linear-gradient(#eee 0%, #fff 100%); background: -o-linear-gradient(#eee 0%, #fff 100%); background: -ms-linear-gradient(#eee 0%, #fff 100%); background: linear-gradient(#eee 0%, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFEEEEEE,endColorstr=#FFFFFFFF); }

.bg-gradient-xlight { background: transparent; background: -moz-linear-gradient(#f1f1f1 0%, #fff 100%); background: -webkit-linear-gradient(#f1f1f1 0%, #fff 100%); background: -o-linear-gradient(#f1f1f1 0%, #fff 100%); background: -ms-linear-gradient(#f1f1f1 0%, #fff 100%); background: linear-gradient(#f1f1f1 0%, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFF1F1F1,endColorstr=#FFFFFFFF); }

.bg-trans-dark { background-color: rgba(1, 0, 44, 0.8); color: #fff; }

.bg-trans { background-color: rgba(1, 0, 44, 0.6); color: #fff; }

.bg-trans-light { background-color: rgba(1, 0, 44, 0.4); color: #fff; }

.bg-trans-white { background-color: rgba(255, 255, 255, 0.8); color: #01002c; }

.bg-trans-white-half { background-color: rgba(255, 255, 255, 0.4); color: #01002c; }

.bg-trans-xlight { background-color: rgba(1, 0, 44, 0.2); color: #fff; }

.bg-xlighttowhite { background-color: #f1f1f1; }

.bg-whitetoxlight { background-color: #fff; }

.bg-palecolor8 { background-color: #d7f4d7; }

.bg-color14, .bg-gold { background-color: #a29061; }

.bg-trans10-color1 { background-color: rgba(1, 0, 44, 0.1); color: #fff; color: #fff; }

.bg-trans20-color1 { background-color: rgba(1, 0, 44, 0.3); color: #fff; color: #fff; }

.bg-trans30-color1 { background-color: rgba(1, 0, 44, 0.3); color: #fff; color: #fff; }

.bg-trans40-color1 { background-color: rgba(1, 0, 44, 0.4); color: #fff; color: #fff; }

.bg-trans50-color1 { background-color: rgba(1, 0, 44, 0.5); color: #fff; color: #fff; }

.bg-trans60-color1 { background-color: rgba(1, 0, 44, 0.6); color: #fff; color: #fff; }

.bg-trans70-color1 { background-color: rgba(1, 0, 44, 0.7); color: #fff; color: #fff; }

.bg-trans80-color1 { background-color: rgba(1, 0, 44, 0.8); color: #fff; color: #fff; }

.bg-trans90-color1 { background-color: rgba(1, 0, 44, 0.9); color: #fff; color: #fff; }

.bg-trans10-color0 { background-color: rgba(255, 255, 255, 0.1); color: #fff; color: #01002c; }

.bg-trans20-color0 { background-color: rgba(255, 255, 255, 0.3); color: #fff; color: #01002c; }

.bg-trans30-color0 { background-color: rgba(255, 255, 255, 0.3); color: #fff; color: #01002c; }

.bg-trans40-color0 { background-color: rgba(255, 255, 255, 0.4); color: #fff; color: #01002c; }

.bg-trans50-color0 { background-color: rgba(255, 255, 255, 0.5); color: #fff; color: #01002c; }

.bg-trans60-color0 { background-color: rgba(255, 255, 255, 0.6); color: #fff; color: #01002c; }

.bg-trans70-color0 { background-color: rgba(255, 255, 255, 0.7); color: #fff; color: #01002c; }

.bg-trans80-color0 { background-color: rgba(255, 255, 255, 0.8); color: #fff; color: #01002c; }

.bg-trans90-color0 { background-color: rgba(255, 255, 255, 0.9); color: #fff; color: #01002c; }

.f-serif, .f-family1 { font-family: "Cormorant Infant", serif; }

.f-sansserif, .f-family2 { font-family: "Open Sans", sans-serif; font-weight: 400; }

.f-family3 { font-family: Georgia, "Times New Roman", Times, serif; }

.f-900, .f-xbold { font-weight: 900; }

.f-700, .f-bold, .f-bold-lastchild > *:last-child { font-weight: 700; }

.f-600, .f-sbold, .f-sbold-lastchild > *:last-child { font-weight: 600; }

.f-400, .f-nobold, .f-nobold * { font-weight: 400 !important; }

.f-italic { font-style: italic; }

.f-upper { text-transform: uppercase; }

.f-upper-important { text-transform: uppercase!important; }

.f-lower { text-transform: lowercase; }

.f-capi { text-transform: capitalize; }

.f-color0 { color: #fff; }

.f-color1, .f-color1-links a { color: #01002c; }

.f-color2 { color: #666; }

.f-color2a { color: #888; }

.f-color3 { color: #999; }

.f-color4 { color: #ccc; }

.f-color5 { color: #eee; }

.f-color6 { color: #a29061; }

.f-color7 { color: #c82e2e; }

.f-color8 { color: #227722; }

.f-color9 { color: #2e4b8d; }

.f-color10 { color: #25232e; }

.f-color11 { color: #f1f1f1; }

.f-color12 { color: #fdf9f0; }

/* (#608102) */
.f-color13 { color: #e6e6e6; }

/* (#608102) */
.f-color14, .f-color14-links a { color: #a29061; }

/* (#608102) */
.f-color0-links, .f-color0-links a, .f-color0-links > * { color: #fff !important; }

.f-xsmall, .f-11 { font-size: 11px; }

/*11px*/
.f-small, .f-12 { font-size: 12px; }

/*12px*/
.f-medium, .f-13 { font-size: 13px; }

/*13px*/
.f-mediumlarge, .f-14 { font-size: 14px; }

/*14px*/
.f-15 { font-size: 15px; /*#987398*/ }

.f-large, .f-16 { font-size: 16px; }

/*16px*/
.f-xlarge, .f-18 { font-size: 18px; }

/*18px*/
.f-xxlarge, .f-20 { font-size: 20px; }

/*20px*/
.f-22 { font-size: 22px; }

.f-24 { font-size: 24px; }

.f-26 { font-size: 26px; }

.f-28 { font-size: 28px; }

.f-30 { font-size: 30px; }

.f-32 { font-size: 32px; }

.f-34 { font-size: 34px; }

.f-38 { font-size: 38px; }

h1, h2, h3, h4, h5, h6, [class*="f-heading"] { font-weight: 600; color: #01002c; margin: 8px 0; line-height: 130%; text-transform: capitalize; }
.f-300 { font-weight: 300; }

.f-400 { font-weight: 400; }

.f-600 { font-weight: 600; }

h1, h2, h3, h4, h5, h6, [class*="f-heading"] { font-weight: 600; color: #01002c; margin: 8px 0; line-height: 130%; text-transform: capitalize; }

.f-heading7 { font-size: 18px; }

/*18px*/
h1, h2, h3, h4, h5, h6 { font-family: "Cormorant Infant", serif; }

.f-heading1, .f-heading2, .f-heading3, .f-heading4, .f-heading5, .f-heading6 { font-family: "Cormorant Infant", serif; }

h6, .f-heading6 { font-size: 16px; }

/*16px*/
h5, .f-heading5 { font-size: 18px; }

/*18px*/
h4, .f-heading4 { font-size: 20px; }

/*20px*/
h3, .f-heading3 { font-size: 22px; }

/*22px*/
h2, .f-heading2 { font-size: 24px; }

/*24px*/
h1, .f-heading1, .f-double, .f-doubleandhalf, .f-triple, .f-tripleandhalf, .f-quadruple { font-size: 26px; }

/*30px -> 64px*/
.f-variable-xsmalltolarge { font-size: 10px; }

/*10px -> 14px*/
.f-variable-mediumtodefault { font-size: 12px; }

/*12px -> 16px*/
.f-variable-h4toh7toh4 { font-size: 24px; }

/*24px -> 18px -> 24px*/
.f-variable-xlargetodefaulttoxlarge { font-size: 18px; }

/*18px -> 16px -> 18px*/
.f-space0 { line-height: 0; }

/*#803420*/
.f-space1 { line-height: 100%; }

.f-space-normal, .f-space-variable { line-height: normal; }

.f-space12 { line-height: 130%; }

.f-xspace { line-height: 150%; }

.f-xxspace { line-height: 250%; }

.f-xxxspace { line-height: 350%; }

.f-wordspace0-5 { word-spacing: 8px; }

.f-wordspace1 { word-spacing: 16px; }

.f-letterspace1 { letter-spacing: 1px!important; }

.f-letterspace2 { letter-spacing: 2px!important; }

.f-letterspace3 { letter-spacing: 3px!important; }

.mwidth220 { max-width: 220px!important; }

.height1 { height: 16px; }

.height2 { height: 32px; }

.height3 { height: 48px; }

.height4 { height: 64px; }

.height5 { height: 80px; }

.align-left, .align-lefttocenter, .align-lefttoright { text-align: left; }

.align-center, .align-centertoleft, .align-centertoright, .headercontext { text-align: center; }

.align-right, .align-righttocenter { text-align: right; }

.valign-top { vertical-align: top; }

.valign-middle { vertical-align: middle; }

.valign-middle-important, .valign-middle-children > * { vertical-align: middle!important; }

.valign-baseline { vertical-align: baseline; }

.valign-bottom, .valign-bottom-children > * { vertical-align: bottom!important; }

.valign-bottom-important { vertical-align: bottom!important; }

.vcenter .inline-block { display: inline-block; vertical-align: middle; }

.invisible, .visibility-hidden { visibility: hidden; /*#984407*/ }

.m { margin: 16px !important; }

.pad { padding: 16px !important; }

.mt { margin-top: 16px !important; }

.pt { padding-top: 16px !important; }

.mb { margin-bottom: 16px !important; }

.pb { padding-bottom: 16px !important; }

.ml { margin-left: 16px !important; }

.pl { padding-left: 16px !important; }

.mr { margin-right: 16px !important; }

.pr { padding-right: 16px !important; }

.mtb { margin-top: 16px !important; margin-bottom: 16px !important; }

.ptb { padding-top: 16px !important; padding-bottom: 16px !important; }

.mlr { margin-left: 16px !important; margin-right: 16px !important; }

.plr { padding-left: 16px !important; padding-right: 16px !important; }

.bcspace { margin-left: 1.25%; margin-right: 1.25%; }

.m0 { margin: 0px !important; }

.p0 { padding: 0px !important; }

.mt0 { margin-top: 0px !important; }

.pt0 { padding-top: 0px !important; }

.mb0 { margin-bottom: 0px !important; }

.pb0 { padding-bottom: 0px !important; }

.ml0 { margin-left: 0px !important; }

.pl0 { padding-left: 0px !important; }

.mr0 { margin-right: 0px !important; }

.pr0 { padding-right: 0px !important; }

.mtb0 { margin-top: 0px !important; margin-bottom: 0px !important; }

.ptb0 { padding-top: 0px !important; padding-bottom: 0px !important; }

.mlr0 { margin-left: 0px !important; margin-right: 0px !important; }

.plr0 { padding-left: 0px !important; padding-right: 0px !important; }

.m1 { margin: 16px !important; }

.p1 { padding: 16px !important; }

.mt1 { margin-top: 16px !important; }

.pt1 { padding-top: 16px !important; }

.mb1 { margin-bottom: 16px !important; }

.pb1 { padding-bottom: 16px !important; }

.ml1 { margin-left: 16px !important; }

.pl1 { padding-left: 16px !important; }

.mr1 { margin-right: 16px !important; }

.pr1 { padding-right: 16px !important; }

.mtb1 { margin-top: 16px !important; margin-bottom: 16px !important; }

.ptb1 { padding-top: 16px !important; padding-bottom: 16px !important; }

.mlr1 { margin-left: 16px !important; margin-right: 16px !important; }

.plr1 { padding-left: 16px !important; padding-right: 16px !important; }

.m2 { margin: 32px !important; }

.p2 { padding: 32px !important; }

.mt2 { margin-top: 32px !important; }

.pt2 { padding-top: 32px !important; }

.mb2 { margin-bottom: 32px !important; }

.pb2 { padding-bottom: 32px !important; }

.ml2 { margin-left: 32px !important; }

.pl2 { padding-left: 32px !important; }

.mr2 { margin-right: 32px !important; }

.pr2 { padding-right: 32px !important; }

.mtb2 { margin-top: 32px !important; margin-bottom: 32px !important; }

.ptb2 { padding-top: 32px !important; padding-bottom: 32px !important; }

.mlr2 { margin-left: 32px !important; margin-right: 32px !important; }

.plr2 { padding-left: 32px !important; padding-right: 32px !important; }

.m3 { margin: 48px !important; }

.p3 { padding: 48px !important; }

.mt3 { margin-top: 48px !important; }

.pt3 { padding-top: 48px !important; }

.mb3 { margin-bottom: 48px !important; }

.pb3 { padding-bottom: 48px !important; }

.ml3 { margin-left: 48px !important; }

.pl3 { padding-left: 48px !important; }

.mr3 { margin-right: 48px !important; }

.pr3 { padding-right: 48px !important; }

.mtb3 { margin-top: 48px !important; margin-bottom: 48px !important; }

.ptb3 { padding-top: 48px !important; padding-bottom: 48px !important; }

.mlr3 { margin-left: 48px !important; margin-right: 48px !important; }

.plr3 { padding-left: 48px !important; padding-right: 48px !important; }

.m4 { margin: 64px !important; }

.p4 { padding: 64px !important; }

.mt4 { margin-top: 64px !important; }

.pt4 { padding-top: 64px !important; }

.mb4 { margin-bottom: 64px !important; }

.pb4 { padding-bottom: 64px !important; }

.ml4 { margin-left: 64px !important; }

.pl4 { padding-left: 64px !important; }

.mr4 { margin-right: 64px !important; }

.pr4 { padding-right: 64px !important; }

.mtb4 { margin-top: 64px !important; margin-bottom: 64px !important; }

.ptb4 { padding-top: 64px !important; padding-bottom: 64px !important; }

.mlr4 { margin-left: 64px !important; margin-right: 64px !important; }

.plr4 { padding-left: 64px !important; padding-right: 64px !important; }

.m5 { margin: 80px !important; }

.p5 { padding: 80px !important; }

.mt5 { margin-top: 80px !important; }

.pt5 { padding-top: 80px !important; }

.mb5 { margin-bottom: 80px !important; }

.pb5 { padding-bottom: 80px !important; }

.ml5 { margin-left: 80px !important; }

.pl5 { padding-left: 80px !important; }

.mr5 { margin-right: 80px !important; }

.pr5 { padding-right: 80px !important; }

.mtb5 { margin-top: 80px !important; margin-bottom: 80px !important; }

.ptb5 { padding-top: 80px !important; padding-bottom: 80px !important; }

.mlr5 { margin-left: 80px !important; margin-right: 80px !important; }

.plr5 { padding-left: 80px !important; padding-right: 80px !important; }

.m6 { margin: 96px !important; }

.p6 { padding: 96px !important; }

.mt6 { margin-top: 96px !important; }

.pt6 { padding-top: 96px !important; }

.mb6 { margin-bottom: 96px !important; }

.pb6 { padding-bottom: 96px !important; }

.ml6 { margin-left: 96px !important; }

.pl6 { padding-left: 96px !important; }

.mr6 { margin-right: 96px !important; }

.pr6 { padding-right: 96px !important; }

.mtb6 { margin-top: 96px !important; margin-bottom: 96px !important; }

.ptb6 { padding-top: 96px !important; padding-bottom: 96px !important; }

.mlr6 { margin-left: 96px !important; margin-right: 96px !important; }

.plr6 { padding-left: 96px !important; padding-right: 96px !important; }

.m7 { margin: 112px !important; }

.p7 { padding: 112px !important; }

.mt7 { margin-top: 112px !important; }

.pt7 { padding-top: 112px !important; }

.mb7 { margin-bottom: 112px !important; }

.pb7 { padding-bottom: 112px !important; }

.ml7 { margin-left: 112px !important; }

.pl7 { padding-left: 112px !important; }

.mr7 { margin-right: 112px !important; }

.pr7 { padding-right: 112px !important; }

.mtb7 { margin-top: 112px !important; margin-bottom: 112px !important; }

.ptb7 { padding-top: 112px !important; padding-bottom: 112px !important; }

.mlr7 { margin-left: 112px !important; margin-right: 112px !important; }

.plr7 { padding-left: 112px !important; padding-right: 112px !important; }

.m8 { margin: 128px !important; }

.p8 { padding: 128px !important; }

.mt8 { margin-top: 128px !important; }

.pt8 { padding-top: 128px !important; }

.mb8 { margin-bottom: 128px !important; }

.pb8 { padding-bottom: 128px !important; }

.ml8 { margin-left: 128px !important; }

.pl8 { padding-left: 128px !important; }

.mr8 { margin-right: 128px !important; }

.pr8 { padding-right: 128px !important; }

.mtb8 { margin-top: 128px !important; margin-bottom: 128px !important; }

.ptb8 { padding-top: 128px !important; padding-bottom: 128px !important; }

.mlr8 { margin-left: 128px !important; margin-right: 128px !important; }

.plr8 { padding-left: 128px !important; padding-right: 128px !important; }

.m9 { margin: 144px !important; }

.p9 { padding: 144px !important; }

.mt9 { margin-top: 144px !important; }

.pt9 { padding-top: 144px !important; }

.mb9 { margin-bottom: 144px !important; }

.pb9 { padding-bottom: 144px !important; }

.ml9 { margin-left: 144px !important; }

.pl9 { padding-left: 144px !important; }

.mr9 { margin-right: 144px !important; }

.pr9 { padding-right: 144px !important; }

.mtb9 { margin-top: 144px !important; margin-bottom: 144px !important; }

.ptb9 { padding-top: 144px !important; padding-bottom: 144px !important; }

.mlr9 { margin-left: 144px !important; margin-right: 144px !important; }

.plr9 { padding-left: 144px !important; padding-right: 144px !important; }

.m10 { margin: 160px !important; }

.p10 { padding: 160px !important; }

.mt10 { margin-top: 160px !important; }

.pt10 { padding-top: 160px !important; }

.mb10 { margin-bottom: 160px !important; }

.pb10 { padding-bottom: 160px !important; }

.ml10 { margin-left: 160px !important; }

.pl10 { padding-left: 160px !important; }

.mr10 { margin-right: 160px !important; }

.pr10 { padding-right: 160px !important; }

.mtb10 { margin-top: 160px !important; margin-bottom: 160px !important; }

.ptb10 { padding-top: 160px !important; padding-bottom: 160px !important; }

.mlr10 { margin-left: 160px !important; margin-right: 160px !important; }

.plr10 { padding-left: 160px !important; padding-right: 160px !important; }

.no-margin { margin: 0!important; }

.no-pad { padding: 0!important; }

.m0-25 { margin: 4px !important; }

.p0-25 { padding: 4px !important; }

.m0-5 { margin: 8px !important; }

.p0-5 { padding: 8px !important; }

.mt0inherit * { margin-top: 0!important; }

.pt0inherit * { padding-top: 0!important; }

.mt0-125 { margin-top: 2px !important; }

.pt0-125 { padding-top: 2px !important; }

.mt0-25 { margin-top: 4px !important; }

.pt0-25 { padding-top: 4px !important; }

.mt0-5, .mt0-5to1 { margin-top: 8px !important; }

.pt0-5, .pt0-5to1 { padding-top: 8px !important; }

.mt0-75 { margin-top: 12px !important; }

.pt0-75 { padding-top: 12px !important; }

.ml0-75, .mlr0-75 { margin-left: 12px !important; }

.pl0-75, .plr0-75 { padding-left: 12px !important; }

.mr0-75, .mlr0-75 { margin-right: 12px !important; }

.pr0-75, .plr0-75 { padding-right: 12px !important; }

.mt1-25 { margin-top: 20px !important; }

.pt1-25 { padding-top: 20px !important; }

.mt1-5 { margin-top: 24px !important; }

.pt1-5 { padding-top: 24px !important; }

.mt2-5 { margin-top: 40px !important; }

.pt2-5 { padding-top: 40px !important; }

.mb0inherit * { margin-bottom: 0!important; }

.pb0inherit * { padding-bottom: 0!important; }

.pb0-125 { padding-bottom: 2px !important; }

.mb0-25 { margin-bottom: 4px !important; }

.pb0-25 { padding-bottom: 4px !important; }

.mb0-5 { margin-bottom: 8px !important; }

.pb0-5 { padding-bottom: 8px !important; }

.mb0-75 { margin-bottom: 12px !important; }

.pb0-75 { padding-bottom: 12px !important; }

.mb1-5 { margin-bottom: 24px !important; }

.pb1-5 { padding-bottom: 24px !important; }

.mb2-5 { margin-bottom: 40px !important; }

.pb2-5 { padding-bottom: 40px !important; }

.mb1to2, .mb1onnarrow { margin-bottom: 16px !important; }

.pb1to2, .pb1onnarrow { padding-bottom: 16px !important; }

.mtb0inherit * { margin-top: 0!important; margin-bottom: 0!important; }

.ptb0inherit * { padding-top: 0!important; padding-bottom: 0!important; }

.mtb0-25, .mtb0-25inherit * { margin-top: 4px !important; margin-bottom: 4px !important; }

.ptb0-125 { padding-top: 2px !important; padding-bottom: 2px !important; }

.ptb0-25 { padding-top: 4px !important; padding-bottom: 4px !important; }

.mtb0-5, .mtb0-5to1 { margin-top: 8px !important; margin-bottom: 8px !important; }

.ptb0-5, .ptb0-5to1 { padding-top: 8px !important; padding-bottom: 8px !important; }

.mtb0-75 { margin-top: 12px !important; margin-bottom: 12px !important; }

.ptb0-75 { padding-top: 12px !important; padding-bottom: 12px !important; }

.mtb1-25 { margin-top: 20px !important; margin-bottom: 20px !important; }

.ptb1-25 { padding-top: 20px !important; padding-bottom: 20px !important; }

.mtb1-5 { margin-top: 24px !important; margin-bottom: 24px !important; }

.ptb1-5 { padding-top: 24px !important; padding-bottom: 24px !important; }

.mtb0to1 { margin-top: 0!important; margin-bottom: 0!important; }

.ptb0to1 { padding-top: 0!important; padding-bottom: 0!important; }

.mtb1-5to0-5 { margin-top: 24px !important; margin-bottom: 24px !important; }

.ptb1-5to0-5 { padding-top: 24px !important; padding-bottom: 24px !important; }

.ml0-5 { margin-left: 8px !important; }

.pl0-5 { padding-left: 8px !important; }

.ml0-625 { margin-left: 10px !important; }

.pl0-625 { padding-left: 10px !important; }

.mr0-5 { margin-right: 8px !important; }

.pr0-5 { padding-right: 8px !important; }

.mlr0-25 { margin-left: 4px !important; margin-right: 4px !important; }

.plr0-25 { padding-left: 4px !important; padding-right: 4px !important; }

.mlr0-5, .mlr0-5to0 { margin-left: 8px !important; margin-right: 8px !important; }

.plr0-5, .plr0-5to0 { padding-left: 8px !important; padding-right: 8px !important; }

.mlr1-5 { margin-left: 24px !important; margin-right: 24px !important; }

.plr1-5 { padding-left: 24px !important; padding-right: 24px !important; }

.mlr2-5 { margin-left: 40px !important; margin-right: 40px !important; }

.plr2-5 { padding-left: 40px !important; padding-right: 40px !important; }

.mlrgutterto0 { margin-left: 1.25%; margin-right: 1.25%; }

.plrgutterto0 { padding-left: 1.25%; padding-right: 1.25%; }

.mlrdoublegutterto0 { margin-left: 2.5%; margin-right: 2.5%; }

.plrdoublegutterto0 { padding-left: 2.5%; padding-right: 2.5%; }

.mlrdoublegutter, .mlrdoubleguttertoauto { margin-left: 2.5% !important; margin-right: 2.5% !important; }

/*  (#608102) (1) */
.plrdoublegutter, .plrdoublegutterto0, .plrdoubleguttertoauto { padding-left: 2.5% !important; padding-right: 2.5% !important; }

/*  (#608102) */
.mlrquadruplegutter, .mlrquadruplegutterto0, .mlrquadrupleguttertoauto { margin-left: 5% !important; margin-right: 5% !important; }

/* (#608102) */
.plrquadruplegutter, .plrquadruplegutterto0 { padding-left: 5% !important; padding-right: 5% !important; }

/*  (#608102) */
.mtb0to0-25, .mtb0to0-5 { margin-top: 0; margin-bottom: 0; }

.ptb0to0-25, .ptb0to0-5 { padding-top: 0; padding-bottom: 0; }

/* (#487628) */
/* (#487628) */
.mlrgutter, .mlrgutterto0 { margin-left: 1.25%; margin-right: 1.25%; }

.plrgutter, .plrgutterto0 { padding-left: 1.25%; padding-right: 1.25%; }

.joinlines > * { margin: 8px auto; }

.splitlines > * { display: block; }

.fixedspans span { display: inline-block; vertical-align: top; margin: 0 1.25%; width: 75px; }

.fixedspans span.long { width: 107px; }

.fixedspans span.xlong { width: 139px; }

.rounded { -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; }

.xrounded { -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; border-radius: 8px !important; }

.xxrounded { -webkit-border-radius: 144px !important; -moz-border-radius: 144px !important; border-radius: 144px !important; }

[data-fadedpercent] { transition-duration: 0.4s; }

[data-fadedpercent]:hover { filter: alpha(opacity=100); opacity: 1; }

[data-fadedpercent="20"] { filter: alpha(opacity=20); opacity: 0.2; }

[data-fadedpercent="25"] { filter: alpha(opacity=25); opacity: 0.25; }

[data-fadedpercent="33"] { filter: alpha(opacity=33); opacity: 0.33; }

[data-fadedpercent="50"] { filter: alpha(opacity=50); opacity: 0.5; }

[data-fadedpercent="66"] { filter: alpha(opacity=66); opacity: 0.66; }

[data-fadedpercent="75"] { filter: alpha(opacity=75); opacity: 0.75; }

.fullwidthtofixedwidth200 { width: 100%; }

/* (#487628) */
.fullwidthtofixedwidth400 { width: 100%; }

.flex-equal { display: -webkit-box!important; display: -moz-box!important; display: -ms-flexbox!important; display: -webkit-flex!important; display: flex!important; }

.no-flexbox.no-flexboxlegacy.no-flexboxtweener .flex-equal { display: table; table-layout: fixed; }

.no-flexbox.no-flexboxlegacy.no-flexboxtweener .flex-equal > * { display: table-cell; vertical-align: top; }

.flex-equal > * { -webkit-box-flex: 1 1 100%; -moz-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; }

@media screen and (min-width: 48em) { @viewport { user-zoom: zoom;
    /* equivalent to user-scalable=yes */ }
  .fixed-SM { position: fixed!important; /*#935381*/ }
  .fullwidthonnarrow { width: auto!important; }
  .twothirdstofullwidth { width: 100%!important; }
  .twothirdstoauto { width: auto!important; }
  .align-lefttocenter, .align-righttocenter { text-align: center; }
  .align-centertoleft, .headercontext { text-align: left; }
  .align-centertoright, .align-lefttoright { text-align: right; }
  .mt0-5to1 { margin-top: 16px !important; }
  .pt0-5to1 { padding-top: 16px !important; }
  .mb1onnarrow { margin-bottom: 0!important; }
  .pb1onnarrow { padding-bottom: 0!important; }
  .mb1to2 { margin-bottom: 32px !important; }
  .pb1to2 { padding-bottom: 32px !important; }
  .mtb0to0-25 { margin-top: 4px; margin-bottom: 4px; }
  .ptb0to0-25 { padding-top: 4px; padding-bottom: 4px; }
  .mtb0to0-5 { margin-top: 8px; margin-bottom: 8px; }
  .ptb0to0-5 { padding-top: 8px; padding-bottom: 8px; }
  .mtb0-5to1, .mtb0to1 { margin-top: 16px !important; margin-bottom: 16px !important; }
  .ptb0-5to1, .ptb0to1 { padding-top: 16px !important; padding-bottom: 16px !important; }
  .mtb0to2 { margin-top: 32px !important; margin-bottom: 32px !important; }
  .ptb0to2 { padding-top: 32px !important; padding-bottom: 32px !important; }
  .mtb1-5to0-5 { margin-top: 0.5!important; margin-bottom: 0.5!important; }
  .ptb1-5to0-5 { padding-top: 0.5!important; padding-bottom: 0.5!important; }
  .mlr0-5to0 { margin-left: 0!important; margin-right: 0!important; }
  .plr0-5to0 { padding-left: 0!important; padding-right: 0!important; }
  .mlrgutterto0, .mlrdoublegutterto0 { margin-left: 0; margin-right: 0; }
  .plrgutterto0, .plrdoublegutterto0 { padding-left: 0; padding-right: 0; }
  .mlr0todoublegutter, .headercontext { margin-left: 2.5%; margin-right: 2.5%; }
  .plr0todoublegutter { padding-left: 2.5%; padding-right: 2.5%; }
  .mlr0to1 { margin-left: 16px; margin-right: 16px; }
  .plr0to1 { padding-left: 16px; padding-right: 16px; }
  .mt0to4 { margin-top: 0; }
  /* (#608102) */
  .mt2tomt4 { margin-top: 32px; }
  /* (#608102) */
  .bg-xlighttowhite { background-color: #fff; }
  .bg-whitetoxlight { background-color: #f1f1f1; }
  	                                                                                                            			 /* (#487628) * 	.mlrgutterto0,.mlrdoublegutterto0{margin-left:0;margin-right:0;} .plrgutterto0,.plrdoublegutterto0{padding-left:0;padding-right:0;}   	.mlrgutterto0,.mlrdoublegutterto0,.mlrquadruplegutterto0{margin-left:0!important;margin-right:0!important;} 			 /* (#608102) */
  .plrgutterto0, .plrdoublegutterto0, .plrquadruplegutterto0 { padding-left: 0!important; padding-right: 0!important; }
  /* (#608102) */
  .mlrguttertohalfgutter { margin-left: 0.625% !important; margin-right: 0.625% !important; }
  /* (#608102) */
  .plrguttertohalfgutter { padding-left: 0.625% !important; padding-right: 0.625% !important; }
  /* (#608102) */
  .f-double { font-size: 32px; }
  /*32px*/
  .f-doubleandhalf { font-size: 40px; }
  /*40px*/
  .f-triple { font-size: 48px; }
  /*48px*/
  .f-tripleandhalf { font-size: 56px; }
  /*56px*/
  .f-quadruple { font-size: 64px; }
  /*64px*/
  .f-variable-xsmalltolarge { font-size: 14px; }
  /*10px -> 14px*/
  .f-variable-mediumtodefault { font-size: 16px; }
  /*12px -> 16px*/
  .f-space-variable { line-height: 150%; }
  .f-variable-h4toh7toh4 { font-size: 18px; }
  /*24px -> 18px -> 24px*/
  .f-variable-xlargetodefaulttoxlarge { font-size: 16px; }
  /*18px -> 16px -> 18px*/
  .fullwidthtofixedwidth200 { width: 200px; }
  /* (#487628) */
  .fullwidthtofixedwidth400 { width: 400px; }
  .flex-equalSM { display: -webkit-box!important; display: -moz-box!important; display: -ms-flexbox!important; display: -webkit-flex!important; display: flex!important; }
  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .flex-equalSM { display: table; table-layout: fixed; }
  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .flex-equalSM > * { display: table-cell; vertical-align: top; }
  .flex-equalSM > * { -webkit-box-flex: 1 1 100%; -moz-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; } }

@media screen and (min-width: 62.5em) { .mt2tomt4 { margin-top: 64px !important; }
  /* (#608102) */
  .fixedwidth { width: 1000px; margin: 0 auto; }
  .mlonwide { margin-left: 16px !important; }
  .mronwide { margin-right: 16px !important; }
  .joinlines { margin: 16px auto; }
  .joinlines > * { display: inline; margin: auto; }
  .absolute.bottom { margin-bottom: 8px; }
  .f-variable-h4toh7toh4 { font-size: 24px; }
  /*24px -> 18px -> 24px*/
  .f-variable-xlargetodefaulttoxlarge { font-size: 18px; }
  /*18px -> 16px -> 18px*/
  .mlrguttertoauto, .mlrdoubleguttertoauto, .mlrquadrupleguttertoauto { margin-left: auto!important; margin-right: auto!important; }
  /* (#608102) */
  .plrguttertoauto, .plrdoubleguttertoauto { padding-left: auto!important; padding-right: auto!important; }
  /* (#608102) */
  .mlrnegativegutter { margin-left: -1.25%; margin-right: -1.25%; }
  .flex-equalMS { display: -webkit-box!important; display: -moz-box!important; display: -ms-flexbox!important; display: -webkit-flex!important; display: flex!important; }
  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .flex-equalMS { display: table; table-layout: fixed; }
  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .flex-equalMS > * { display: table-cell; vertical-align: top; }
  .flex-equalMS > * { -webkit-box-flex: 1 1 100%; -moz-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; } }

[data-font="12"], [data-font-xs="12"] { font-size: 12px; }

[data-font="14"], [data-font-xs="14"] { font-size: 14px; }

[data-font="16"], [data-font-xs="16"] { font-size: 16px; }

[data-font="18"], [data-font-xs="18"] { font-size: 18px; }

[data-font="20"], [data-font-xs="20"] { font-size: 20px; }

[data-font="24"], [data-font-xs="24"] { font-size: 24px; }

[data-font="26"], [data-font-xs="26"] { font-size: 26px; }

[data-font="32"], [data-font-xs="32"] { font-size: 32px; }

[data-font="36"], [data-font-xs="36"] { font-size: 36px; }

[data-font="42"], [data-font-xs="42"] { font-size: 42px; }

@media screen and (min-width: 30em) { [data-font-ms="12"] { font-size: 12px; line-height: 1; }
  [data-font-ms="14"] { font-size: 14px; line-height: 1; }
  [data-font-ms="16"] { font-size: 16px; line-height: 1; }
  [data-font-ms="18"] { font-size: 18px; line-height: 1; }
  [data-font-ms="20"] { font-size: 20px; line-height: 1; }
  [data-font-ms="24"] { font-size: 24px; line-height: 1; }
  [data-font-ms="26"] { font-size: 26px; line-height: 1; }
  [data-font-ms="32"] { font-size: 32px; line-height: 1; }
  [data-font-ms="36"] { font-size: 36px; line-height: 1; }
  [data-font-ms="42"] { font-size: 42px; line-height: 1; } }

@media screen and (min-width: 48em) { [data-font-sm="12"] { font-size: 12px; line-height: 1; }
  [data-font-sm="14"] { font-size: 14px; line-height: 1; }
  [data-font-sm="16"] { font-size: 16px; line-height: 1; }
  [data-font-sm="18"] { font-size: 18px; line-height: 1; }
  [data-font-sm="20"] { font-size: 20px; line-height: 1; }
  [data-font-sm="24"] { font-size: 24px; line-height: 1; }
  [data-font-sm="26"] { font-size: 26px; line-height: 1; }
  [data-font-sm="32"] { font-size: 32px; line-height: 1; }
  [data-font-sm="36"] { font-size: 36px; line-height: 1; }
  [data-font-sm="42"] { font-size: 42px; line-height: 1; } }

@media screen and (min-width: 66em) { [data-font-md="12"] { font-size: 12px; line-height: 1; }
  [data-font-md="14"] { font-size: 14px; line-height: 1; }
  [data-font-md="16"] { font-size: 16px; line-height: 1; }
  [data-font-md="18"] { font-size: 18px; line-height: 1; }
  [data-font-md="20"] { font-size: 20px; line-height: 1; }
  [data-font-md="24"] { font-size: 24px; line-height: 1; }
  [data-font-md="26"] { font-size: 26px; line-height: 1; }
  [data-font-md="32"] { font-size: 32px; line-height: 1; }
  [data-font-md="36"] { font-size: 36px; line-height: 1; }
  [data-font-md="42"] { font-size: 42px; line-height: 1; } }

@media screen and (min-width: 87.5em) { [data-font-lg="12"] { font-size: 12px; line-height: 1; }
  [data-font-lg="14"] { font-size: 14px; line-height: 1; }
  [data-font-lg="16"] { font-size: 16px; line-height: 1; }
  [data-font-lg="18"] { font-size: 18px; line-height: 1; }
  [data-font-lg="20"] { font-size: 20px; line-height: 1; }
  [data-font-lg="24"] { font-size: 24px; line-height: 1; }
  [data-font-lg="26"] { font-size: 26px; line-height: 1; }
  [data-font-lg="32"] { font-size: 32px; line-height: 1; }
  [data-font-lg="36"] { font-size: 36px; line-height: 1; }
  [data-font-lg="42"] { font-size: 42px; line-height: 1; } }

.fixedwidth-wide { width: 100%; margin: 0 auto; max-width: 100%; }

.fixedwidth-checkout { width: 100%; margin: 0 auto; }

.fixedwidth-splitdelivery { width: 100%; margin: 0 auto; }

.fixedwidth-confirmed { width: 100%; margin: 0 auto; }

@media (min-width: 530px) { .fixedwidth-confirmed { width: 530px; margin: 0 auto; } }

@media screen and (min-width: 66em) { .fixedwidth-wide { width: 100%; margin: 0 auto; max-width: 1400px; }
  .fixedwidth-splitdelivery { width: 100%; max-width: 1056px; margin: 0 auto; } }

@media screen and (min-width: 87.5em) { .fixedwidth-wide { width: 1400px; margin: 0 auto; }
  .fixedwidth-checkout { width: 1200px; margin: 0 auto; } }

.locationheading { text-align: center; position: relative; }

.locationheading h2 { display: inline-block; padding: 16px; background: #fff; position: relative; z-index: 1; text-transform: uppercase; max-width: 90%; }

.locationheading:before { content: ""; position: absolute; bottom: 50%; left: 0; width: 100%; height: 1px; background: #01002c; }

/********************SHOW/HIDE - CLASSES FOR USE THROUGHOUT THE SITE, NOT SPECIFIC TO PARTICULAR PAGES********************/
.hidden { display: none; }

.hidden-important { display: none!important; }

.inline { display: inline; }

.inline-important { display: inline!important; }

.block, .block-children > * { display: block; }

.inline-block { display: inline-block; vertical-align: top; }

.block-important { display: block!important; }

.inlineblock-important { display: inline-block!important; }

.hideonnarrow, .hideonnarrowinline, .hideonnarrowinlineblock, .showonwide, .showonwideSM, .showonwideinline, .showonwideinlineSM, .showonwideinlineblock, .showonwideinlineblockSM { display: none !important; }

.blocktoinlineblock { display: block; }

.blocktoinline { display: block; }

.hideontablet { display: none; }

/* (#487628) */
.adjustqtyimgbtn { width: 20px; height: 20px; }

.elite-flexbox { display: -webkit-box!important; display: -moz-box!important; display: -ms-flexbox!important; display: -webkit-flex!important; display: flex!important; }

.no-flexbox.no-flexboxlegacy.no-flexboxtweener .elite-flexbox { display: table; table-layout: auto; }

.no-flexbox.no-flexboxlegacy.no-flexboxtweener .elite-flexbox > * { display: table-cell; vertical-align: top; }

.elite-flexbox-vertical { display: -webkit-box!important; display: -moz-box!important; display: -ms-flexbox!important; display: -webkit-flex!important; display: flex!important; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.elite-flexbox, .flexbox-SM-upwards, .elite-flexbox-vertical { -webkit-box-pack: space-between; -moz-box-pack: space-between; -ms-flex-pack: space-between; -webkit-justify-content: space-between; justify-content: space-between; }

.elite-flexbox.valign-center, .flexbox-SM-upwards.valign-center, .elite-flexbox-vertical.valign-center { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.no-flexbox.no-flexboxlegacy.no-flexboxtweener .elite-flexbox.valign-center > *, .no-flexbox.no-flexboxlegacy.no-flexboxtweener .flexbox-SM-upwards.valign-center > *, .no-flexbox.no-flexboxlegacy.no-flexboxtweener .elite-flexbox-vertical.valign-center > * { vertical-align: middle; }

.elite-flexbox.flex-wrap, .flexbox-SM-upwards.flex-wrap, .elite-flexbox-vertical.flex-wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.elite-flexbox > *, .flexbox-SM-upwards > *, .elite-flexbox-vertical > * { -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.elite-flexbox > *.flexshrinkgrow0, .flexbox-SM-upwards > *.flexshrinkgrow0, .elite-flexbox-vertical > *.flexshrinkgrow0 { -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.elite-flexbox > *.flexshrinkgrow1, .flexbox-SM-upwards > *.flexshrinkgrow1, .elite-flexbox-vertical > *.flexshrinkgrow1 { -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.elite-flexbox > *.flexshrink1, .flexbox-SM-upwards > *.flexshrink1, .elite-flexbox-vertical > *.flexshrink1 { -webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; }

.elite-flexbox > *.flexshrink2, .flexbox-SM-upwards > *.flexshrink2, .elite-flexbox-vertical > *.flexshrink2 { -webkit-box-flex: 0 2 auto; -moz-box-flex: 0 2 auto; -webkit-flex: 0 2 auto; -ms-flex: 0 2 auto; flex: 0 2 auto; }

.elite-flexbox > *.flexgrow1, .flexbox-SM-upwards > *.flexgrow1, .elite-flexbox-vertical > *.flexgrow1 { -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.elite-flexbox > *.flexgrow2, .flexbox-SM-upwards > *.flexgrow2, .elite-flexbox-vertical > *.flexgrow2 { -webkit-box-flex: 2 0 auto; -moz-box-flex: 2 0 auto; -webkit-flex: 2 0 auto; -ms-flex: 2 0 auto; flex: 2 0 auto; }

.elite-flexbox > *.flexgrow3, .flexbox-SM-upwards > *.flexgrow3, .elite-flexbox-vertical > *.flexgrow3 { -webkit-box-flex: 3 0 auto; -moz-box-flex: 3 0 auto; -webkit-flex: 3 0 auto; -ms-flex: 3 0 auto; flex: 3 0 auto; }

@media screen and (min-width: 48em) { .hideonnarrow { display: block!important; }
  .hideonnarrowinline { display: inline!important; }
  .hideonnarrowinlineblock { display: inline-block; vertical-align: top; display: inline-block !important; }
  td.hideonnarrow, th.hideonnarrow { display: table-cell!important; }
  .showonnarrow { display: none!important; }
  .blocktoinlineblock { display: inline-block; }
  .hideonwideinlineblock { display: inline-block; }
  .blocktoinline { display: inline; }
  .adjustqtyimgbtn { width: auto; height: auto; }
  .flexbox-SM-upwards { display: -webkit-box!important; display: -moz-box!important; display: -ms-flexbox!important; display: -webkit-flex!important; display: flex!important; }
  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .flexbox-SM-upwards { display: table; table-layout: auto; }
  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .flexbox-SM-upwards > * { display: table-cell; vertical-align: top; }
  .elite-flexbox > .hideonnarrow { -webkit-box-flex: 1 0 auto !important; -moz-box-flex: 1 0 auto !important; -webkit-flex: 1 0 auto !important; -ms-flex: 1 0 auto !important; flex: 1 0 auto !important; } }

@media screen and (min-width: 62.5em) { .showonwide { display: block!important; }
  .showonwideinline { display: inline!important; }
  .showonwideinlineblock { display: inline-block; vertical-align: top; display: inline-block !important; }
  td.showonwide, th.showonwide { display: table-cell!important; }
  .hideontablet { display: block; }
  /* (#487628) */
  .hideonwide, .hideonwideinlineblock { display: none!important; }
  /* (#608102) */
  .blocktoinlineblock { display: inline-block; }
  .blocktoinline { display: inline; } }

@media screen and (min-width: 48em) { .showonnarrowSM { display: block !important; } }

@media screen and (min-width: 66em) { .showonwideSM { display: block !important; }
  .showonnarrowSM { display: none !important; } }

.hideontabletinlineblock { display: inline-block; }

@media screen and (min-width: 48em) { .hideontabletinlineblock { display: none; } }

@media screen and (min-width: 66em) { .hideontabletinlineblock { display: inline-block; } }

#sitebody > * { position: relative; z-index: 4; }

#sitebody > #header { z-index: 3; }

#sitebody > #main, #sitebody > #slideshow, #sitebody > #footer, #fsubscription { z-index: 2; }

#sitebody > #cookiebar { z-index: 4; }

#masthead, #overlay-searchdrop, #overlay-minibasket, #overlay-setdietary, #overlay-setfavourite, #overlay-setaccount, #headerbuttons { z-index: 3; }

#headerdropdowns, .promobadge { z-index: 2; }

.separator h1, .separator h2, .separator h3, .separator h4, .separator h5, .separator h6 { z-index: 1; }

.enhanceonhover:hover .enhanced { z-index: 1; }

.tab.selected, .accordion h3.selected { z-index: 1; }

@media screen and (min-width: 48em) { [id^=submenu] { z-index: 1; } }

.tab, .accordion h3 { clear: both; display: block; margin: 8px 1.25%; color: #01002c; background-color: #fff; padding: 8px; }

.tab + div, .accordion h3 + div { margin: 8px 1.25%; }

a.xtab { font-weight: bold; margin: 8px 1.25% 8px; cursor: default; }

div.xtab { margin-bottom: 48px; }

.tabgroup { /* (#487628) */ /* (#487628) */ }

.tabgroup, .tabgroup .tab:first-child, .tabgroup .accordion h3:first-child, .accordion .tabgroup h3:first-child { position: relative; }

.tabgroup .tab, .tabgroup .accordion h3, .accordion .tabgroup h3 { clear: none; position: absolute; top: 0; width: 40%; margin: 0 2% 0 0; padding: 8px 0.5%; }

.tabgroup .tab, .tabgroup .accordion h3, .accordion .tabgroup h3 { left: 8%; }

.tabgroup .tab + div + .tab, .tabgroup .accordion h3 + div + .tab, .accordion .tabgroup h3 + div + .tab, .tabgroup .accordion .tab + div + h3, .accordion .tabgroup .tab + div + h3, .tabgroup .accordion h3 + div + h3, .accordion .tabgroup h3 + div + h3 { left: 51%; }

.tabgroup .tab + div, .tabgroup .accordion h3 + div, .accordion .tabgroup h3 + div { position: relative; margin: 0 1.25%; }

.tabgroup .tab, .tabgroup .accordion h3, .accordion .tabgroup h3 { width: 20%; text-align: center; height: 40px; top: 8px; cursor: pointer; text-decoration: none; padding-top: 0; padding-bottom: 0; border: solid 1px transparent; border-bottom-width: 0; }

.tabgroup .tab.selected, .tabgroup .accordion h3.selected, .accordion .tabgroup h3.selected { cursor: default; color: #25232e; background-color: #fff; border-color: #ccc; top: 9px; }

.tabgroup .tab.bd-xlight, .tabgroup .accordion h3.bd-xlight, .accordion .tabgroup h3.bd-xlight { border-color: #ccc; }

.tabgroup .tab.f-color10, .tabgroup .accordion h3.f-color10, .accordion .tabgroup h3.f-color10 { color: #25232e; }
.tabgroup .tab + div, .tabgroup .accordion h3 + div, .accordion .tabgroup h3 + div { border-top: solid 1px #cccccc; background-color: white; top: 8px; }

.accordion > div { background-color: white; border-bottom: solid 1px #eeeeee; }
.accordion > div:first-child { border-top: solid 1px #eeeeee; }
.accordion .arrow-r-r, .accordion .bg-arrow-right, .accordion .bg-arrow-right-nohover, .accordion .bg-arrow-down { padding: 8px 2.5%; /*width:(100% - 4*$gutter)*/ }

.accordion .arrow-r-r + div, .accordion .bg-arrow-right + div, .accordion .bg-arrow-right-nohover + div, .accordion .bg-arrow-down + div { padding: 0 1.25%; width: 97.5%; }

.accordion h3 { margin: 8px 0; }

.accordion h3 + div { margin: 8px; }

.accordion .bg-arrow-right, .accordion .bg-arrow-right-nohover, .accordion .bg-arrow-down { font-size: 1.125em; }

@media screen and (min-width: 48em) { .accordion .bg-arrow-right, .accordion .bg-arrow-down { font-size: 16px; } }

/*NEW TAB*/
.prodTab { clear: both; margin: 16px 0; }

@media screen and (min-width: 66em) { .prodTab { margin: 16px 0; } }

.prodTab .tabheading { border-bottom: 1px solid #ccc; clear: both; padding: 0 2%; position: relative; display: flex; /*align-items:center;*/ }

.prodTab .tabheading a.tabtitle { display: block; text-align: center; padding: 16px 16px; /*min-width:calc(32% - 32px);*/ width: 50%; line-height: 100%; text-decoration: none; line-height: 120%; }

@media screen and (min-width: 66em) { .prodTab .tabheading a.tabtitle { width: calc(32% - 16px); } }

.prodTab .tabheading a.tabtitle.tabcount2 { width: calc(49% - 16px); }

@media screen and (min-width: 66em) { .prodTab .tabheading a.tabtitle.tabcount2 { min-width: calc(32% - 16px); } }

.prodTab .tabheading a.tabtitle.selected { border: 1px solid #ccc; box-sizing: border-box; border-bottom-color: #fff; margin-bottom: -1px; }

@media screen and (min-width: 48em) { .prodTab .tabheading { padding: 0 5%; } }

@media screen and (min-width: 66em) { .prodTab .tabheading { padding: 0 10%; } }

.prodTab .tabcontent { margin: 16px 0; overflow-x: auto; width: 100%; }

@media screen and (min-width: 66em) { .prodTab .tabcontent { margin: 16px 0; overflow-x: hidden; } }

.flexordercontrol { display: flex; flex-direction: column; }

.flexordercontrol[data-flex="coltorow"] { flex-direction: column; }

@media screen and (min-width: 48em) { .flexordercontrol[data-flex="coltorow"] { flex-direction: row; } }

ul.disc { list-style: disc; }

ul.disc li { margin-left: 1em; }

ul.biggreendisc li { background: url(../images/billoddies/biggreendisc.gif) no-repeat 0 0; padding-left: 30px; /*width of bullet image*/ }

ul.smalldisc li { background: url(../images/core/smalldisc.png) no-repeat left; padding-left: 15px; /*width of bullet image*/ }

.arrow-l-r { position: relative; display: block; cursor: pointer; text-indent: 2.5em; }

.arrow-l-r:after { content: '\a0'; position: absolute; top: 40%; left: 1em; width: 0; height: 0; border-style: solid; border-width: 0.35em 0.5em; border-right-width: 0; border-color: transparent #01002c; border-right-color: transparent; background-color: transparent!important; }

.arrow-l-r.selected:after { top: 49%; border-width: 0.5em 0.35em 0; border-color: #01002c transparent transparent; }

.arrow-r-r { position: relative; display: block; cursor: pointer; }

.arrow-r-r:after { content: '\a0'; position: absolute; top: 40%; right: 1em; width: 0; height: 0; border-style: solid; border-width: 0.35em 0.5em; border-right-width: 0; border-color: transparent #01002c; border-right-color: transparent; background-color: transparent!important; }

.arrow-r-r.selected:after { top: 49%; border-width: 0.5em 0.35em 0; border-color: #01002c transparent transparent; }

.no-arrow { text-indent: 0; cursor: default; }

.no-arrow[href], .no-arrow[data-url] { cursor: pointer; }

.no-arrow:after, .no-arrow.selected:after { border-width: 0!important; }

/* (#487628) */
.bg-arrow-up { background: url(../images/icons/arrow-up.gif) no-repeat 1% 50% transparent; min-width: 16px; min-height: 9px; cursor: pointer; }

.bg-arrow-down { background: url(../images/icons/arrow-down.gif) no-repeat 1% 50% transparent; min-width: 16px; min-height: 9px; cursor: pointer; }

.bg-arrow-left { background: url(../images/icons/arrow-left.gif) no-repeat 1% 50% transparent; min-width: 9px; min-height: 16px; cursor: pointer; }

.bg-arrow-right { background: url(../images/icons/arrow-right.gif) no-repeat 1% 50% transparent; min-width: 9px; min-height: 16px; cursor: pointer; }

.bg-arrow-right-nohover { background: url(../images/icons/arrow-right.gif) no-repeat 1% 50% transparent; min-width: 9px; min-height: 16px; cursor: pointer; }

.bg-arrow-down:hover, .bg-arrow-right:hover { color: #01002c; }

.bg-arrow-flatup { background: url(../images/icons/floatarrow-up.png) no-repeat 0 55% transparent; min-width: 16px; min-height: 9px; cursor: pointer; }

.bg-arrow-flatdown { background: url(../images/icons/floatarrow-down.png) no-repeat 0 55% transparent; min-width: 16px; min-height: 9px; cursor: pointer; }

.bg-arrow-floatleft { background: url(../images/icons/floatarrow-right.png) no-repeat 0 50% transparent; min-width: 10px; min-height: 16px; cursor: pointer; }

.bg-arrow-floatright { background: url(../images/icons/floatarrow-left.png) no-repeat 0 50% transparent; min-width: 10px; min-height: 16px; cursor: pointer; }

.alt-arrow-left { cursor: pointer; padding: 13px; background: #eee; border-radius: 15px; position: relative; }

.alt-arrow-left:after { content: url(/images/core/arrow_prev.png); position: absolute; top: 5px; left: 8px; }

.alt-arrow-left:hover:after { content: url(/images/core/arrow_prev_ov.png); }

.alt-arrow-right { cursor: pointer; padding: 13px; background: #eee; border-radius: 15px; position: relative; }

.alt-arrow-right:after { content: url(/images/core/arrow_next.png); position: absolute; top: 5px; left: 9px; }

.alt-arrow-right:hover:after { content: url(/images/core/arrow_next_ov.png); }

.separator { background: url(../images/core/dot.gif) repeat-x center center transparent; clear: both; display: block; width: 97.5%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; text-align: center; min-height: 1em; }

.separator.fullwidth { clear: both; display: block; width: 100%; padding-left: 0; padding-right: 0; margin: 8px 0; }

.dot-light { background-image: url(../images/core/dot-light.gif); }

.dot-lighter { background-image: url(../images/core/dot-lighter.gif); }

.line-lighter { background: url(../images/core/line-lighter.gif) no-repeat 25% center; }

.line-lighter-vertical { background-image: url(../images/core/dot-lighter.gif); background-repeat: repeat-y; background-position: center center; }

.headingbox { text-align: center; background-color: #fff; margin-left: auto; margin-right: auto; width: 80%; margin-bottom: 16px; }

.lines > * { border-top: solid 1px #e6e6e6; }

.lines > *:first-child { border-top-width: 0; }

.topedge-arrowup { background-image: url(../images/core/reviewreply-top.png); background-repeat: no-repeat; background-position: left top; padding-top: 13px; }

.decor-tick { background: url(../images/core/decor-tick-green.gif) no-repeat 0 3px transparent; text-indent: 20px; }

.bubble-large, .bubble-small { display: inline-block; vertical-align: middle; text-align: center; background-color: #d7d7d7; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; }

.bubble-large { width: 80px; height: 56px; padding-top: 24px; }

.bubble-small { width: 40px; height: 36px; }

.bubble-small + .bubble-large { position: relative; left: -16px; }

.bubble-mini, .bubble-xmini, .bubble-xmini-light, .bubble-mini-light, input[value=x], input[value=X], .popup-close { display: inline-block; vertical-align: top; -webkit-border-radius: 26px; -moz-border-radius: 26px; -ms-border-radius: 26px; -o-border-radius: 26px; border-radius: 26px; position: absolute; right: -15px; top: -15px; text-align: center; color: white; background-color: #01002c; border: solid 2px white; font-size: 13px; line-height: 12px; width: 26px; height: 12px; padding: 7px 0; }

.bubble-xmini, .bubble-xmini-light { width: 22px; padding: 5px 0; right: -13px; top: -13px; }

.bubble-mini-light, .bubble-xmini-light { color: #01002c; background-color: #f1f1f1; border: solid 1px #cccccc; }

.bubble-basket { top: -5px; border-color: #a29061; border-width: 1px; -webkit-box-shadow: 0 0 0 3px #01002c, 0 -2px 0 2px #a29061; -moz-box-shadow: 0 0 0 3px #01002c, 0 -2px 0 2px #a29061; box-shadow: 0 0 0 3px #01002c, 0 -2px 0 2px #a29061; }
#masthead.bg-white .bubble-basket { color: #01002c; background-color: #fff; box-shadow: 0 0 0 3px #fff, 0 -2px 0 2px #a29061; }

.slidecontrol-mini { display: inline-block; vertical-align: top; -webkit-border-radius: 26px; -moz-border-radius: 26px; -ms-border-radius: 26px; -o-border-radius: 26px; border-radius: 26px; position: absolute; right: -15px; top: -15px; text-align: center; color: white; background-color: white; border: solid 2px #cccccc; font-size: 13px; line-height: 12px; width: 26px; height: 12px; padding: 7px 0; filter: alpha(opacity=70); opacity: 0.7; }

.dash-before:before, .dashes-before-children > *:before { content: '- '; padding-left: 1px; }

.no-dash:before { display: none; }

.dashes-before-children-bg > a { background: url(../images/core/child-dash.png) no-repeat 32px 12px; }

.dashes-before-children-bg > a.selected { background-color: #e6e6e6; font-weight: bold; }

/* #342252 */
/*
.error{color:$color7;font-size:(13/16)*$unit;background:lighten($color7,50%) url(../images/core/cross.gif) no-repeat left center;padding:0.25em 0.25em 0.25em 20px;border:solid 1px $color7;}
.confirm{color:$color8;font-size:(13/16)*$unit;background:lighten($color8,60%) url(../images/core/tick.gif) no-repeat left center;padding:0.25em 0.25em 0.25em 20px;border:solid 1px $color8;}
.info{color:$color9;font-size:(13/16)*$unit;background:lighten($color9,55%) url(../images/core/info.gif) no-repeat left center;padding:0.25em 0.25em 0.25em 20px;border:solid 1px $color9;}
*/
.error { color: #c82e2e; font-size: 14px; background: url(../images/core/icon-error.png) no-repeat 5px 3px; padding: 0.25em 0.25em 0.25em 30px; border: solid 0px #c82e2e; }

.error a { color: #c82e2e; text-decoration: underline; }

.confirm { color: #227722; font-size: 13px; background: #d7f4d7 url(../images/core/tick.gif) no-repeat left center; padding: 0.25em 0.25em 0.25em 20px; border: solid 1px #227722; }

.info { color: #2e4b8d; font-size: 13px; background: #dfe6f5 url(../images/core/info.gif) no-repeat left center; padding: 0.25em 0.25em 0.25em 20px; border: solid 1px #2e4b8d; }

.geo { background-image: url(../images/icons/geo.png); background-repeat: no-repeat; background-position: 20% center; padding-left: 30%!important; padding-right: 5%!important; }

.eliteSlider { overflow: hidden; height: 107px; }

.eliteSlider .altprev { display: inline-block; margin-top: 32px; background: url("/images/core/arrow_prev.png" no-repeat); }

.eliteSlider .altnext { display: inline-block; margin-top: 32px; background: url("/images/core/arrow_next.png" no-repeat); }

.eliteSlider img { border-bottom: 3px solid #fff; padding-bottom: 6.95652px; }

.eliteSlider img.selected { border-bottom: 3px solid #999; padding-bottom: 6.95652px; }

/* #487628 */
.alternativeImages { padding: 16px 0; }

.pdtitle { text-align: center; color: #01002c; border-bottom: 2px solid #eee; padding: 0.25em; margin: 0; }

.pddescription { text-align: center; color: #999; font-size: 14px; }

.ifmargin { margin-left: 8px; }

@media screen and (min-width: 48em) { .arrow-l-r, .arrow-r-r { text-indent: 0; cursor: default; }
  .arrow-l-r[href], .arrow-l-r[data-url], .arrow-r-r[href], .arrow-r-r[data-url] { cursor: pointer; }
  .arrow-l-r:after, .arrow-l-r.selected:after, .arrow-r-r:after, .arrow-r-r.selected:after { border-width: 0!important; }
  .ifmargin { margin-left: 96px; } }

@media screen and (min-width: 62.5em) { .ifmargin { margin-left: 96px; } }

.withdesc > a { display: inline-block; position: relative; clear: both; }

.withdesc > a:after { content: ""; position: absolute; bottom: -16px; left: 0; width: 100%; height: 1px; background: #01002c; }

.str img { width: 100%; }

.logoblock { padding: 0 19.2px; }

@media screen and (min-width: 48em) { .logoblock { padding: 0 24px; } }

@media screen and (min-width: 66em) { .logoblock { padding: 0 56px; } }

.subcatname { position: relative; display: inline-block; clear: both; text-transform: uppercase; font-size: 20px; letter-spacing: 1px; font-family: Georgia, "Times New Roman", Times, serif; padding: 16px 0; }

.subcatname:after { content: ""; position: absolute; left: 0; bottom: 4px; width: 100%; height: 0px; background: #01002c; }

input, select, textarea, a.button, a.btn-secondary, a.btn-tertiary { background-color: #fff; box-sizing: border-box; border: solid 1px #cccccc; padding: 0 8px; max-width: 100%; overflow: hidden; }

input:not(.flat), select:not(.flat), textarea:not(.flat), a.button:not(.flat), a.btn-secondary:not(.flat), a.btn-tertiary:not(.flat) { height: 48px; line-height: 48px; }

input.short, select.short, textarea.short, a.button.short, a.btn-secondary.short, a.btn-tertiary.short { max-width: 76px; }

input.xshort, select.xshort, textarea.xshort, a.button.xshort, a.btn-secondary.xshort, a.btn-tertiary.xshort { max-width: 38px; }

input:focus, select:focus, textarea:focus, a.button:focus, a.btn-secondary:focus, a.btn-tertiary:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; }

select { -webkit-appearance: none; -moz-appearance: none; line-height: normal !important; -webkit-border-radius: 2px; background: url(../images/core/donwarrow2.svg) no-repeat 100% center; background-size: 19px; background-position: calc(100% - 8px) center; padding-right: 32px; }

input[type="radio"] { -webkit-appearance: radio!important; -moz-appearance: radio!important; line-height: normal!important; border-width: 1px!important; }

input[type="checkbox"] { -webkit-appearance: checkbox!important; -moz-appearance: checkbox!important; line-height: normal!important; }

input[readonly] { background-color: #ccc; }

.selectbox select { line-height: normal!important; }

input[type=button], input[type=submit], input[type=image], a.button, a.btn-secondary, a.btn-tertiary { border-radius: 2px; -webkit-appearance: none; letter-spacing: 0.15em; border-width: 0; cursor: pointer; text-transform: uppercase; color: #fff; background-color: #a29061; }

input[type=button].btn-large, input[type=submit].btn-large, input[type=image].btn-large, a.button.btn-large, a.btn-secondary.btn-large, a.btn-tertiary.btn-large { padding-left: 24px; padding-right: 24px; font-size: 16px; }

input[type=button].btn-xlarge, input[type=submit].btn-xlarge, input[type=image].btn-xlarge, a.button.btn-xlarge, a.btn-secondary.btn-xlarge, a.btn-tertiary.btn-xlarge { padding-left: 24px; padding-right: 24px; height: 48px; font-size: 16px; }

input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=image]::-moz-focus-inner, a.button::-moz-focus-inner, a.btn-secondary::-moz-focus-inner, a.btn-tertiary::-moz-focus-inner { padding: 0; border: 0; }

input[type=button].btn-action, input[type=submit].btn-action, input[type=image].btn-action, a.button.btn-action, a.btn-secondary.btn-action, a.btn-tertiary.btn-action { background-color: #a29061; color: #fff; font-family: "Open Sans", sans-serif; /*@include box-shadow($color4 1px 1px 2px 1px);*/ height: 48px !important; font-size: 18px; }

input[type=button].btn-action:hover, input[type=submit].btn-action:hover, input[type=image].btn-action:hover, a.button.btn-action:hover, a.btn-secondary.btn-action:hover, a.btn-tertiary.btn-action:hover { background-color: #a29061; }

input[type=button].btn-brand, input[type=submit].btn-brand, input[type=image].btn-brand, a.button.btn-brand, a.btn-secondary.btn-brand, a.btn-tertiary.btn-brand { background-color: #01002c; color: #fff; font-family: "Open Sans", sans-serif; /*@include box-shadow($color4 1px 1px 2px 1px);*/ height: 48px !important; font-size: 18px; }

input[type=button].btn-brand:hover, input[type=submit].btn-brand:hover, input[type=image].btn-brand:hover, a.button.btn-brand:hover, a.btn-secondary.btn-brand:hover, a.btn-tertiary.btn-brand:hover { background-color: #25232e; }

input[type=button].btn-core, input[type=submit].btn-core, input[type=image].btn-core, a.button.btn-core, a.btn-secondary.btn-core, a.btn-tertiary.btn-core { background-color: #a29061; color: #fff; font-family: "Open Sans", sans-serif; /*@include box-shadow($color4 1px 1px 2px 1px);*/ font-size: 16px; }

input[type=button].btn-secondary, input[type=submit].btn-secondary, input[type=image].btn-secondary, a.button.btn-secondary, a.btn-secondary.btn-secondary, a.btn-tertiary.btn-secondary { background-color: #999; color: #fff; font-size: 16px; }

input[type=button].btn-tertiary, input[type=submit].btn-tertiary, input[type=image].btn-tertiary, a.button.btn-tertiary, a.btn-secondary.btn-tertiary, a.btn-tertiary.btn-tertiary { background-color: #fff; color: #25232e; font-size: 16px; }

input[type=button].btn-special, input[type=submit].btn-special, input[type=image].btn-special, a.button.btn-special, a.btn-secondary.btn-special, a.btn-tertiary.btn-special { background-color: #a29061; color: #25232e; font-size: 16px; }

input[type=button].btn-basket, input[type=submit].btn-basket, input[type=image].btn-basket, a.button.btn-basket, a.btn-secondary.btn-basket, a.btn-tertiary.btn-basket { background-color: £color1 !important; background: #07467a; /* fallback for non-supporting browsers */ background: -webkit-linear-gradient(vertical, #07467a, #06326f); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(vertical, #07467a, #06326f); /* For Opera 11.1 to 12.0 */ background: linear-gradient(to vertical, #07467a, #06326f); /* Standard syntax */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start', endColorstr='$end', GradientType=0); /* For IE 6-9 */ font-family: "Open Sans", sans-serif; padding: 8px 40px !important; height: 48px !important; -webkit-transition: background 0.5s ease 0.3s; -moz-transition: background 0.5s ease 0.3s; -webkit-transition: background 0.5s ease 0.3s; -o-transition: background 0.5s ease 0.3s; transition: background 0.5s ease 0.3s; background-image: linear-gradient(top, #07467a 0%, #06326f 100%); }

input[type=button].btn-basket:hover, input[type=submit].btn-basket:hover, input[type=image].btn-basket:hover, a.button.btn-basket:hover, a.btn-secondary.btn-basket:hover, a.btn-tertiary.btn-basket:hover { background: #3789e3 !important; color: #fff; }

input[type=button].btn-bag, input[type=submit].btn-bag, input[type=image].btn-bag, a.button.btn-bag, a.btn-secondary.btn-bag, a.btn-tertiary.btn-bag { background-color: #01002c !important; border: 2px solid #404066; color: #fff; height: 48px; line-height: 36.8px; width: 100%; box-sizing: border-box; }

input[type=button].btn-wishlist, input[type=submit].btn-wishlist, input[type=image].btn-wishlist, a.button.btn-wishlist, a.btn-secondary.btn-wishlist, a.btn-tertiary.btn-wishlist { background-color: #fff !important; border: 1px solid #999; color: #a29061; height: 48px; box-sizing: border-box; }

input[type=button].btn-outstock, input[type=submit].btn-outstock, input[type=image].btn-outstock, a.button.btn-outstock, a.btn-secondary.btn-outstock, a.btn-tertiary.btn-outstock { cursor: default; background-color: #999 !important; border: 5px solid #999 !important; color: #fff !important; }

input[type=button][disabled="disabled"], input[type=button][disabled], input[type=button].disabled, input[type=submit][disabled="disabled"], input[type=submit][disabled], input[type=submit].disabled, input[type=image][disabled="disabled"], input[type=image][disabled], input[type=image].disabled, a.button[disabled="disabled"], a.button[disabled], a.button.disabled, a.btn-secondary[disabled="disabled"], a.btn-secondary[disabled], a.btn-secondary.disabled, a.btn-tertiary[disabled="disabled"], a.btn-tertiary[disabled], a.btn-tertiary.disabled { background: #ccc !important; cursor: default; }

input[type=button]:hover, input[type=submit]:hover, input[type=image]:hover, a.button:hover, a.btn-secondary:hover, a.btn-tertiary:hover { text-decoration: none; }

input[type=button].btn-tertiary.over, input[type=submit].btn-tertiary.over, input[type=image].btn-tertiary.over, a.button.btn-tertiary.over, a.btn-secondary.btn-tertiary.over, a.btn-tertiary.btn-tertiary.over { background-color: #a29061; }

input[type=button].btn-tertiary.added, input[type=submit].btn-tertiary.added, input[type=image].btn-tertiary.added, a.button.btn-tertiary.added, a.btn-secondary.btn-tertiary.added, a.btn-tertiary.btn-tertiary.added { background-color: #227722; }

input[type=button].btn-tertiary.over.added, input[type=submit].btn-tertiary.over.added, input[type=image].btn-tertiary.over.added, a.button.btn-tertiary.over.added, a.btn-secondary.btn-tertiary.over.added, a.btn-tertiary.btn-tertiary.over.added { background-color: #a29061; }

input[type=image] { background-color: transparent; }

input[type=text], input[type=password], input[type=number], input[type=email], input[type=tel] { color: #222222; font-family: "Open Sans", sans-serif; font-size: 16px; padding: 4px 8px; }

input[type=text]:not(.flat), input[type=password]:not(.flat), input[type=number]:not(.flat), input[type=email]:not(.flat), input[type=tel]:not(.flat) { height: 48px; }

input[type=text].fld-large, input[type=password].fld-large, input[type=number].fld-large, input[type=email].fld-large, input[type=tel].fld-large { height: 48px; }

input[type=text]::placeholder, input[type=password]::placeholder, input[type=number]::placeholder, input[type=email]::placeholder, input[type=tel]::placeholder { color: #a4a3a3; font-size: 16px; }

input[type=radio], input[type=checkbox], input[type=image] { border-width: 0; outline: none; height: auto; margin: 0; }

.btn-slide { background-color: #a29061; color: #01002c; font-family: "Open Sans", sans-serif; margin: 0 auto; height: 48px !important; font-size: 18px; font-weight: normal; line-height: 48px; }

a.button, a.btn-secondary, a.btn-tertiary { display: inline-block; vertical-align: top; text-align: center; line-height: 48px; text-decoration: none; text-transform: uppercase; }

[class*="container-"] > a.button, [class*="container-"] > a.btn-secondary, [class*="container-"] > a.btn-tertiary { display: block; padding: 0; }

select { padding: 3px; height: 30px; font-size: 16px; }

textarea { height: 4em; padding: 4px; }

textarea.flat { height: 8em; }

.paypalbtn { background-color: #ffc439!important; background-image: url(../images/core/pay_paypal.png) !important; background-repeat: no-repeat; background-position: center; background-size: 60%; border-radius: 20px!important; }

.fieldwithbutton > input[type=submit], .fieldwithbutton > input[type=image], .fieldwithbutton a.button, .fieldwithbutton a.btn-secondary, .fieldwithbutton a.btn-tertiary { float: right; margin-left: 1.25%; }

.fieldwithbutton > div { overflow: hidden; padding: 0 1.25% 0 0; height: 48px; }

.fieldwithbutton > div input { width: 100%; height: 48px; }

.fieldwithbutton select { height: 32px; }

.fieldwithlabel label, .fieldbelowlabel label { /*font-size:$standardfontsize;*/ font-size: 14px; }

.fieldwithlabel input[type=text], .fieldwithlabel input[type=password], .fieldwithlabel input[type=number], .fieldwithlabel input[type=email], .fieldwithlabel select, .fieldwithlabel textarea, .fieldbelowlabel input[type=text], .fieldbelowlabel input[type=password], .fieldbelowlabel input[type=number], .fieldbelowlabel input[type=email], .fieldbelowlabel select, .fieldbelowlabel textarea { width: 100%; }

.fieldwithlabel input[type=button], .fieldwithlabel input[type=submit], .fieldwithlabel input[type=image], .fieldbelowlabel input[type=button], .fieldbelowlabel input[type=submit], .fieldbelowlabel input[type=image] { margin-top: 1em; margin-bottom: 1em; }

.fieldwithlabel .fieldwithbutton input[type=button], .fieldwithlabel .fieldwithbutton input[type=submit], .fieldwithlabel .fieldwithbutton input[type=image], .fieldbelowlabel .fieldwithbutton input[type=button], .fieldbelowlabel .fieldwithbutton input[type=submit], .fieldbelowlabel .fieldwithbutton input[type=image] { margin-top: 0; }

/* (#487628) */
.fieldwithlabel label { font-size: 14px; float: none; margin-right: 8px; width: 100px; height: 22px; line-height: 22px; padding-top: 4px; padding-bottom: 4px; }

.fieldwithlabel label.long { width: 132px; }

.fieldwithlabel label.xlong { width: 164px; }

.fieldwithlabel label + div { overflow: hidden; margin-bottom: 12px; min-height: 30px; }

.fieldwithlabel input[type=radio] + label, .fieldwithlabel input[type=checkbox] + label { float: none; margin-right: auto; width: auto; border-width: 0; }

.fieldwithlabel input[type=checkbox] { float: left; }

.fieldwithlabel input[type=checkbox] + label { display: block; margin-left: 1.5em; height: auto; line-height: normal; }

.fieldbelowlabel label { margin-top: 1em; font-size: 14px; }

.fieldbelowlabel input[type=text], .fieldbelowlabel input[type=password], .fieldbelowlabel input[type=number], .fieldbelowlabel input[type=email], .fieldbelowlabel input[type=tel], .fieldbelowlabel select, .fieldbelowlabel textarea { margin-top: 1em; margin-bottom: 1em; }

.fieldwithimage input[type] { display: inline-block; vertical-align: top; /*font-size:1em;*/ height: 48px; padding: 0.25em; margin: 0; }

.fieldwithimage input[type].bd-dark { border: solid 1px #01002c; }

.fieldwithimage input[type].bd-light { border: solid 1px #999; }

.fieldwithimage input[type].bd-xlight { border: solid 1px #ccc; }

.fieldwithimage input[type].bd-xxlight { border: solid 1px #eee; }

.fieldwithimage input[type].bd-trans { border: solid 1px transparent; }

.fieldwithimage input[type=button], .fieldwithimage input[type=submit], .fieldwithimage input[type=image] { height: 48px; padding-top: 0.1875em; padding-bottom: 0.1875em; margin-top: 0.0625em; }

input[type=text].fail, input[type=text].inputFAIL, input[type=password].fail, input[type=password].inputFAIL, input[type=number].fail, input[type=number].inputFAIL, input[type=email].fail, input[type=email].inputFAIL, input[type=tel].fail, input[type=tel].inputFAIL { /*background:lighten($color7,48%) url(../images/core/icon-error.png) no-repeat 98% center;*/ }

input[type=text].pass, input[type=text].inputPASS, input[type=password].pass, input[type=password].inputPASS, input[type=number].pass, input[type=number].inputPASS, input[type=email].pass, input[type=email].inputPASS, input[type=tel].pass, input[type=tel].inputPASS { background: #effaef url(../images/core/icon-tick.png) no-repeat 98% center; }

@media screen and (min-width: 48em) { /* (#487628) */
  .fieldwithlabel label { float: left; }
  input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; }
  /*fixes Chrome & Safari but not Opera*/
  a.hideonnarrowinlineblock.button, a.hideonnarrowinlineblock.btn-secondary, a.hideonnarrowinlineblock.btn-tertiary { display: inline-block; vertical-align: top; }
  .mllabelwidth { margin-left: 108px; }
  .mllabellongwidth { margin-left: 140px; }
  /* (#487628) */
  .btn-slide { max-width: 200px; } }

@media screen and (min-width: 62.5em) { input[type=button], input[type=submit], input[type=image], a.button, a.btn-secondary, a.btn-tertiary { padding-left: 16px; padding-right: 16px; } }

.helpbubble { position: relative; display: inline-block; }

[data-help] { cursor: pointer; }

[data-help="title"] { width: auto; text-decoration: underline; position: relative; z-index: 1; white-space: nowrap; }

[data-help="description"] { margin-left: -16px; margin-right: -16px; margin-top: 8px; position: relative; min-width: 192px; border: 0px solid #999; background: #eee; padding: 8px; font-size: 12px; left: 0; top: -16px; z-index: 2; display: block; }

@media screen and (min-width: 48em) { [data-help="description"] { position: absolute; margin-left: 0; margin-right: 0; margin-top: 0; } }

.srcont-wrapper { border-bottom: 1px solid #ccc; padding-bottom: 16px; margin-bottom: 16px; }

.srcont-wrapper:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }

.srcont { display: flex; align-items: center; justify-content: flex-start; min-height: 45px; }

.srcont.withimage { padding: 4px 0 8px 0; border-top: 1px solid #eee; display: block; }

.srcont input[type="radio"] { visibility: hidden; position: absolute; left: -48px; }

.srcont .srbutton { width: 16px; height: 16px; display: inline-block; border: 1px solid #01002c; border-radius: 50%; vertical-align: top; position: relative; margin-right: 8px; }

.srcont .srbutton:after { content: ""; position: absolute; width: 8px; height: 8px; top: calc(50% - 5px); left: calc(50% - 5px); background: #eee; border-radius: 50%; border: 1px solid #ccc; }

.srcont .srbutton.selected:after { content: ""; position: absolute; width: 8px; height: 8px; top: calc(50% - 4px); left: calc(50% - 4px); background: #01002c; border-radius: 50%; border: 0px solid #01002c; }

.srcont .srbutton + label { display: flex; align-items: center; justify-content: space-between; width: calc(100% - 32px); cursor: pointer; font-weight: 600; }

.chrhidden { height: 0; display: block; overflow: hidden; }

.date-dropdowns { display: flex; padding: 8px 0; justify-content: space-between; align-items: center; }

@media screen and (min-width: 48em) { .date-dropdowns { justify-content: center; } }

.date-dropdowns select { margin-right: 16px; min-width: 100px; border-radius: 2px; flex: 1; }

@media screen and (min-width: 48em) { .date-dropdowns select { flex: none; } }

.date-dropdowns select:last-child { margin-right: 0; }

.date-dropdowns + .btn-secondary { width: 100%; }

@media screen and (min-width: 48em) { .date-dropdowns + .btn-secondary { width: auto; } }

.catalogue-request-address #shippingform-address-astext-header { padding: 16px 0; }

.catalogue-request-address #shippingform-address-astext-header label { float: none !important; }

.catalogue-request-address .rgroup-addressbox { background: #eee !important; margin-top: 0 !important; font-size: 14px !important; }

.pre-val-error, .inputFAIL { border-color: #c82e2e; }

.vsubmit { position: absolute; top: 4px; left: 0; height: 48px; background: rgba(0, 0, 0, 0.1); }

/********************CONTAINERS AND OTHER STRUCTURAL CLASSES FOR USE THROUGHOUT THE SITE********************/
[class*="container-"] > * { clear: both; display: block; width: 97.5%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }

[class*="-marginless"] > * { clear: both; display: block; width: 100%; padding-left: 0; padding-right: 0; margin: 8px 0; }

[class*="-margindouble"] > * { clear: both; display: block; width: 95%; padding-left: 0; padding-right: 0; margin: 8px 2.5%; }

[class*="-margintriple"] > * { clear: both; display: block; width: 92.5%; padding-left: 0; padding-right: 0; margin: 8px 3.75%; }

[class*="-marginquadruple"] > * { clear: both; display: block; width: 90%; padding-left: 0; padding-right: 0; margin: 8px 5%; }

.container-2x1 > * { clear: none; display: inline-block; vertical-align: top; width: 47.5%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }

.container-2x1-marginless > * { clear: none; display: inline-block; vertical-align: top; width: 50%; padding-left: 0; padding-right: 0; margin: 8px 0; }

.container-2x1-margindouble > * { clear: none; display: inline-block; vertical-align: top; width: 45%; padding-left: 0; padding-right: 0; margin: 8px 2.5%; }

.container-2x1-margintriple > * { clear: none; display: inline-block; vertical-align: top; width: 42.5%; padding-left: 0; padding-right: 0; margin: 8px 3.75%; }

.container-3x1 > * { clear: none; display: inline-block; vertical-align: top; width: 30.83333%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }

.container-3x1-marginless > * { clear: none; display: inline-block; vertical-align: top; width: 33.33333%; padding-left: 0; padding-right: 0; margin: 8px 0; }

.container-3x1-margindouble > * { clear: none; display: inline-block; vertical-align: top; width: 28.33333%; padding-left: 0; padding-right: 0; margin: 8px 2.5%; }

.container-4x1 > * { clear: none; display: inline-block; vertical-align: top; width: 22.5%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }

.container-4x1-margindouble > * { clear: none; display: inline-block; vertical-align: top; width: 20%; padding-left: 0; padding-right: 0; margin: 8px 2.5%; }

.container-4x1-marginquadruple > * { clear: none; display: inline-block; vertical-align: top; width: 15%; padding-left: 0; padding-right: 0; margin: 8px 5%; }

.container-1-2-1 > * { clear: none; display: inline-block; vertical-align: top; width: 22.5%; margin-left: 1.25%; margin-right: 1.25%; }

.container-1-2-1 > *:first-child + * { clear: none; display: inline-block; vertical-align: top; width: 47.5%; margin-left: 1.25%; margin-right: 1.25%; }

.container-1-3-1 > * { clear: none; display: inline-block; vertical-align: top; width: 17.5%; margin-left: 1.25%; margin-right: 1.25%; }

/* (#487628) */
.container-1-3-1 > *:first-child + * { clear: none; display: inline-block; vertical-align: top; width: 57.5%; margin-left: 1.25%; margin-right: 1.25%; }

/* (#487628) */
.container-1-4-1 > * { clear: none; display: inline-block; vertical-align: top; width: 14.16667%; margin-left: 1.25%; margin-right: 1.25%; }

/* (#487628) */
.container-1-4-1 > *:first-child + * { clear: none; display: inline-block; vertical-align: top; width: 64.16667%; margin-left: 1.25%; margin-right: 1.25%; }

/* (#487628) */
.container-1-2-1-1 > * { clear: none; display: inline-block; vertical-align: top; width: 17.5%; margin-left: 1.25%; margin-right: 1.25%; }

.container-1-2-1-1 > *:first-child + * { clear: none; display: inline-block; vertical-align: top; width: 37.5%; margin-left: 1.25%; margin-right: 1.25%; }

.container-1-2-1-1-marginless > * { clear: none; display: inline-block; vertical-align: top; width: 20%; margin-left: 0; margin-right: 0; }

.container-1-2-1-1-marginless > *:first-child + * { clear: none; display: inline-block; vertical-align: top; width: 40%; margin-left: 0; margin-right: 0; }

.container-1-2-1-1-margindouble > * { clear: none; display: inline-block; vertical-align: top; width: 15%; margin-left: 2.5%; margin-right: 2.5%; }

.container-1-2-1-1-margindouble > *:first-child + * { clear: none; display: inline-block; vertical-align: top; width: 35%; margin-left: 2.5%; margin-right: 2.5%; }

.container-1-2-2-2-1 > * { clear: none; display: inline-block; vertical-align: top; width: 22.5%; margin-left: 1.25%; margin-right: 1.25%; }

.container-1-2-2-2-1 > *:first-child, .container-1-2-2-2-1 > *:last-child { clear: none; display: inline-block; vertical-align: top; width: 10%; margin-left: 1.25%; margin-right: 1.25%; }

.container-1-2-2-2-1-margindouble > * { clear: none; display: inline-block; vertical-align: top; width: 20%; margin-left: 2.5%; margin-right: 2.5%; }

.container-1-2-2-2-1-margindouble > *:first-child, .container-1-2-2-2-1-margindouble > *:last-child { clear: none; display: inline-block; vertical-align: top; width: 7.5%; margin-left: 2.5%; margin-right: 2.5%; }

.container-1-3 > *:first-child { clear: none; display: inline-block; vertical-align: top; width: 22.5%; margin-left: 1.25%; margin-right: 1.25%; }

.container-1-3 > * { clear: none; display: inline-block; vertical-align: top; width: 72.5%; margin-left: 1.25%; margin-right: 1.25%; }

.container-1-3-marginless > *:first-child { clear: none; display: inline-block; vertical-align: top; width: 25%; margin-left: 0; margin-right: 0; }

.container-1-3-marginless > * { clear: none; display: inline-block; vertical-align: top; width: 75%; margin-left: 0; margin-right: 0; }

.container-1-4 > *:first-child { clear: none; display: inline-block; vertical-align: top; width: 17.5%; margin-left: 1.25%; margin-right: 1.25%; }

.container-1-4 > * { clear: none; display: inline-block; vertical-align: top; width: 77.5%; margin-left: 1.25%; margin-right: 1.25%; }

.container-1-5-marginless > *:first-child { clear: none; display: inline-block; vertical-align: top; width: 16.66667%; margin-left: 0; margin-right: 0; }

.container-1-5-marginless > * { clear: none; display: inline-block; vertical-align: top; width: 83.33333%; margin-left: 0; margin-right: 0; }

.container-1-5 > *:first-child { clear: none; display: inline-block; vertical-align: top; width: 14.16667%; margin-left: 1.25%; margin-right: 1.25%; }

.container-1-5 > * { clear: none; display: inline-block; vertical-align: top; width: 80.83333%; margin-left: 1.25%; margin-right: 1.25%; }

.container-1-4-marginless > *:first-child { clear: none; display: inline-block; vertical-align: top; width: 20%; margin-left: 0; margin-right: 0; }

.container-1-4-marginless > * { clear: none; display: inline-block; vertical-align: top; width: 80%; margin-left: 0; margin-right: 0; }

.container-2-1 > * { clear: none; display: inline-block; vertical-align: top; width: 30.83333%; margin-left: 1.25%; margin-right: 1.25%; }

.container-2-1 > *:first-child { clear: none; display: inline-block; vertical-align: top; width: 64.16667%; margin-left: 1.25%; margin-right: 1.25%; }

.container-3-1 > *:first-child { clear: none; display: inline-block; vertical-align: top; width: 72.5%; margin-left: 1.25%; margin-right: 1.25%; }

.container-3-1 > * { clear: none; display: inline-block; vertical-align: top; width: 22.5%; margin-left: 1.25%; margin-right: 1.25%; }

.container-3-1-margindouble > *:first-child { clear: none; display: inline-block; vertical-align: top; width: 70%; margin-left: 2.5%; margin-right: 2.5%; }

.container-3-1-margindouble > * { clear: none; display: inline-block; vertical-align: top; width: 20%; margin-left: 2.5%; margin-right: 2.5%; }

.container-4-1-marginless > *:first-child { clear: none; display: inline-block; vertical-align: top; width: 80%; margin-left: 0; margin-right: 0; }

.container-4-1-marginless > * { clear: none; display: inline-block; vertical-align: top; width: 20%; margin-left: 0; margin-right: 0; }

.container-variable-1to2 img { width: 100%; }

.container-variable-2to1 > * { clear: none; display: inline-block; vertical-align: top; width: 47.5%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }

.container-variable-2to3 > * { display: none; }

.container-variable-2to3 > *:nth-child(odd) { clear: none; display: inline-block; vertical-align: top; width: 47.5%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }

/*middle column hidden on mobile*/
.container-variable-2to3-marginless > * { display: none; }

.container-variable-2to3-marginless > *:nth-child(odd) { clear: none; display: inline-block; vertical-align: top; width: 50%; padding-left: 0; padding-right: 0; margin: 8px 0; }

/*middle column hidden on mobile*/
.container-variable-2to6 > * { clear: none; display: inline-block; vertical-align: top; width: 47.5%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }

.container-variable-2to4 > * { clear: none; display: inline-block; vertical-align: top; width: 47.5%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }

/* (#487628) */
.container-variable-2to3-special > * { clear: none; display: inline-block; vertical-align: top; width: 47.5%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }

.container-variable-2to3to4-special > * { clear: none; display: inline-block; vertical-align: top; width: 47.5%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }

.container-variable-2to3to4-special-margindouble > * { clear: none; display: inline-block; vertical-align: top; width: 45%; padding-left: 0; padding-right: 0; margin: 8px 2.5%; }

.container-variable-3to4 > * { clear: none; display: inline-block; vertical-align: top; width: 30.83333%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }

.limited-1 { clear: both; display: block; width: 97.5%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }

.innerpad > * { margin: 8px 1.25%; padding: 8px 1.25%; width: 95%; }

.container-3-7-3-5-5 > *:nth-child(5n+1) { clear: none; display: inline-block; vertical-align: top; width: 40.97826%; margin-left: 1.25%; margin-right: 1.25%; }

.container-3-7-3-5-5 > *:nth-child(5n+2) { clear: none; display: inline-block; vertical-align: top; width: 54.02174%; margin-left: 1.25%; margin-right: 1.25%; }

.container-3-7-3-5-5 > *:nth-child(5n+3) { clear: none; display: inline-block; vertical-align: top; width: 54.02174%; margin-left: 1.25%; margin-right: 1.25%; }

.container-3-7-3-5-5 > *:nth-child(5n+4) { clear: none; display: inline-block; vertical-align: top; width: 40.97826%; margin-left: 1.25%; margin-right: 1.25%; }

/*4th col*/
.container-3-7-3-5-5 > *:nth-child(5n) { clear: none; display: inline-block; vertical-align: top; width: 97.5%; margin-left: 1.25%; margin-right: 1.25%; }

/*5thd col*/
.container-9-5-3-3-marginlessto1 > * { clear: none; display: inline-block; vertical-align: top; width: 100%; margin-left: 0; margin-right: 0; }

.container-9-5-3-3-marginlessto1 > *:first-child { clear: none; display: inline-block; vertical-align: top; width: 100%; margin-left: 0; margin-right: 0; }

.container-9-5-3-3-marginlessto1 > *:first-child + * { clear: none; display: inline-block; vertical-align: top; width: 100%; margin-left: 0; margin-right: 0; }

/* #487628 NOSTO IMPLEMENTATION */
#frontpage-nosto-1-new .nosto-product-list-large .container-variable-2to4 > *, #frontpage-nosto-1-new .nosto-product-list-large .container-variable-2to3to4-special > * { width: 46.8%!important; }

#productcategory-nosto-1-new .container-variable-2to3-special > * { width: 46.5%; }

#productpage-nosto-1-new .nosto-product-list-large .container-variable-2to4 > *, #productpage-nosto-1-new .nosto-product-list-large .container-variable-2to3to4-special > * { width: 46.8%!important; }

/* #487628 NOSTO IMPLEMENTATION END */
.align-centertoleft-ipad { text-align: center; }

/* #487628 */
.align-centertoright-ipad { text-align: center; }

/* #487628 */
@media screen and (min-width: 31.25em) { .container-variable-2to3to4-special > * { clear: none; display: inline-block; vertical-align: top; width: 30.83333%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }
  .container-variable-2to3to4-special-margindouble > * { clear: none; display: inline-block; vertical-align: top; width: 28.33333%; padding-left: 0; padding-right: 0; margin: 8px 2.5%; } }

@media screen and (min-width: 48em) { .container-2x1-stack > * { clear: none; display: inline-block; vertical-align: top; width: 47.5%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }
  .container-2x1-stack-marginless > * { clear: none; display: inline-block; vertical-align: top; width: 50%; padding-left: 0; padding-right: 0; margin: 8px 0; }
  .container-2x1-ipad > * { clear: both; display: block; width: 100%; padding-left: 0; padding-right: 0; margin: 8px 0; }
  .container-3x1-stack > * { clear: none; display: inline-block; vertical-align: top; width: 30.83333%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }
  .container-3x1-stack-marginless > * { clear: none; display: inline-block; vertical-align: top; width: 33.33333%; padding-left: 0; padding-right: 0; margin: 8px 0; }
  .container-4x1-stack > * { clear: none; display: inline-block; vertical-align: top; width: 22.5%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }
  .container-4x1-stack-marginless > * { clear: none; display: inline-block; vertical-align: top; width: 25%; padding-left: 0; padding-right: 0; margin: 8px 0; }
  .container-5x1 > * { clear: none; display: inline-block; vertical-align: top; width: 17.5%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }
  .container-5x1-margindouble > * { clear: none; display: inline-block; vertical-align: top; width: 15%; padding-left: 0; padding-right: 0; margin: 8px 2.5%; }
  .container-6x1 > * { clear: none; display: inline-block; vertical-align: top; width: 14.16667%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }
  .container-6x1-margindouble > * { clear: none; display: inline-block; vertical-align: top; width: 11.66667%; padding-left: 0; padding-right: 0; margin: 8px 2.5%; }
  .container-7x1 > * { clear: none; display: inline-block; vertical-align: top; width: 11.78571%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }
  .container-7x1-margindouble > * { clear: none; display: inline-block; vertical-align: top; width: 9.28571%; padding-left: 0; padding-right: 0; margin: 8px 2.5%; }
  .container-8x1 > * { clear: none; display: inline-block; vertical-align: top; width: 10%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }
  .container-8x1-margindouble > * { clear: none; display: inline-block; vertical-align: top; width: 7.5%; padding-left: 0; padding-right: 0; margin: 8px 2.5%; }
  .container-10x1 > * { clear: none; display: inline-block; vertical-align: top; width: 7.5%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }
  .container-3x2 > * { clear: none; display: inline-block; vertical-align: top; width: 47.5%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }
  .container-1-2 > * { clear: none; display: inline-block; vertical-align: top; width: 64.16667%; margin-left: 1.25%; margin-right: 1.25%; }
  .container-1-2 > *:first-child { clear: none; display: inline-block; vertical-align: top; width: 30.83333%; margin-left: 1.25%; margin-right: 1.25%; }
  .container-6-4-2 > *:first-child { clear: none; display: inline-block; vertical-align: top; width: 47.5%; margin-left: 1.25%; margin-right: 1.25%; }
  .container-6-4-2 > *:first-child + * { clear: none; display: inline-block; vertical-align: top; width: 30.83333%; margin-left: 1.25%; margin-right: 1.25%; }
  /*2nd child*/
  .container-6-4-2 > * { clear: none; display: inline-block; vertical-align: top; width: 14.16667%; margin-left: 1.25%; margin-right: 1.25%; }
  .container-2-1-stack > * { clear: none; display: inline-block; vertical-align: top; width: 30.83333%; margin-left: 1.25%; margin-right: 1.25%; }
  .container-2-1-stack > *:first-child { clear: none; display: inline-block; vertical-align: top; width: 64.16667%; margin-left: 1.25%; margin-right: 1.25%; }
  .container-3-1-stack > * { clear: none; display: inline-block; vertical-align: top; width: 22.5%; margin-left: 1.25%; margin-right: 1.25%; }
  .container-3-1-stack > *:first-child { clear: none; display: inline-block; vertical-align: top; width: 72.5%; margin-left: 1.25%; margin-right: 1.25%; }
  .container-4-5 > *:first-child { clear: none; display: inline-block; vertical-align: top; width: 41.94444%; margin-left: 1.25%; margin-right: 1.25%; }
  .container-4-5 > * { clear: none; display: inline-block; vertical-align: top; width: 53.05556%; margin-left: 1.25%; margin-right: 1.25%; }
  .container-5-1-2 > *:nth-child(3n+1) { clear: none; display: inline-block; vertical-align: top; width: 60%; margin-left: 1.25%; margin-right: 1.25%; }
  .container-5-1-2 > *:nth-child(3n+2) { clear: none; display: inline-block; vertical-align: top; width: 10%; margin-left: 1.25%; margin-right: 1.25%; }
  .container-5-1-2 > *:nth-child(3n) { clear: none; display: inline-block; vertical-align: top; width: 22.5%; margin-left: 1.25%; margin-right: 1.25%; }
  .container-5-9-3-3-marginless > * { clear: none; display: inline-block; vertical-align: top; width: 15%; margin-left: 0; margin-right: 0; }
  .container-5-9-3-3-marginless > *:first-child { clear: none; display: inline-block; vertical-align: top; width: 25%; margin-left: 0; margin-right: 0; }
  .container-5-9-3-3-marginless > *:first-child + * { clear: none; display: inline-block; vertical-align: top; width: 45%; margin-left: 0; margin-right: 0; }
  .container-9-5-6-marginless > *:nth-child(3n+1) { clear: none; display: inline-block; vertical-align: top; width: 45%; margin-left: 0; margin-right: 0; }
  .container-9-5-6-marginless > *:nth-child(3n+2) { clear: none; display: inline-block; vertical-align: top; width: 25%; margin-left: 0; margin-right: 0; }
  .container-9-5-6-marginless > *:nth-child(3n) { clear: none; display: inline-block; vertical-align: top; width: 30%; margin-left: 0; margin-right: 0; }
  .container-3-9-3-4-4-4 > *:nth-child(6n+1) { clear: none; display: inline-block; vertical-align: top; width: 8.61111%; margin-left: 1.25%; margin-right: 1.25%; }
  .container-3-9-3-4-4-4 > *:nth-child(6n+2) { clear: none; display: inline-block; vertical-align: top; width: 30.83333%; margin-left: 1.25%; margin-right: 1.25%; }
  .container-3-9-3-4-4-4 > *:nth-child(6n+3) { clear: none; display: inline-block; vertical-align: top; width: 8.61111%; margin-left: 1.25%; margin-right: 1.25%; }
  .container-3-9-3-4-4-4 > *:nth-child(6n+4) { clear: none; display: inline-block; vertical-align: top; width: 12.31481%; margin-left: 1.25%; margin-right: 1.25%; }
  /*4th col*/
  .container-3-9-3-4-4-4 > *:nth-child(6n+5) { clear: none; display: inline-block; vertical-align: top; width: 12.31481%; margin-left: 1.25%; margin-right: 1.25%; }
  /*5th col*/
  .container-3-9-3-4-4-4 > *:nth-child(6n) { clear: none; display: inline-block; vertical-align: top; width: 12.31481%; margin-left: 1.25%; margin-right: 1.25%; }
  /*6th col*/
  .container-3-7-3-5-5 > *:nth-child(5n+1) { clear: none; display: inline-block; vertical-align: top; width: 10.54348%; margin-left: 1.25%; margin-right: 1.25%; }
  .container-3-7-3-5-5 > *:nth-child(5n+2) { clear: none; display: inline-block; vertical-align: top; width: 27.93478%; margin-left: 1.25%; margin-right: 1.25%; }
  .container-3-7-3-5-5 > *:nth-child(5n+3) { clear: none; display: inline-block; vertical-align: top; width: 10.54348%; margin-left: 1.25%; margin-right: 1.25%; }
  .container-3-7-3-5-5 > *:nth-child(5n+4) { clear: none; display: inline-block; vertical-align: top; width: 19.23913%; margin-left: 1.25%; margin-right: 1.25%; }
  /*4th col*/
  .container-3-7-3-5-5 > *:nth-child(5n) { clear: none; display: inline-block; vertical-align: top; width: 19.23913%; margin-left: 1.25%; margin-right: 1.25%; }
  /*5thd col*/
  .container-variable-1to2 > * { clear: none; display: inline-block; vertical-align: top; width: 47.5%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }
  .container-variable-1to2.spacedouble > * { margin-left: 3.75%; width: 46.25%; }
  .container-variable-1to2.spacedouble > *:first-child { margin-left: 1.25%; }
  .container-variable-1to2-marginless > * { clear: none; display: inline-block; vertical-align: top; width: 50%; padding-left: 0; padding-right: 0; margin: 8px 0; }
  .container-variable-1-to-2-5 > *:first-child { clear: none; display: inline-block; vertical-align: top; width: 26.07143%; margin-left: 1.25%; margin-right: 1.25%; }
  .container-variable-1-to-2-5 > * { clear: none; display: inline-block; vertical-align: top; width: 68.92857%; margin-left: 1.25%; margin-right: 1.25%; }
  .container-variable-2to1 > * { clear: both; display: block; width: 97.5%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }
  .container-variable-2to3 > *:nth-child(n) { clear: none; display: inline-block; vertical-align: top; width: 30.83333%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }
  .container-variable-2to3-marginless > *:nth-child(n) { clear: none; display: inline-block; vertical-align: top; width: 33.33333%; padding-left: 0; padding-right: 0; margin: 8px 0; }
  .container-2-4 > *:first-child { clear: none; display: inline-block; vertical-align: top; width: 30.83333%; margin-left: 1.25%; margin-right: 1.25%; }
  .container-2-4 > * { clear: none; display: inline-block; vertical-align: top; width: 64.16667%; margin-left: 1.25%; margin-right: 1.25%; }
  .container-variable-2to4 > *, .container-variable-2to3to4-special > * { clear: none; display: inline-block; vertical-align: top; width: 22.5%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }
  .container-variable-2to4-margindouble > *, .container-variable-2to3to4-special-margindouble > * { clear: none; display: inline-block; vertical-align: top; width: 20%; padding-left: 0; padding-right: 0; margin: 8px 2.5%; }
  .container-variable-2to3-special > * { clear: none; display: inline-block; vertical-align: top; width: 30.83333%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }
  .container-variable-2to6 > * { clear: none; display: inline-block; vertical-align: top; width: 14.16667%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }
  .container-variable-3to4 > * { clear: none; display: inline-block; vertical-align: top; width: 22.5%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }
  .limited-1-notnarrow { clear: both; display: block; width: 97.5%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }
  .container-9-5-3-3-marginlessto1 > * { clear: none; display: inline-block; vertical-align: top; width: 15%; margin-left: 0; margin-right: 0; }
  .container-9-5-3-3-marginlessto1 > *:first-child { clear: none; display: inline-block; vertical-align: top; width: 45%; margin-left: 0; margin-right: 0; }
  .container-9-5-3-3-marginlessto1 > *:first-child + * { clear: none; display: inline-block; vertical-align: top; width: 25%; margin-left: 0; margin-right: 0; }
  /* #487628 NOSTO IMPLEMENTATION */
  #productcategory-nosto-1-new .container-variable-2to3-special > * { width: 30.3333%; }
  #frontpage-nosto-1-new .nosto-product-list-large .container-variable-2to4 > *, #frontpage-nosto-1-new .nosto-product-list-large .container-variable-2to3to4-special > * { width: 22.1%!important; }
  #productpage-nosto-1-new .nosto-product-list-large .container-variable-2to4 > *, #productpage-nosto-1-new .nosto-product-list-large .container-variable-2to3to4-special > * { width: 22.1%!important; } }

@media screen and (min-width: 62.5em) { .container-2x1-ipad > * { clear: none; display: inline-block; vertical-align: top; width: 50%; padding-left: 0; padding-right: 0; margin: 8px 0; }
  /* (#487628) */
  .container-3x2 > * { clear: none; display: inline-block; vertical-align: top; width: 30.83333%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }
  .container-7-17 > * { clear: none; display: inline-block; vertical-align: top; width: 68.33333%; margin-left: 1.25%; margin-right: 1.25%; }
  .container-7-17 > *:first-child { clear: none; display: inline-block; vertical-align: top; width: 26.66667%; margin-left: 1.25%; margin-right: 1.25%; }
  .container-variable-2to1 > * { clear: both; display: block; width: 97.5%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }
  .container-4-1-marginless > * { clear: none; display: inline-block; vertical-align: top; width: 20%; margin-left: 0; margin-right: 0; }
  .container-4-1-marginless > *:first-child { clear: none; display: inline-block; vertical-align: top; width: 80%; margin-left: 0; margin-right: 0; }
  .container-1-2-marginless > * { clear: none; display: inline-block; vertical-align: top; width: 66.66667%; margin-left: 0; margin-right: 0; }
  .container-1-2-marginless > *:first-child { clear: none; display: inline-block; vertical-align: top; width: 33.33333%; margin-left: 0; margin-right: 0; }
  .container-variable-1to1to2 > * { clear: none; display: inline-block; vertical-align: top; width: 47.5%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }
  .limited-1-wideonly { clear: both; display: block; width: 97.5%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; }
  .container-9-5-3-3-marginlessto1 > * { clear: none; display: inline-block; vertical-align: top; width: 15%; margin-left: 0; margin-right: 0; }
  .container-9-5-3-3-marginlessto1 > *:first-child { clear: none; display: inline-block; vertical-align: top; width: 45%; margin-left: 0; margin-right: 0; }
  .container-9-5-3-3-marginlessto1 > *:first-child + * { clear: none; display: inline-block; vertical-align: top; width: 25%; margin-left: 0; margin-right: 0; }
  .align-centertoleft-ipad { text-align: left; }
  /* #487628 */
  .align-centertoright-ipad { text-align: right; }
  /* #487628 */ }

[data-cols-xs] > *, [data-cols-sm] > *, [data-cols-md] > *, [data-cols-lg] > * { display: inline-block; vertical-align: top; }

[data-cols-xs="1"] > * { width: 100%; }

[data-cols-xs="2"] > * { width: 50%; }

[data-cols-xs="3"] > * { width: 33.33333%; }

[data-cols-xs="4"] > * { width: 25%; }

[data-cols-xs="5"] > * { width: 20%; }

[data-cols-xs="6"] > * { width: 16.66667%; }

[data-cols-xs="7"] > * { width: 14.28571%; }

[data-cols-xs="8"] > * { width: 12.5%; }

[data-cols-xs="9"] > * { width: 11.11111%; }

[data-cols-xs="10"] > * { width: 10%; }

@media screen and (min-width: 48em) { [data-cols-sm="1"] > * { width: 100%; }
  [data-cols-sm="2"] > * { width: 50%; }
  [data-cols-sm="3"] > * { width: 33.33333%; }
  [data-cols-sm="4"] > * { width: 25%; }
  [data-cols-sm="5"] > * { width: 20%; }
  [data-cols-sm="6"] > * { width: 16.66667%; }
  [data-cols-sm="7"] > * { width: 14.28571%; }
  [data-cols-sm="8"] > * { width: 12.5%; } }

@media screen and (min-width: 62.5em) { [data-cols-md="1"] > * { width: 100%; }
  [data-cols-md="2"] > * { width: 50%; }
  [data-cols-md="3"] > * { width: 33.33333%; }
  [data-cols-md="4"] > * { width: 25%; }
  [data-cols-md="5"] > * { width: 20%; }
  [data-cols-md="6"] > * { width: 16.66667%; }
  [data-cols-md="7"] > * { width: 14.28571%; }
  [data-cols-md="8"] > * { width: 12.5%; }
  [data-cols-md="9"] > * { width: 11.11111%; }
  [data-cols-md="10"] > * { width: 10%; } }

@media screen and (min-width: 87.5em) { [data-cols-lg="4"] > * { width: 25%; }
  [data-cols-lg="5"] > * { width: 20%; } }

[data-width] { display: inline-block; vertical-align: top; }

[data-width="auto"] { width: auto; }

[data-width="0"] { width: 0; }

[data-width="1"] { width: 100%; }

[data-width="1/2"] { width: 50%; }

[data-width="1/3"] { width: 33.33333%; }

[data-width="2/3"] { width: 66.66667%; }

[data-width="1/4"] { width: 25%; }

[data-width="3/4"] { width: 75%; }

[data-width="1/5"] { width: 20%; }

[data-width="2/5"] { width: 40%; }

[data-width="3/5"] { width: 60%; }

[data-width="4/5"] { width: 80%; }

[data-width="1/6"] { width: 16.66667%; }

[data-width="5/6"] { width: 83.33333%; }

[data-width="1/7"] { width: 14.28571%; }

[data-width="2/7"] { width: 28.57143%; }

[data-width="3/7"] { width: 42.85714%; }

[data-width="4/7"] { width: 57.14286%; }

[data-width="6/7"] { width: 85.71429%; }

[data-width="1/8"] { width: 12.5%; }

[data-width="3/8"] { width: 37.5%; }

[data-width="5/8"] { width: 62.5%; }

[data-width="7/8"] { width: 87.5%; }

[data-width="1/9"] { width: 11.11111%; }

[data-width="2/9"] { width: 22.22222%; }

[data-width="4/9"] { width: 44.44444%; }

[data-width="5/9"] { width: 55.55556%; }

[data-width="8/9"] { width: 88.88889%; }

[data-width-xs] { display: inline-block; vertical-align: top; }

[data-width-xs="auto"] { width: auto; }

[data-width-xs="0"] { width: 0; }

[data-width-xs="1"] { width: 100%; }

[data-width-xs="1/2"] { width: 50%; }

[data-width-xs="1/3"] { width: 33.33333%; }

[data-width-xs="2/3"] { width: 66.66667%; }

[data-width-xs="1/4"] { width: 25%; }

[data-width-xs="3/4"] { width: 75%; }

[data-width-xs="1/5"] { width: 20%; }

[data-width-xs="2/5"] { width: 40%; }

[data-width-xs="3/5"] { width: 60%; }

[data-width-xs="4/5"] { width: 80%; }

[data-width-xs="1/6"] { width: 16.66667%; }

[data-width-xs="5/6"] { width: 83.33333%; }

[data-width-xs="1/7"] { width: 14.28571%; }

[data-width-xs="2/7"] { width: 28.57143%; }

[data-width-xs="3/7"] { width: 42.85714%; }

[data-width-xs="4/7"] { width: 57.14286%; }

[data-width-xs="6/7"] { width: 85.71429%; }

[data-width-xs="1/8"] { width: 12.5%; }

[data-width-xs="3/8"] { width: 37.5%; }

[data-width-xs="5/8"] { width: 62.5%; }

[data-width-xs="7/8"] { width: 87.5%; }

[data-width-xs="1/9"] { width: 11.11111%; }

[data-width-xs="2/9"] { width: 22.22222%; }

[data-width-xs="4/9"] { width: 44.44444%; }

[data-width-xs="5/9"] { width: 55.55556%; }

[data-width-xs="8/9"] { width: 88.88889%; }

@media screen and (min-width: 48em) { [data-width-sm] { display: inline-block; vertical-align: top; }
  [data-width-sm="auto"] { width: auto; }
  [data-width-sm="0"] { width: 0; }
  [data-width-sm="1"] { width: 100%; }
  [data-width-sm="1/2"] { width: 50%; }
  [data-width-sm="1/3"] { width: 33.33333%; }
  [data-width-sm="2/3"] { width: 66.66667%; }
  [data-width-sm="1/4"] { width: 25%; }
  [data-width-sm="3/4"] { width: 75%; }
  [data-width-sm="1/5"] { width: 20%; }
  [data-width-sm="2/5"] { width: 40%; }
  [data-width-sm="3/5"] { width: 60%; }
  [data-width-sm="4/5"] { width: 80%; }
  [data-width-sm="1/6"] { width: 16.66667%; }
  [data-width-sm="5/6"] { width: 83.33333%; }
  [data-width-sm="1/7"] { width: 14.28571%; }
  [data-width-sm="2/7"] { width: 28.57143%; }
  [data-width-sm="3/7"] { width: 42.85714%; }
  [data-width-sm="4/7"] { width: 57.14286%; }
  [data-width-sm="6/7"] { width: 85.71429%; }
  [data-width-sm="1/8"] { width: 12.5%; }
  [data-width-sm="3/8"] { width: 37.5%; }
  [data-width-sm="5/8"] { width: 62.5%; }
  [data-width-sm="7/8"] { width: 87.5%; }
  [data-width-sm="1/9"] { width: 11.11111%; }
  [data-width-sm="2/9"] { width: 22.22222%; }
  [data-width-sm="4/9"] { width: 44.44444%; }
  [data-width-sm="5/9"] { width: 55.55556%; }
  [data-width-sm="8/9"] { width: 88.88889%; } }

@media screen and (min-width: 62.5em) { [data-width-md] { display: inline-block; vertical-align: top; }
  [data-width-md="auto"] { width: auto; }
  [data-width-md="0"] { width: 0; }
  [data-width-md="1"] { width: 100%; }
  [data-width-md="1/2"] { width: 50%; }
  [data-width-md="1/3"] { width: 33.33333%; }
  [data-width-md="2/3"] { width: 66.66667%; }
  [data-width-md="1/4"] { width: 25%; }
  [data-width-md="3/4"] { width: 75%; }
  [data-width-md="1/5"] { width: 20%; }
  [data-width-md="2/5"] { width: 40%; }
  [data-width-md="3/5"] { width: 60%; }
  [data-width-md="4/5"] { width: 80%; }
  [data-width-md="1/6"] { width: 16.66667%; }
  [data-width-md="5/6"] { width: 83.33333%; }
  [data-width-md="1/7"] { width: 14.28571%; }
  [data-width-md="2/7"] { width: 28.57143%; }
  [data-width-md="3/7"] { width: 42.85714%; }
  [data-width-md="4/7"] { width: 57.14286%; }
  [data-width-md="6/7"] { width: 85.71429%; }
  [data-width-md="1/8"] { width: 12.5%; }
  [data-width-md="3/8"] { width: 37.5%; }
  [data-width-md="5/8"] { width: 62.5%; }
  [data-width-md="7/8"] { width: 87.5%; }
  [data-width-md="1/9"] { width: 11.11111%; }
  [data-width-md="2/9"] { width: 22.22222%; }
  [data-width-md="4/9"] { width: 44.44444%; }
  [data-width-md="5/9"] { width: 55.55556%; }
  [data-width-md="8/9"] { width: 88.88889%; } }

@media screen and (min-width: 63.938em) { [data-widt-smld="1/3"] { width: 33.33333%; }
  [data-widt-smld="2/3"] { width: 66.66667%; } }

[data-order="1"] { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; }

[data-order="2"] { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }

[data-order="3"] { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; }

[data-order="4"] { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4; }

[data-order="5"] { -webkit-box-ordinal-group: 5; -moz-box-ordinal-group: 5; -ms-flex-order: 5; -webkit-order: 5; order: 5; }

[data-order="6"] { -webkit-box-ordinal-group: 6; -moz-box-ordinal-group: 6; -ms-flex-order: 6; -webkit-order: 6; order: 6; }

[data-order="7"] { -webkit-box-ordinal-group: 7; -moz-box-ordinal-group: 7; -ms-flex-order: 7; -webkit-order: 7; order: 7; }

[data-order="8"] { -webkit-box-ordinal-group: 8; -moz-box-ordinal-group: 8; -ms-flex-order: 8; -webkit-order: 8; order: 8; }

[data-order="9"] { -webkit-box-ordinal-group: 9; -moz-box-ordinal-group: 9; -ms-flex-order: 9; -webkit-order: 9; order: 9; }

[data-order="10"] { -webkit-box-ordinal-group: 10; -moz-box-ordinal-group: 10; -ms-flex-order: 10; -webkit-order: 10; order: 10; }

[data-order="11"] { -webkit-box-ordinal-group: 11; -moz-box-ordinal-group: 11; -ms-flex-order: 11; -webkit-order: 11; order: 11; }

[data-order-xs="1"] { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; }

[data-order-xs="2"] { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }

[data-order-xs="3"] { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; }

[data-order-xs="4"] { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4; }

[data-order-xs="5"] { -webkit-box-ordinal-group: 5; -moz-box-ordinal-group: 5; -ms-flex-order: 5; -webkit-order: 5; order: 5; }

[data-order-xs="6"] { -webkit-box-ordinal-group: 6; -moz-box-ordinal-group: 6; -ms-flex-order: 6; -webkit-order: 6; order: 6; }

[data-order-xs="7"] { -webkit-box-ordinal-group: 7; -moz-box-ordinal-group: 7; -ms-flex-order: 7; -webkit-order: 7; order: 7; }

[data-order-xs="8"] { -webkit-box-ordinal-group: 8; -moz-box-ordinal-group: 8; -ms-flex-order: 8; -webkit-order: 8; order: 8; }

[data-order-xs="9"] { -webkit-box-ordinal-group: 9; -moz-box-ordinal-group: 9; -ms-flex-order: 9; -webkit-order: 9; order: 9; }

[data-order-xs="10"] { -webkit-box-ordinal-group: 10; -moz-box-ordinal-group: 10; -ms-flex-order: 10; -webkit-order: 10; order: 10; }

[data-order-xs="11"] { -webkit-box-ordinal-group: 11; -moz-box-ordinal-group: 11; -ms-flex-order: 11; -webkit-order: 11; order: 11; }

@media screen and (min-width: 30em) { [data-order-ms="1"] { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; }
  [data-order-ms="2"] { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
  [data-order-ms="3"] { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; }
  [data-order-ms="4"] { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4; }
  [data-order-ms="5"] { -webkit-box-ordinal-group: 5; -moz-box-ordinal-group: 5; -ms-flex-order: 5; -webkit-order: 5; order: 5; }
  [data-order-ms="6"] { -webkit-box-ordinal-group: 6; -moz-box-ordinal-group: 6; -ms-flex-order: 6; -webkit-order: 6; order: 6; }
  [data-order-ms="7"] { -webkit-box-ordinal-group: 7; -moz-box-ordinal-group: 7; -ms-flex-order: 7; -webkit-order: 7; order: 7; }
  [data-order-ms="8"] { -webkit-box-ordinal-group: 8; -moz-box-ordinal-group: 8; -ms-flex-order: 8; -webkit-order: 8; order: 8; }
  [data-order-ms="9"] { -webkit-box-ordinal-group: 9; -moz-box-ordinal-group: 9; -ms-flex-order: 9; -webkit-order: 9; order: 9; }
  [data-order-ms="10"] { -webkit-box-ordinal-group: 10; -moz-box-ordinal-group: 10; -ms-flex-order: 10; -webkit-order: 10; order: 10; }
  [data-order-ms="11"] { -webkit-box-ordinal-group: 11; -moz-box-ordinal-group: 11; -ms-flex-order: 11; -webkit-order: 11; order: 11; } }

@media screen and (min-width: 48em) { [data-order-sm="1"] { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; }
  [data-order-sm="2"] { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
  [data-order-sm="3"] { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; }
  [data-order-sm="4"] { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4; }
  [data-order-sm="5"] { -webkit-box-ordinal-group: 5; -moz-box-ordinal-group: 5; -ms-flex-order: 5; -webkit-order: 5; order: 5; }
  [data-order-sm="6"] { -webkit-box-ordinal-group: 6; -moz-box-ordinal-group: 6; -ms-flex-order: 6; -webkit-order: 6; order: 6; }
  [data-order-sm="7"] { -webkit-box-ordinal-group: 7; -moz-box-ordinal-group: 7; -ms-flex-order: 7; -webkit-order: 7; order: 7; }
  [data-order-sm="8"] { -webkit-box-ordinal-group: 8; -moz-box-ordinal-group: 8; -ms-flex-order: 8; -webkit-order: 8; order: 8; }
  [data-order-sm="9"] { -webkit-box-ordinal-group: 9; -moz-box-ordinal-group: 9; -ms-flex-order: 9; -webkit-order: 9; order: 9; }
  [data-order-sm="10"] { -webkit-box-ordinal-group: 10; -moz-box-ordinal-group: 10; -ms-flex-order: 10; -webkit-order: 10; order: 10; }
  [data-order-sm="11"] { -webkit-box-ordinal-group: 11; -moz-box-ordinal-group: 11; -ms-flex-order: 11; -webkit-order: 11; order: 11; } }

@media screen and (min-width: 66em) { [data-order-md="1"] { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; }
  [data-order-md="2"] { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
  [data-order-md="3"] { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; }
  [data-order-md="4"] { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4; }
  [data-order-md="5"] { -webkit-box-ordinal-group: 5; -moz-box-ordinal-group: 5; -ms-flex-order: 5; -webkit-order: 5; order: 5; }
  [data-order-md="6"] { -webkit-box-ordinal-group: 6; -moz-box-ordinal-group: 6; -ms-flex-order: 6; -webkit-order: 6; order: 6; }
  [data-order-md="7"] { -webkit-box-ordinal-group: 7; -moz-box-ordinal-group: 7; -ms-flex-order: 7; -webkit-order: 7; order: 7; }
  [data-order-md="8"] { -webkit-box-ordinal-group: 8; -moz-box-ordinal-group: 8; -ms-flex-order: 8; -webkit-order: 8; order: 8; }
  [data-order-md="9"] { -webkit-box-ordinal-group: 9; -moz-box-ordinal-group: 9; -ms-flex-order: 9; -webkit-order: 9; order: 9; }
  [data-order-md="10"] { -webkit-box-ordinal-group: 10; -moz-box-ordinal-group: 10; -ms-flex-order: 10; -webkit-order: 10; order: 10; }
  [data-order-md="11"] { -webkit-box-ordinal-group: 11; -moz-box-ordinal-group: 11; -ms-flex-order: 11; -webkit-order: 11; order: 11; } }

@media screen and (min-width: 87.5em) { [data-order-lg="1"] { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; }
  [data-order-lg="2"] { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
  [data-order-lg="3"] { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; }
  [data-order-lg="4"] { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4; }
  [data-order-lg="5"] { -webkit-box-ordinal-group: 5; -moz-box-ordinal-group: 5; -ms-flex-order: 5; -webkit-order: 5; order: 5; }
  [data-order-lg="6"] { -webkit-box-ordinal-group: 6; -moz-box-ordinal-group: 6; -ms-flex-order: 6; -webkit-order: 6; order: 6; }
  [data-order-lg="7"] { -webkit-box-ordinal-group: 7; -moz-box-ordinal-group: 7; -ms-flex-order: 7; -webkit-order: 7; order: 7; }
  [data-order-lg="8"] { -webkit-box-ordinal-group: 8; -moz-box-ordinal-group: 8; -ms-flex-order: 8; -webkit-order: 8; order: 8; }
  [data-order-lg="9"] { -webkit-box-ordinal-group: 9; -moz-box-ordinal-group: 9; -ms-flex-order: 9; -webkit-order: 9; order: 9; }
  [data-order-lg="10"] { -webkit-box-ordinal-group: 10; -moz-box-ordinal-group: 10; -ms-flex-order: 10; -webkit-order: 10; order: 10; }
  [data-order-lg="11"] { -webkit-box-ordinal-group: 11; -moz-box-ordinal-group: 11; -ms-flex-order: 11; -webkit-order: 11; order: 11; } }

/********************SPECIAL STYLES SPECIFICALLY FOR ONE OR MORE PARTICULAR FEATURE(S)********************/
.linkloc-multiline div > a { display: block; padding-top: 8px; padding-bottom: 8px; }

#ajaxCountrySelector { position: absolute; background: #fff; z-index: 5; width: 90%; right: 5%; }

@media screen and (min-width: 48em) { #ajaxCountrySelector { top: 45px; right: 16px; width: auto; } }

#ajaxCountrySelector .currency-container { padding: 16px; color: #01002c; position: relative; padding: 16px; font-size: 16px; }

#ajaxCountrySelector .currency-container .close { position: absolute; right: 16px; top: 16px; }

#ajaxCountrySelector .currency-container .currency-container-heading { border-bottom: 1px solid #ccc; padding: 16px 0; margin: 0; }

#ajaxCountrySelector .currency-container select { width: 100%; }

#ajaxCountrySelectoroverlay { background: rgba(102, 102, 102, 0.75); position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 4; }

#dropdown-basket, #dropdown-account { display: none; position: absolute; top: 35px; }

/* (#487628) */
#searchdrop { display: none; position: absolute; top: 155px; }

/* (#608102) */
.ajxbasketitems { max-height: 49vh; overflow-y: auto; }

@media screen and (min-height: 48em) { .ajxbasketitems { max-height: 33vh; } }

.minibasketitem { position: relative; display: inline-block; vertical-align: top; box-shadow: #eee 0 0 0 0; width: 66px; margin: 16px; }

.minibasketitem img { width: 100%; }

#overlay-searchdrop, #overlay-basket, #overlay-account { position: fixed; display: none; }

@media screen and (min-height: 44em) { #dropdown-basket, #searchdrop, #dropdown-account { position: fixed; right: 0; } }

@media screen and (min-height: 48em) { #ajaxCountrySelector { position: fixed; right: 16px; max-width: 400px; } }

@media screen and (min-width: 87.5em) { #ajaxCountrySelector { right: calc((100% - 1368px)/2); width: auto; } }

/*#987398*/
.facet-head { cursor: pointer; line-height: 160%; margin-top: 4px; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='3' fill='%2301002c'><polygon points='0,0 1,0 3,2 5,0 6,0 3,3 0,0' /></svg>"); background-color: white; background-repeat: no-repeat; background-size: 12px; background-position: calc(100% - 8px) center; }
.facet-head.facet-hidden { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='3' height='6' fill='%2301002c'><polygon points='0,0 0,1 2,3 0,5 0,6 3,3 0,0' /></svg>"); background-size: 6px; }

.facet-head.facet-hidden:not(:nth-last-child(2)) { border-bottom: solid 1px #ccc; }

.facet-head.facet-hidden + .facet { display: none; }

.facet:not(#categoryfilters) { border-bottom: solid 1px #cccccc; padding-bottom: 8px; /*#998670*/ }

.facet > * { display: block; padding: 2px 0 2px 28px; font-size: 15px; background: url(../images/core/menu-filter-checkbox.gif) no-repeat 8px center; }
.facet > *.checked { background-image: url(../images/core/menu-filter-checkticked.gif); }
.facet > *.notavailable { background-image: url(../images/core/menu-filter-checkna.gif); color: #cccccc; }

.facet.notavailable { cursor: default; }

.facet-viewmore-link, .facet-viewless-link, label[for="categories_show"], label[for="categories_hide"] { display: none; padding-left: 8px; font-size: 13px; background-image: none; cursor: pointer; }

.facet-viewmore > * { display: none; }

.facet-viewmore > *:nth-child(1), .facet-viewmore > *:nth-child(2), .facet-viewmore > *:nth-child(3), .facet-viewmore > *:nth-child(4), .facet-viewmore > *:nth-child(5), .facet-viewmore > *.facet-viewmore-link { display: block; }

.facet-viewless .facet-viewless-link { display: block; }

/*FACET COLOUR SWATCH*/
.facet.color > * { display: inline-block; width: 29px; border: 1px solid #ccc; padding: 0; margin: 0 0 4px 4px; background-image: none; }

.facet.color > *.checked { border-color: #666; }

.facet.color > * img { width: 100%; }

/*CATEGORY LINKS*/
/*#998670*/
.catfilterheading { padding-top: 16px; border-top: solid 1px #ccc; margin-left: -1.25%; margin-right: -1.25%; }

@media screen and (min-width: 48em) { .catfilterheading { padding-top: 0; border-top-width: 0; margin-left: 0; margin-right: 0; } }

.facet#categoryfilters > a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: middle; width: 50%; background: none; padding: 12px 4px 0; text-align: center; }
@media screen and (min-width: 48em) { .facet#categoryfilters > a { display: block; width: 100%; padding: 2px 0 2px 12px; text-align: left; }
  .facet#categoryfilters > a.catfilterlevel2 { margin-left: 16px; }
  .facet#categoryfilters > a.catfilterlevel3 { margin-left: 32px; }
  .facet#categoryfilters > a.catfilterlevel4 { margin-left: 48px; } }

.facet#categoryfilters input[name="categories_showhide"] { position: absolute; left: -999em; }

@media screen and (min-width: 48em) { .facet#categoryfilters #categories_show:checked ~ label[for="categories_hide"], .facet#categoryfilters #categories_hide:checked ~ label[for="categories_show"] { display: block; }
  .facet#categoryfilters #categories_hide:checked + a + a + a + a + a ~ a { height: 0; padding: 0; overflow: hidden; } }

/* #613517 START */
/*LANDING PAGE IMAGES*/
.categorylanding > img { width: 100%!important; }

/* #613517 END */
.listing { position: relative; padding: 8px 0; margin-bottom: 0; text-align: center; }

@media screen and (min-width: 48em) { .listing { padding: 16px 0; margin-bottom: 16px; } }

.listing-image, [data-listingimg] { cursor: pointer; /*padding:0 $unit;width:calc(100% - 32px);*/ padding: 0; width: calc(100% - 10px); }

@media screen and (min-width: 48em) { .listing-image, [data-listingimg] { padding: 0 12px; width: calc(100% - 24px); } }

.listing-left-icon { position: absolute; width: 30%; left: 5%; top: 0; }

.listing-right-icon { position: absolute; width: 30%; right: 16px; top: 0; }

/* (#487628) */
.listing .listing-symbols { height: 20px; /*match gif height*/ }

.listing-name { display: block; padding: 0 5%; text-decoration: none!important; cursor: pointer; letter-spacing: 1px; }

.listing-price { height: 2em; padding: 0 5%; font-family: Georgia, "Times New Roman", Times, serif; }

.equalized-these { min-height: 46px!important; }

/* (#342252) */
.listing-swatches > span { margin: 2px; display: inline-block; background-size: contain; cursor: pointer; }

.listing-swatches > span.selected { border: 2px solid #01002c; /*margin:0;*/ }

.listing-swatches img { width: 20px; height: 20px; border: 1px solid #ccc; display: block; }

@media only screen and (min-width: 321px) { .listing-swatches img { width: 24px; height: 24px; } }

@media screen and (min-width: 48em) { .listing-swatches img { width: 24px; height: 24px; } }

.listing-swatches span.selected img { width: 16px; height: 16px; }

@media only screen and (min-width: 321px) { .listing-swatches span.selected img { width: 20px; height: 20px; } }

/* (#342252) */
.listing-swatches img.viewmoreless_icon { width: 16px; height: 16px; }

@media only screen and (min-width: 321px) { .listing-swatches img.viewmoreless_icon { width: 24px; height: 24px; } }

.childrenScroller { max-width: none; margin: 0 auto; overflow-x: auto; white-space: nowrap; width: 1400px; }

.childrenScroller > div > * { white-space: normal; }

@media screen and (min-width: 66em) { .childrenScroller { width: auto; overflow: hidden; } }

.listing-alternate { border-bottom: solid 1px #ccc; padding-top: 8px; padding-bottom: 16px; }

.listing-alternate .listing-name, .listing-alternate .listing-price { padding: 0; height: auto; }

.listing-alternate-box1, .listing-alternate-box2, .listing-alternate-box3 > * { display: inline-block; vertical-align: top; }

.listing-alternate-box1, .listing-alternate-box3 > * { width: 38%; }

.listing-alternate-box2, .listing-alternate-box3 > *:first-child { width: 59.5%; margin-left: 2.5%; }

.listing-alternate-box3 > *:first-child { float: right; padding-top: 4px !important; }

/*#984417 START*/
.listing-quickview { display: inline-block; background-color: #25232e !important; color: white; white-space: normal; filter: alpha(opacity=0); opacity: 0; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; position: absolute; left: 32px; bottom: 16px; width: calc(100% - 64px); }

.touchevents .listing-quickview { display: none; }

.no-touchevents .listing:hover { background-color: #eee; }

.no-touchevents .listing:hover .listing-quickview { filter: alpha(opacity=100); opacity: 1; }

@media screen and (min-width: 48em) { .ajaxQuickview { left: 50%; width: 832px !important; max-width: 100%; height: 750px; margin-left: -400px !important; } }

.quickviewbody .cont-swatch span.swatch-wrapper { margin-left: 0; margin-right: 8px; }

/*#984417 END*/
.addthis_default_style .addthis_separator, .addthis_default_style .at300b, .addthis_default_style .at4-icon, .addthis_default_style .at300bo, .addthis_default_style .at300m, .addthis_default_style .at300bs, .addthis_default_style .addthis_counter { display: -moz-inline-stack!important; display: inline-block!important; zoom: 100%!important; *display: inline!important; float: none!important; }

.stars { display: inline-block; vertical-align: top; width: 98px; display: inline-block; vertical-align: top; background: url(../images/core/stars-empty.png) no-repeat 0 2px; text-align: left; }

.stars span { display: inline-block; vertical-align: top; background: url(../images/core/stars-full.png) no-repeat 0 2px; height: 19px; }

.stars span.s0 { width: 0; }

.stars span.s1 { width: 20%; }

.stars span.s2 { width: 40%; }

.stars span.s3 { width: 60%; }

.stars span.s4 { width: 80%; }

.stars span.s5 { width: 100%; }

.reviewtick { background: url(../images/core/review_recommend.png) no-repeat 0 2px; padding-left: 24px; }

.content { position: relative; /*top:-$unit/2;*/ }

.sidebar { clear: both; display: block; width: 97.5%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; text-transform: capitalize; }

.sidebar > * { margin-bottom: 1em; }

.sidebar .selected { cursor: default; }

.sidebar .selected, .sidebar a:hover { text-decoration: #999; color: #01002c; }

.sidebar .facet a:hover { background-color: transparent; color: #666; }

.sidebar .facet a.notavailable:hover { color: #ccc; }

.sidebar .blogside-heading { position: relative; }

.sidebar .blogside-heading:after { position: absolute; top: 2px; content: ""; right: 8px; width: 16px; height: 16px; background: url(../images/core/blog_right_arrow.png) no-repeat; background-size: cover; }

.sidebar .blogside-heading.opened:after { position: absolute; top: 2px; content: ""; right: 8px; width: 16px; height: 16px; background: url(../images/core/blog_down_arrow.png) no-repeat; background-size: cover; }

.sidebar .blogside-list > div { clear: both; margin: 4px 8px; display: block; }

.blogwidget-sectiontitle { position: relative; padding: 16px 0; }

.blogwidget-sectiontitle > span { padding: 16px; background: #fff; display: inline-block; position: relative; }

.blogwidget-sectiontitle:before { content: ""; position: absolute; width: 100%; left: 0; height: 1px; background: #01002c; bottom: 50%; }

.blogwidget-itemtitle { position: relative; padding-bottom: 0; display: inline-block; clear: both; }

@media screen and (min-width: 48em) { .blogwidget-itemtitle { min-height: 48px; } }

.blogwidget-itemtitle:after { content: ""; position: absolute; width: 100%; left: 0; height: 1px; background: #01002c; bottom: -8px; }

.commentresponse { position: relative; }

.commentresponse:after { content: ""; position: absolute; left: 16px; top: -16px; width: 16px; height: 16px; background: url(../images/core/comment_arrow_top.png) no-repeat; background-size: cover; }

.popup { display: none; background-color: white; -webkit-box-shadow: #01002c 1px 1px 2px 2px; -moz-box-shadow: #01002c 1px 1px 2px 2px; box-shadow: #01002c 1px 1px 2px 2px; /* #611404 */ }
.popup.show { position: absolute!important; left: 5%; width: 90%; min-height: 250px; }

.popup.pop-wide { max-width: 90%; }

.popup.small { min-height: auto!important; }

/*Newsletter Popop Height*/
#captureForm { height: auto!important; position: fixed!important; top: 50%!important; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
#captureForm > * { max-height: 90vh; overflow-y: auto; }

input[value=x], input[value=X], .popup-close { font-size: 16px; line-height: 10px; text-transform: lowercase; cursor: pointer; }

.popup-close.facetclose { position: fixed; right: 8px; top: 8px; z-index: 3; }

#overlay { display: none; position: fixed!important; -webkit-transition-duration: 0.4s; /*helps deal with webkit rendering bug*/ }

.articlebody { font-family: "Open Sans", sans-serif; line-height: 150%; }

.articlebody p { font-size: 1em; }

.articlebody a { text-decoration: underline; }

.articlebody ul { list-style: disc; }

.articlebody ul li { margin-left: 1em; }

.articlebody strong { font-weight: bold; }

.articlebody em { font-style: italic; }

.productbody { font-size: 14px; line-height: 22px; letter-spacing: 0.05em; }

.productbody ul li { display: inline-block; vertical-align: top; width: 50%; }

.progressbar { display: flex; align-items: center; justify-content: space-between; max-width: 380px; margin: 16px auto; position: relative; padding: 0 32px; }

@media screen and (min-width: 48em) { .progressbar { padding: 0; } }

.progressbar:after { content: ""; position: absolute; width: 300px; height: 1px; background-color: #CCCCCC; left: 40px; top: 17px; z-index: -1; }

.progressbar .stgitem { display: flex; flex-direction: column; align-items: center; justify-content: center; }

.progressbar .stgitem .stgno { width: 35px; height: 35px; background: #ffffff; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid #01002C; font-size: 20px; font-family: "Cormorant Infant", serif; }

.progressbar .stgitem .stglabel { font-size: 13px; padding: 8px 0; }

.progressbar .stgitem.selected .stgno { background: #01002C; color: #fff; position: relative; }

.progressbar .stgitem.selected .stgno:after { content: ""; width: 41px; height: 41px; position: absolute; left: -4px; top: -4px; border: 1px solid #01002C; border-radius: 50%; }

/*
.progressbar{
	$orderstages:5;
	position:relative;
	img{
		position:absolute;
		left:(100%/$orderstages)/2;
		top:28px;
		width:($orderstages - 1)*100%/$orderstages;
		height:1px;
	}
	>div{
		@include columns($orderstages);
		position:relative;
		text-align:center;
		color:$color3;
		>div.selected{color:$color1;}
	}
	div div div {
		width:20px;
		margin:0 auto;
		padding:8px;
		background-color:$color3;
		color:$color0;
		border:solid 3px $color0;
		@include border-radius(20px);
		@include box-shadow($color4 0 0 2px 1px);
		font-weight:bold;
		&.selected{background-color:$color1;@include box-shadow($color3 0 0 2px 1px);}
	}
}

//OTHERS


.pagination{text-align:right;@include horiz-links;.selected{font-weight:700;}}
.pagination a {padding-left:0.2em;padding-right:0.2em;}
.pagination a:last-child{padding-right:0;}
.pagination a img {vertical-align:middle;}
*/
.pagination { font-size: 18px; padding: 0; font-family: "Open Sans", sans-serif; }

@media screen and (min-width: 48em) { .pagination { font-size: 14px; } }

.pagination a { padding: 4px 8px; display: inline-block; vertical-align: middle; white-space: nowrap; }

@media screen and (min-width: 48em) { .pagination a { padding: 0 4px; } }

.pagination a.selected { background: #01002c; color: #fff; }

.pagination a .pagination-arrow { display: inline-block; vertical-align: middle; width: 15px; }

.rating { background: url(/images/core/rate-empty.png); width: 80px; height: 14px; }

.rating > * { background: url(/images/core/rate-full.png); height: 100%; }

iframe.payment { height: 650px; }

[id^=overlay] { background-color: rgba(1, 0, 44, 0.6); color: #fff; width: 100%; height: 100%; position: fixed; left: 0; top: 0; -webkit-transform: translateZ(0); -webkit-transition-duration: 0.4s; /*webkit bugfixes*/ }

.stretchheight { min-height: 800px; }

/* (#487628) */
.swatch_showhide { cursor: pointer; }

#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 500px; }

#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 4; text-align: center; line-height: 0; }

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#lightbox-container-image { padding: 10px; }

#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 3; }

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none; }

#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }

#lightbox-nav-btnPrev { left: 0; float: left; }

#lightbox-nav-btnNext { right: 0; float: right; }

#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }

#lightbox-container-image-data { padding: 0 10px; color: #666; }

#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }

#lightbox-image-details-caption { font-weight: bold; }

#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }

#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }

/* (#342252) */
#zoomArea { overflow: hidden; width: 100%; }

@media screen and (min-width: 48em) { #zoomArea { overflow: auto; width: 377px; } }

.zoomPad { position: relative; cursor: crosshair; width: 100%; }

.zoomPreload { -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; background-color: white; padding: 8px; text-align: center; background-image: url(../../images/core/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; z-index: 2; width: 90px; height: 43px; position: absolute; top: 0px; left: 0px; * width: 100px; * height: 49px; }

.zoomPup { visibility: hidden; }

@media screen and (min-width: 48em) { .zoomPup { overflow: hidden; background-color: #FFF; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); z-index: 2; position: absolute; border: 1px solid #CCC; z-index: 2; cursor: crosshair; visibility: visible; } }

/* (#611604) */
.zoomPup.hidden { display: none!important; }

.zoomOverlay { position: absolute; left: 0px; top: 0px; background: #FFF; /*opacity:0.5;*/ z-index: 3; width: 100%; height: 100%; display: none; }

.zoomWindow { position: absolute; display: none; height: 0; width: 0; visibility: hidden; }

@media screen and (min-width: 48em) { .zoomWindow { left: 108%; top: 0!important; background: #FFF; z-index: 3; height: auto; width: auto; visibility: visible; } }

.zoomWrapper { position: relative; border: 1px solid #ccc; z-index: 2; }

.zoomWrapperTitle { display: block; background: #999; color: #FFF; height: 18px; line-height: 18px; width: 100%; overflow: hidden; text-align: center; font-size: 10px; position: absolute; top: 0px; left: 0px; z-index: 2; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=60); }

.zoomWrapperImage { display: block; position: relative; overflow: hidden; z-index: 2; }

.zoomWrapperImage img { border: 0px; display: block; position: absolute; z-index: 2; width: auto; max-width: none!important; }

.zoomIframe { z-index: -1; filter: alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position: absolute; display: block; }

/* END (#342252) */
/* (#611604) START */
.cont-swatch { clear: both; overflow: hidden; }

.cont-swatch span.swatch-wrapper { display: inline-block; margin: 4px; border-bottom: 2px solid transparent; }

.cont-swatch span.swatch-wrapper.selected { border-bottom: 2px solid #01002c; text-align: center; cursor: default; }

.cont-swatch span.swatch { width: 32px; height: 32px; display: inline-block; border-bottom: 5px solid #fdf9f0; cursor: pointer; text-align: center; border: 1px solid #ccc; }

.cont-swatch span.swatch2 { width: 60px; height: 60px; }

/* (#611604) END */
span.sizes { min-width: 22px; width: auto; height: 22px; line-height: 22px; background-color: #fff; display: inline-block; text-align: center; padding: 5px; cursor: pointer; border: 1px solid #ccc; font-size: 12.30769px; margin-bottom: 4px; }

/* (#487628) */
span.sizes.selected { background-color: #999; display: inline-block; text-align: center; cursor: default; color: #fff; }

/* */
/* .alternativeImages img {margin:0 $unit/2} */
.alternativeImages img { margin: 0 1%; }

/* SELECT BOXES (#611604) START */
.variant-item span.variant-select-wrap { display: inline-block; /*background:url(../images/core/donwarrow2.svg) no-repeat 97% center; */ border: 1px solid #999; overflow: hidden; width: 100% !important; position: relative; }

.variant-item span.variant-select-wrap:before { content: ""; position: absolute; right: 16px; top: 16px; height: 10px; width: 10px; background: none; border-top: 2px solid #01002c; border-right: 2px solid #01002c; transform: rotate(135deg); transition: 0.2 ease; pointer-events: none; }

.variant-item span.variant-select-wrap.error { background-image: none; }

.variant-item select { border: 0px solid #999; display: block; margin: 0; padding: 0 6px; width: 120%; background: transparent; height: 50px; line-height: normal !important; max-width: 400px !important; font-size: 18px; letter-spacing: 0.05em; }

.selectbox * { padding: 10px; }

.variant-item span.variant-select-wrap { background-color: #fff; }

.variant-item span.variant-select-wrap.error { border-color: #c82e2e; padding: 0 0 0 16px !important; outline: 2px solid #c82e2e; }

.variant-item span.variant-select-wrap.error select { color: #c82e2e; font-weight: 600; }

/* SELECT BOXES (#611604) END */
/* QTY BOXES START (#611604) START */
.qty-dec { background: none !important; font-size: 40px; width: 30px; height: 40px; vertical-align: middle; padding: 0 !important; color: #01002c !important; letter-spacing: normal !important; line-height: 1; font-weight: 100; }

.qty-inc { background: none !important; font-size: 40px; width: 30px; height: 40px; vertical-align: middle; padding: 0 !important; color: #01002c !important; letter-spacing: normal !important; line-height: 1; font-weight: 100; }

.qty-box { height: 52px !important; width: 35px; font-family: "Open Sans", sans-serif; font-size: 18px; }

/* QTY BOXES START (#611604) END */
.ajaxLoading { text-align: center; }

.bloghead h1, .bloghead h2, .bloghead h3, .bloghead h4 { text-transform: none!important; }

.blogbody { font-size: 14px; color: #01002c; }

.blogbody blockquote { padding: 16px; max-width: 70%; margin: 32px auto; clear: both; border-top: 4px solid #ccc; border-bottom: 4px solid #ccc; text-align: center; font-size: 18px; line-height: 130%; font-weight: bold; quotes: "“" "”" "‘" "’"; }

.blogbody blockquote:before { content: open-quote; font-size: 40px; vertical-align: -0.2em; margin-right: 0.1em; }

.blogbody blockquote:after { content: close-quote; font-size: 40px; vertical-align: -0.2em; margin-left: 0.1em; }

.blogbody blockquote p { display: inline; }

.blogbody h1 { font-size: 26px; text-transform: none!important; line-height: 150%; }

.blogbody h2 { font-size: 24px; text-transform: none!important; line-height: 150%; }

.blogbody h3 { font-size: 22px; text-transform: none!important; line-height: 150%; }

.blogbody h4 { font-size: 20px; text-transform: none!important; line-height: 150%; }

@media screen and (min-width: 48em) { #productmainimage > img { max-height: 390px; }
  /* (#611604) */
  .zoomPad > img { /*max-height:460px;*/ }
  /* (#611604) */
  #main.extraspace { padding-bottom: 40em!important; }
  /* (#608400) */
  .linkloc-multiline div > a { display: block; padding-top: 8px; padding-bottom: 8px; }
  /* (#611604) */
  #main { overflow: hidden; position: relative; border-top: solid 1px #eee; padding-bottom: 2em; }
  /* #dropdown-basket > div, #dropdown-account {width:50%; max-width:400px; right:$gutter*18.8;} (#608102) */
  /* #dropdown-basket{ 	width:100%; 	>div{ 		position:absolute; 		.minibasketitem{@include column(4,2*$gutter);margin-bottom:$unit!important;} 	} 	>div.bskt-wide{ 		width:(100% - $gutter);max-width:(100% - $gutter);left:$gutter/2; 		.minibasketitem{@include column(6,2*$gutter);} 	} } . /*#searchdrop{width:500px;left:50%;margin-left:-210px;}*/
  /*#searchdrop{width:488px;left:50%;margin-left:-120px; top:97px;}*/
  /* (#487628) */
  /* (#608102) */
  #prodslider > * { clear: both; display: block; width: 97.5%; padding-left: 0; padding-right: 0; margin: 8px 1.25%; margin-bottom: 1.25em; }
  .prod-name { height: 5em; overflow: hidden; }
  .content { clear: none; display: inline-block; vertical-align: top; width: 72.5%; margin-left: 1.25%; margin-right: 1.25%; float: right; }
  .content.blogs { float: left; }
  .content.bg-xlight { clear: none; display: inline-block; vertical-align: top; width: 72.5%; margin-left: 0; margin-right: 0; padding-left: 1.25%; padding-right: 1.25%; background-color: #f1f1f1; float: right; }
  .sidebar { clear: none; display: inline-block; vertical-align: top; width: 22.5%; margin-left: 1.25%; margin-right: 1.25%; }
  .sidebar > * { margin-bottom: 3em; }
  .sidebar .nav > a { display: block; border-width: 0; padding-left: 0; padding-right: 0; margin-top: 8px; margin-bottom: 8px; }
  .popup.show { width: 666.66667px; left: 50%; margin-left: -333.33333px; }
  .popup.pop-wide { left: 5%; width: 90%; margin-left: 0; }
  /*.listing-alternate:first-child{padding-top:$unit;border-top:solid 1px $color4;}*/
  .listing-alternate-box1 { width: 20%; }
  .listing-alternate-box2 { width: 59%; }
  .listing-alternate-box3 { display: inline-block; vertical-align: top; width: 15.5%; margin-left: 2.5%; }
  .listing-alternate-box3 > * { width: 100%; }
  .listing-alternate-box3 > *:first-child { width: 100%; margin: 0; padding: 0!important; } }

@media screen and (min-width: 62.5em) { .listing-swatches { display: flex; align-items: center; justify-content: center; /* (#342252) */ }
  .listing-swatches > span.selected img { width: 20px; height: 20px; }
  .listing-swatches img { width: 24px; height: 24px; border: 1px solid #ccc; }
  .facet.color > div span.fswatch { width: 34px; height: 34px; display: inline-block; border: 1px solid #f1f1f1; margin-right: 2px; background-image: none!important; }
  .facet.color > div span.fswatch img { width: 32px; height: 32px; border: 1px solid #cccccc; }
  .facet.color > div.checked span.fswatch { border: 1px solid #333; }
  .facet.color > div.checked span.fswatch img { border: 1px solid #fff; }
  #main { padding-bottom: 2em; }
  /*#dropdown-basket>div,#dropdown-account{left:50%!important;right:auto;margin-left:0;}  (#608102) */
  	/* 	#dropdown-basket > div.bskt-wide{ 		width:$sliderwidth; max-width:$sliderwidth; margin-left:-$sliderwidth/2; 		.minibasketitem{@include column(8,2*$gutter);} 	}  	#searchdrop{width:488px;left:50%;margin-left:0; top:90px;} 	*/
  /*#998670*/
  .content { clear: none; display: inline-block; vertical-align: top; width: 77.5%; margin-left: 1.25%; margin-right: 1.25%; }
  .content.bg-xlight { clear: none; display: inline-block; vertical-align: top; width: 77.5%; margin-left: 0; margin-right: 0; padding-left: 1.25%; padding-right: 1.25%; background-color: #f1f1f1; }
  .sidebar { clear: none; display: inline-block; vertical-align: top; width: 17.5%; margin-left: 1.25%; margin-right: 1.25%; }
  .popup.pop-wide { left: 50%; width: 900px; margin-left: -450px; } }

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (min-width: 48em) { #dropdown-basket { width: auto; }
  #dropdown-basket > div, #dropdown-account { width: 50%; max-width: 400px; right: 16px; }
  #dropdown-basket { width: 100%; }
  #dropdown-basket > div { position: absolute; }
  #dropdown-basket > div .minibasketitem { clear: none; display: inline-block; vertical-align: top; width: 20%; padding-left: 0; padding-right: 0; margin: 8px 2.5%; margin-bottom: 16px !important; }
  #dropdown-basket > div.bskt-wide { width: 98.75%; max-width: 98.75%; left: 0.625%; }
  #dropdown-basket > div.bskt-wide .minibasketitem { clear: none; display: inline-block; vertical-align: top; width: 11.66667%; padding-left: 0; padding-right: 0; margin: 8px 2.5%; }
  #searchdrop { width: 500px; left: calc(100% - 516px); margin-right: 16px; top: 97px; } }

@media screen and (min-width: 87.5em) { #searchdrop { width: 500px; left: calc(50% - 700px); margin-left: 884px; top: 97px; }
  #dropdown-basket > div, #dropdown-account { width: 400px; left: calc(50% - 700px); margin-left: 984px; } }

.moreposts { display: initial; }

#productDataNavLeftTOP { margin-bottom: 0!important; }

@media screen and (min-width: 48em) { #productDataNavLeftTOP { margin-bottom: 8px !important; } }

#productDataNavRightTOP { margin-top: 0!important; margin-bottom: 0!important; text-align: center; font-size: 14px; }

@media screen and (min-width: 48em) { #productDataNavRightTOP { margin-top: 8px; margin-bottom: 8px; text-align: right; } }

#productDataNavRightTOP .pagination.f-14 { font-size: 14px!important; margin: 8px 0; }

@media screen and (min-width: 48em) { #productDataNavRightTOP .pagination.f-14 { margin: 0; } }

#productDataNavRightTOP .pagination.showalllink { font-size: 14px!important; }

#productDataNavRightTOP .pagination.showalllink + div.pagination { font-size: 14px!important; padding: 4px; }

@media screen and (min-width: 48em) { #productDataNavRightTOP .pagination.showalllink + div.pagination { padding: 0; } }

.pdptabarea { position: relative; flex-direction: column; display: flex; margin: 0; }

@media screen and (min-width: 48em) { .pdptabarea { flex-direction: row; flex-wrap: wrap; } }

.pdptabarea .pdptabheading { display: block; padding: 16px; flex-direction: column; border-bottom: 1px solid #ccc; font-size: 18px; font-family: "Cormorant Infant", serif; }

@media screen and (min-width: 48em) { .pdptabarea .pdptabheading { display: inline-block; width: auto; flex-direction: row; border-bottom: 0px solid #ccc; position: relative; z-index: 2; }
  .pdptabarea .pdptabheading:first-child { margin-left: 10%; } }

@media screen and (min-width: 48em) { .pdptabarea .pdptabheading.current { border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #fff; } }

.pdptabarea .pdptabheading + div { display: none; width: calc(100% - 32px); flex-direction: column; position: relative; padding: 16px; border-top: 1px solid #ccc; }

@media screen and (min-width: 48em) { .pdptabarea .pdptabheading + div { position: relative; z-index: 1; margin-top: -1px; } }

.pdptabarea .pdptabheading + div.current { display: block; }

.loginstructure { display: flex; flex-direction: column; }

@media screen and (min-width: 48em) { .loginstructure { flex-direction: row; } }

.loginstructure #existcust { order: 1; }

.loginstructure #newcust { order: 2; }

.loginstructure #basketsum { order: 3; }

.loginstructure.checkout #existcust { order: 2; }

.loginstructure.checkout #newcust { order: 1; }

.loginstructure.checkout #basketsum { order: 3; }

.loginstructure.checkout span.disabled.checkout { opacity: 0.2; }

@keyframes fade-in { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes fade-out { from { opacity: 1; }
  to { opacity: 0; } }

.fade-in { animation: fade-in 1s ease; }

#qv-desc { max-height: 500px; overflow-y: auto; /*#1017172*/ }

[data-showmorelesscta] { clear: both; margin: 16px 0; }

[data-showmorelesscta] > span { font-family: "Cormorant Infant", serif; font-size: 16px; position: relative; cursor: pointer; }

[data-showmorelesscta] > span[data-showmore]:after { content: ""; right: -24px; top: 4px; position: absolute; width: 8px; height: 8px; border-right: 2px solid #01002c; border-bottom: 2px solid #01002c; transform: rotate(45deg); }

[data-showmorelesscta] > span[data-showless]:after { content: ""; right: -24px; top: 8px; position: absolute; width: 8px; height: 8px; border-right: 2px solid #01002c; border-bottom: 2px solid #01002c; transform: rotate(-135deg); }

.grecaptcha-badge { display: none; /*#1029756*/ }

.catheadervideocontainer video { width: 100%!important; height: auto!important; }

@media screen and (min-width: 48em) { [data-basketaddedimg] { width: 100%; height: auto; } }

#add_verify_divid { position: fixed; background: #fff; z-index: 2; width: 80%; left: calc(50% - 40%); top: calc(50vh - 25%); padding: 0; }

@media screen and (min-width: 48em) { #add_verify_divid { width: 400px; left: calc(50% - 200px); top: calc(50vh - 25%); } }

@media screen and (min-width: 66em) { #add_verify_divid { width: 500px; left: calc(50% - 250px); top: calc(50vh - 25%); } }

#add_verify_divid .vaddress_close { position: absolute; right: -16px; top: -16px; padding: 4px 10px; background: #01002c; color: #ffffff; border-radius: 50px; cursor: pointer; border: 1px solid #fff; }

#add_verify_divid .vaddress_inner { padding: 16px; }

@media screen and (min-width: 48em) { #add_verify_divid .vaddress_inner { padding: 24px; } }

@media screen and (min-width: 66em) { #add_verify_divid .vaddress_inner { padding: 32px; } }

#add_verify_divid .add_varify_box { display: flex; flex-direction: column; margin: 0 0 32px 0; outline: 1px solid #cccccc; padding: 16px; }

#add_verify_divid .add_varify_box.selected { outline: 2px solid #01002c; }

#add_verify_divid .add_varify_address_info { padding: 8px; font-size: 12px; background: #fbefef; }

#add_verify_divid .add_varify_rd { display: flex; flex-direction: row; align-items: center; }

#add_verify_divid .add_varify_address { padding: 16px 0; /* margin-left: 24px;*/ cursor: pointer; }

#add_verify_divid .add_var_btn { background: #01002c; color: #fff; text-align: center; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; cursor: pointer; width: 100%; }

.add_verify_divid_overaly { position: fixed; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); left: 0; top: 0; }

.breadcrumb a { color: #01002C; }

#sitebody { width: 100%; background-color: #fff; }

.wttheme #headernavigation { border-bottom: 1px solid #01002c; }

.wttheme input::placeholder { color: #999; font-size: 14px; }

.wttheme #headerbuttons { margin: 0; background: #01002c !important; border-top-color: #01002c !important; top: 0; }

@media screen and (min-width: 48em) { .wttheme #headerbuttons { background: #fff !important; border-top-color: #fff !important; } }

.wttheme .bubble-basket { background: #01002c !important; color: #fff !important; box-shadow: 0 0 0 3px #01002c, 0 -2px 0 2px #a29061 !important; }

@media screen and (min-width: 48em) { .wttheme .bubble-basket { background: #fff !important; color: #01002c !important; box-shadow: 0 0 0 3px #fff, 0 -2px 0 2px #a29061 !important; } }

.wttheme .mobtheme { background-color: #01002c; }

@media screen and (min-width: 48em) { .wttheme .mobtheme { background-color: #fff; } }

@media screen and (min-width: 48em) { .wttheme .moblogo { display: none; } }

.wttheme .dslogo { display: none; }

@media screen and (min-width: 48em) { .wttheme .dslogo { display: inline-block; } }

#headerbuttons { margin: 0; background: #01002c; border-top: solid 8px #01002c; top: 0; }

#masthead.bg-white #headerbuttons { background: #fff; border-top-color: #fff; }

#headerbuttons.fixed { opacity: 0.9; filter: alpha(opacity=90); }

#headerbuttons.fixed + #stickyheaderbuttonsgap { height: 56px; }

#headerbuttons.fixed ~ #headerdropdowns { position: fixed; top: 48px; width: 100%; }
#headerbuttons > * { display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; width: 25%; height: 48px; border: solid 1px #a29061; border-width: 1px 0 1px 1px; }
#headerbuttons > *:first-child { border-left-width: 0; }

#headerbuttons > *.selected { border-bottom-width: 0; }

#headerbuttons > *.hidden { display: none; }

#headerbuttons > * img { width: 28px; height: 28px; padding: 9px 0; }

#headermenu { width: 220px; text-transform: capitalize; }

#headermenu, #headersearch, #headerbasket, #headerdietary, #headerfavourite, #headeraccount { display: none; }

#masthead-payment { overflow: hidden; border-bottom: 1px solid #666666; }

.wttheme #masthead-payment { border-bottom: 1px solid #01002c; }

.nq-promo-bar { height: 38px; }

#mastheadgap { height: 0; width: 100%; }

@media screen and (min-width: 48em) { #mastheadgap { height: 90px; } }

@media screen and (min-width: 66em) { #mastheadgap { height: 126px; } }

#mastheadgap.withnqpromo { height: 0; width: 100%; }

@media screen and (min-width: 48em) { #mastheadgap.withnqpromo { height: 128px; } }

@media screen and (min-width: 66em) { #mastheadgap.withnqpromo { height: 164px; } }

/*MOBILE NAVIGATION*/
/*#848539*/
#mobilemenu { position: absolute; left: 0; top: 0; width: 220px; overflow: hidden; background-color: #01002c; min-height: 100vh; font-family: "Cormorant Infant", serif; }

#mobilemenu > div { width: 660px; position: relative; left: 0; }

#mobilemenu > div > * { margin-top: 0; margin-bottom: 0; }

#mobilemenu a { display: block; cursor: pointer; color: #a29061; border-bottom: 1px solid #232245; padding: 8px; font-size: 20px; line-height: 20px; text-transform: uppercase; }

#mobilemenu .lev1 div, #mobilemenu .lev2 div { margin: 0; width: 100%; }

#mobilemenu .lev1 a, #mobilemenu .lev2 a { font-size: 16px; padding: 10px 12px; }

#mobilemenu .lev1 a.menu-back, #mobilemenu .lev2 a.menu-back { color: #fff; }

#logoMobile { max-width: 414px; }

#logoOld { display: none; }

.logoSvg { width: 100%; height: auto; }

@media screen and (min-width: 66em) { .logoSvg { min-width: 310px; width: auto; } }

#minibasketlink .bubble-mini, #minibasketlink .bubble-xmini, #minibasketlink .bubble-xmini-light, #minibasketlink .bubble-mini-light, #minibasketlink input[value=x], #minibasketlink input[value=X], #minibasketlink .popup-close { right: 0!important; top: -10px !important; }

#overlay-mobilemenu { background-color: rgba(255, 255, 255, 0.75); color: #fff; position: absolute; overflow: hidden; }

@media screen and (min-width: 48em) { #masthead { position: fixed; top: 0; /* height:$headerheight*/ }
  #mastheadgap { /*height:$headerheight;*/ width: 100%; }
  #mastheadmenubtn { width: 0; cursor: pointer; }
  #mastheadmenubtn, #logoOther { -webkit-transition-duration: 0.4s; max-height: 140px; min-height: 90px; /*helps deal with webkit rendering bug*/ }
  #searchINPUT { font-size: 16px; height: 34px; line-height: 34px; padding: 3px; margin-top: 9px; font-family: "Open Sans", sans-serif; display: block; -webkit-appearance: none; -moz-appearance: none; appearace: none; -webkit-border-radius: 0px; }
  #searchINPUT::-webkit-input-placeholder { color: #a29061; }
  #searchINPUT::-moz-placeholder { color: #a29061; opacity: 1; }
  #searchINPUT:-ms-input-placeholder { color: #a29061; opacity: 1; }
  #searchINPUT:-moz-placeholder { color: #a29061; }
  #searchINPUT::placeholder { color: #a29061; }
  #headersearch, #headerbasket, #headerdietary, #headerfavourite, #headeraccount { display: none!important; }
  #headermenu { /*display:block!important*/ width: 100%; /* background-color:$color0 */ position: relative; }
  div[id^=menu] { font-family: "Cormorant Infant", serif; display: inline-block; vertical-align: top; transition-duration: 0.4s; -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
  div[id^=menu] > a { display: inline-block; vertical-align: top; text-decoration: none; border: 1px solid transparent; border-bottom: none; }
  div[id^=menu] > a.current { background-color: #f1f1f1; border-color: #ccc; }
  #headermenu div[id^=menu] > a { font-size: 14px; line-height: 30px; color: #a29061; padding: 4px 8px !important; }
  #masthead.bg-white #headermenu div[id^=menu] > a { color: #01002c; border-color: transparent; }
  #stickyheader { /*height:70px;@include faded(0);*/ }
  #headermenusticky div[id^=menu] > a { font-size: 12px; line-height: 18px; color: #a29061; padding: 26px 14px; }
  #stickyheader.bg-white #headermenusticky div[id^=menu] > a { color: #01002c; }
  #headersearchsticky #searchINPUT { font-size: 12px; }
  #minibasketlinksticky { margin: 0; padding-top: 26px; line-height: 18px; font-size: 12px; }
  .megamenu { display: none; position: absolute; right: 0; width: 100%; background-color: #f1f1f1; text-align: left; color: #01002c; border: 0px solid #ccc; border-top: none; }
  .megamenu a { display: block; }
  .megamenu > div > a { font-size: 14px; margin: 8px 0; font-weight: bold; text-transform: uppercase; display: table-cell; vertical-align: middle; height: 50px; }
  #headermenusticky .megamenu { width: 100%; }
  .megamenu div.subcat { font-size: 14px; border-top: 1px solid #ccc; margin: 8px 0; padding: 8px 0 0; }
  .megamenu div.subcat a { padding: 4px 0; font-size: 14px; text-transform: uppercase; }
  /*  (#627706) 26/11/2015 */
  #topHeaderLinks a:last-child:before { content: ''; padding: 0; display: none; }
  #topHeaderLinks a:before { content: '|'; padding: 0 2px; }
  #topHeaderLinks a#minibasketlink:before { content: ''; padding: 0 8px; display: inherit; }
  #topHeaderLinks a:first-child:before { content: ''; padding-left: 0; }
  #topHeaderLinks div.nodecor a:before { content: ''; padding: 0; color: #a29061; }
  #topHeaderLinks a:hover { text-decoration: none!important; }
  #topHeaderLinks a.last:before { content: ''; }
  #topHeaderLinks a.first:before { content: ''; } }

@media screen and (min-width: 62.5em) { #masthead { overflow: visible; }
  #topHeaderLinks a:before { padding: 0 8px; }
  #headermenu { /*width:$pagewidth*/ width: auto; margin: 0 auto; }
  #headersearchsticky #searchINPUT { font-size: 12px; }
  .headersearchbox { padding-top: 5.6px; }
  #headermenu { margin: 0 8px; }
  #headermenu div[id^=menu] > a { font-size: 18px; padding: 4px 8px !important; }
  #stickyheader .megamenu { width: 100%!important; margin-left: 0!important; left: 0!important; } }

@media screen and (min-width: 48em) { #header-searchnorm { width: 240px; }
  @-moz-document url-prefix() { #header-searchnorm { width: 240px; } } }

@media screen and (min-width: 66em) { .megamenu { width: 100%; left: 50%; margin-left: -50%; max-width: 1400px; }
  #header-searchnorm { width: 383px; }
  @-moz-document url-prefix() { #header-searchnorm { width: 384px; } } }

@media screen and (min-width: 87.5em) { .megamenu { width: 1400px; left: 50%; margin-left: -700px; } }

.mobilesearchcont { position: relative; display: flex; align-items: center; justify-content: center; }

.mobilesearchcont label { width: 100%; }

.mobilesearchcont .mobileclearsearch { position: absolute; right: 12px; /*top:6px;*/ cursor: pointer; z-index: 1; padding: 8px; background: #fff; display: flex; }

[data-issticky] .mobesearchicon-themenv { display: none !important; }

@media screen and (min-width: 48em) { [data-issticky] .mobesearchicon-themenv { display: block !important; } }

@media screen and (min-width: 66em) { [data-issticky] .mobesearchicon-themenv { display: none !important; } }

@media screen and (min-width: 48em) { [data-issticky] .msearchplaceholder { display: none !important; } }

@media screen and (min-width: 48em) { [data-issticky] #mainheaderGap { display: none !important; } }

[data-theme="newv"] { /* @media (max-width: 1023px) { .searchcont-themenv.searchsticky{ position: fixed; top: 0; left: 0; width: 100vw; z-index: 999; display:none; &.search-active{display:block; transition: top .4s linear;} .search-themenv{ width: 100%; position: relative;  > form {position: fixed; top: 0; left: 0; width: calc(100% - 16px); display: flex ; z-index: 999; flex-direction: row-reverse; background: #f5f5f5; height: 56px; align-items: center; padding:0 8px; button{border: none; background-color: transparent;} .search-themenv-input{flex:1 auto; #nq-searchINPUT {width:100%; border: none; background-color: transparent;} } } } } } */ }

[data-theme="newv"] #masthead { background-color: #fff; }

[data-theme="newv"] #headerdropdowns { position: fixed; }

@media (max-width: 1022px) { [data-theme="newv"] #headerdropdowns { width: 100%; } }

[data-theme="newv"] .mainheader { position: fixed; top: 0; left: 0; right: 0; background: #fff; transition: transform 0.3s ease; z-index: 999; display: flex; align-items: center; padding: 0 16px; width: calc(100% - 32px); border-bottom: 1px solid #EAEAEA; flex-wrap: wrap; }

@media screen and (min-width: 48em) { [data-theme="newv"] .mainheader { padding: 0 16px; border-bottom: none; position: relative; } }

@media screen and (min-width: 66em) { [data-theme="newv"] .mainheader { transform: none !important; flex-wrap: nowrap; } }

[data-theme="newv"] .mainheader [data-header-search] { min-width: 30%; display: flex; }

@media screen and (min-width: 48em) { [data-theme="newv"] .mainheader [data-header-search] { min-width: 40%; } }

[data-theme="newv"] .mainheader [data-header-search] .mobhamburg-themenv { display: block; margin-right: 16px; }

@media screen and (min-width: 66em) { [data-theme="newv"] .mainheader [data-header-search] .mobhamburg-themenv { display: none; } }

[data-theme="newv"] .mainheader [data-header-search] .mobesearchicon-themenv { display: block; }

@media screen and (min-width: 66em) { [data-theme="newv"] .mainheader [data-header-search] .mobesearchicon-themenv { display: none; } }

[data-theme="newv"] .mainheader [data-header-search] .searchcont-themenv { position: fixed; padding: 0; top: -115px; left: 0; background: #fff; width: 100%; z-index: 3; }

@media screen and (min-width: 66em) { [data-theme="newv"] .mainheader [data-header-search] .searchcont-themenv { display: block; width: 100%; position: relative; padding: 0; background: transparent; top: auto; } }

@media (max-width: 1022px) { [data-theme="newv"] .mainheader [data-header-search] .searchcont-themenv.search-active { transition: top .4s linear; top: 0; }
  [data-theme="newv"] .mainheader [data-header-search] .searchcont-themenv.search-active .search-themenv form { border: none; background: #f5f5f5; flex-direction: row-reverse; } }

@media screen and (max-width: 1022px) and (min-width: 66em) { [data-theme="newv"] .mainheader [data-header-search] .searchcont-themenv.search-active .search-themenv form { flex-direction: row; background: none; } }

@media (max-width: 1022px) { [data-theme="newv"] .mainheader [data-header-search] .searchcont-themenv.search-active .search-themenv form .search-themenv-input input#nq-searchINPUT { width: 100%; background: transparent; padding: 8px 16px; height: 56px; }
  [data-theme="newv"] .mainheader [data-header-search] .searchcont-themenv.search-active .search-themenv form .search-themenv-input input#nq-searchINPUT::placeholder { font-size: 14px; } }

[data-theme="newv"] .mainheader [data-header-search] .searchcont-themenv .search-themenv form { display: flex; align-items: center; border: 1px solid #25232e; border-radius: 0px; }

@media screen and (min-width: 66em) { [data-theme="newv"] .mainheader [data-header-search] .searchcont-themenv .search-themenv form { max-width: 60%; border: 1px solid #25232e; padding: 0 8px; } }

@media screen and (min-width: 87.5em) { [data-theme="newv"] .mainheader [data-header-search] .searchcont-themenv .search-themenv form { margin: 0 16px; } }

[data-theme="newv"] .mainheader [data-header-search] .searchcont-themenv .search-themenv form .search-themenv-input { flex: 1 auto; }

[data-theme="newv"] .mainheader [data-header-search] .searchcont-themenv .search-themenv form .search-themenv-input input { border: none; width: 100%; }

[data-theme="newv"] .mainheader [data-header-search] .searchcont-themenv .search-themenv form .search-themenv-submit { border: none; background: none; }

[data-theme="newv"] .mainheader [data-header-logo] { min-width: 40%; display: flex; align-items: center; justify-content: center; }

@media screen and (min-width: 48em) { [data-theme="newv"] .mainheader [data-header-logo] { min-width: 20%; } }

[data-theme="newv"] .mainheader [data-header-logo] .hoblogo { width: 80px; }

@media screen and (min-width: 48em) { [data-theme="newv"] .mainheader [data-header-logo] .hoblogo { width: auto; } }

[data-theme="newv"] .mainheader [data-header-widgets] { min-width: 30%; }

@media screen and (min-width: 48em) { [data-theme="newv"] .mainheader [data-header-widgets] { min-width: 40%; } }

[data-theme="newv"] .mainheader [data-header-widgets] .widgets-themenv { display: flex; align-items: center; justify-content: flex-end; }

@media screen and (min-width: 48em) { [data-theme="newv"] .mainheader [data-header-widgets] .widgets-themenv { padding-right: 24px; } }

[data-theme="newv"] .mainheader [data-header-widgets] .widgets-themenv > span { margin: 0 8px; }

@media screen and (min-width: 48em) { [data-theme="newv"] .mainheader [data-header-widgets] .widgets-themenv > span { margin: 0 16px; } }

[data-theme="newv"] .mainheader [data-header-widgets] .widgets-themenv .currencylink-themenv { font-size: 12px; text-transform: uppercase; display: none; }

@media screen and (min-width: 66em) { [data-theme="newv"] .mainheader [data-header-widgets] .widgets-themenv .currencylink-themenv { display: flex; flex-direction: column; align-items: center; justify-content: space-between; letter-spacing: 0.07rem; } }

[data-theme="newv"] .mainheader [data-header-widgets] .widgets-themenv .currencylink-themenv .currencylink-themenv-icon { width: 30px; }

[data-theme="newv"] .mainheader [data-header-widgets] .widgets-themenv .currencylink-themenv #ge_flagPrefix { width: 25px; height: 25px; overflow: hidden; display: block; border-radius: 100px; }

[data-theme="newv"] .mainheader [data-header-widgets] .widgets-themenv .currencylink-themenv #ge_flagPrefix img#ge_flag { width: 41px !important; height: 41px !important; display: inline; vertical-align: middle; border-radius: 100px; max-width: none; margin-left: -8px; margin-top: -8px; cursor: pointer; }

[data-theme="newv"] .mainheader [data-header-widgets] .widgets-themenv .accinner-themenv { display: flex; flex-direction: column; font-size: 12px; align-items: center; justify-content: space-between; text-transform: uppercase; letter-spacing: 0.07rem; }

@media screen and (min-width: 66em) { [data-theme="newv"] .mainheader [data-header-widgets] .widgets-themenv .accinner-themenv .accountlink-themenv { display: block; } }

[data-theme="newv"] .mainheader [data-header-widgets] .widgets-themenv .accinner-themenv .accountlink-themenv_label { display: none; }

@media screen and (min-width: 66em) { [data-theme="newv"] .mainheader [data-header-widgets] .widgets-themenv .accinner-themenv .accountlink-themenv_label { display: block; } }

[data-theme="newv"] .mainheader [data-header-widgets] .widgets-themenv .header-widget-wishlist { display: none; }

@media screen and (min-width: 66em) { [data-theme="newv"] .mainheader [data-header-widgets] .widgets-themenv .header-widget-wishlist { display: block; } }

[data-theme="newv"] .mainheader [data-header-widgets] .widgets-themenv .header-widget-wishlist .wishlistlink-themenv { display: flex; flex-direction: column; font-size: 12px; align-items: center; justify-content: space-between; text-transform: uppercase; letter-spacing: 0.07rem; }

[data-theme="newv"] .mainheader [data-header-widgets] .widgets-themenv .header-widget-basket .baglink-themenv { display: flex; flex-direction: column; font-size: 12px; align-items: center; justify-content: space-between; text-transform: uppercase; letter-spacing: 0.07rem; }

[data-theme="newv"] .mainheader [data-header-widgets] .widgets-themenv .header-widget-basket .baglink-themenv .bagicon-themenv { position: relative; }

[data-theme="newv"] .mainheader [data-header-widgets] .widgets-themenv .header-widget-basket .baglink-themenv .bagicon-themenv #cdnBasket { position: absolute; top: -4px; right: -10px; padding: 6px; color: #fff; background: #01002C; border-radius: 32px; line-height: 0; text-align: center; overflow: hidden; width: 6px; height: 6px; display: flex; align-items: center; justify-content: center; letter-spacing: normal; }

[data-theme="newv"] .mainheader [data-header-widgets] .widgets-themenv .header-widget-basket .baglink-themenv .bagicon-themenv + span { display: none; }

@media screen and (min-width: 66em) { [data-theme="newv"] .mainheader [data-header-widgets] .widgets-themenv .header-widget-basket .baglink-themenv .bagicon-themenv + span { display: block; } }

@media screen and (min-width: 66em) { [data-theme="newv"] .mainheader [data-header-msearchplaceholder] { display: none; } }

[data-theme="newv"] .mainheader [data-header-msearchplaceholder].msearchplaceholder { display: flex; width: calc(100% + 32px); flex: 0 0 auto; align-self: auto; background-color: #f5f5f5 !important; margin: 0 -16px; }

[data-theme="newv"] .mainheader [data-header-msearchplaceholder].msearchplaceholder .msrcinput { flex: 1 auto; }

[data-theme="newv"] .mainheader [data-header-msearchplaceholder].msearchplaceholder .msrcinput input { background: transparent; border: none; padding: 0 16px; width: 100%; }

[data-theme="newv"] .mainheader [data-header-msearchplaceholder].msearchplaceholder .msrcbtn { display: flex; }

[data-theme="newv"] .mainheader [data-header-msearchplaceholder].msearchplaceholder .msrcbtn button { background: transparent; border: none; padding: 0 8px; }

[data-theme="newv"] .mainheader.stick { transform: translateY(-100%); }

@media (max-width: 1023px) { [data-theme="newv"] .nqsearchon { position: fixed; }
  [data-theme="newv"] .searchcont-themenv.searchsticky { display: none; }
  [data-theme="newv"] .searchcont-themenv.searchsticky.search-active { display: block; transition: top 0.4s linear !important; position: fixed; top: -32px !important; left: 0; width: 100vw; z-index: 999; position: fixed; }
  [data-theme="newv"] .searchcont-themenv.searchsticky .search-themenv { width: 100%; position: relative; }
  [data-theme="newv"] .searchcont-themenv.searchsticky .search-themenv > form { position: absolute; top: 0; left: 0; width: calc(100% - 16px); display: flex; z-index: 999; flex-direction: row-reverse; background: #f5f5f5; height: 56px; align-items: center; padding: 0 8px; }
  [data-theme="newv"] .searchcont-themenv.searchsticky .search-themenv > form button { border: none; background-color: transparent; }
  [data-theme="newv"] .searchcont-themenv.searchsticky .search-themenv > form .search-themenv-input { flex: 1 auto; }
  [data-theme="newv"] .searchcont-themenv.searchsticky .search-themenv > form .search-themenv-input #nq-searchINPUT { width: 100%; border: none; background-color: transparent; } }

[data-theme="newv"] #mainheaderGap { display: none; /* default hidden */ }

[data-theme="newv"] #nq-predictive-search { z-index: 3; width: 100%; right: 0; top: 56px; max-height: calc(100vh - 48px); overflow-y: auto; }

@media screen and (min-width: 66em) { [data-theme="newv"] #nq-predictive-search { top: 143px; max-height: calc(90vh - 197px); overflow: hidden; } }

[data-theme="newv"] #nq-predictive-search .predictivesearchcontainer { background: #fff; }

[data-theme="newv"] #nq-predictive-search .predictivesearchcontainer .predictiveProducts { max-width: 1400px; max-width: 0 auto; }

@media screen and (min-width: 66em) { [data-theme="newv"] #dropdown-basket, [data-theme="newv"] #dropdown-account { top: 115px; } }

#footer { font-size: 14px; }

#footer h4 { font-family: "Cormorant Infant", serif; font-size: 18px; text-transform: uppercase; font-weight: normal; }

#footer h4 + div:not(.soc) > a { display: block; font-size: 14px; }

@media screen and (min-width: 66em) { #footer h4 { font-size: 18px; } }

#footer .soc { display: flex; }

#nuqlium-container { min-height: 70vh; }

@media screen and (min-width: 48em) { #nuqlium-container { min-height: 90vh; } }

.badges.exclusive { background: #01002c; color: #fff; font-family: "Cormorant Infant", serif; display: block; margin: 0 5px; width: calc(100% - 10px); clear: both; top: -4px; position: relative; letter-spacing: 1px; text-transform: uppercase; font-size: 11px; padding: 2px 0; line-height: 13px; }

@media screen and (min-width: 48em) { .badges.exclusive { top: -7px; /*letter-spacing:1px; line-height:13px; padding:$unit/8 0;*/ margin: 0 12px; width: calc(100% - 24px); } }

@media screen and (min-width: 1025px) { .badges.exclusive { /*top:4px;*/ letter-spacing: 2px; line-height: 21px; padding: 2px 0 0 0; margin: 0 12px; width: calc(100% - 24px); } }

@media screen and (min-width: 1200px) { .badges.exclusive { top: -7px; } }

@media screen and (max-width: 320px) { .badges.exclusive { font-size: 9px; letter-spacing: 1px; line-height: 14px; } }

.badges.TopRight { position: absolute; width: 100%; top: 0; right: 16px; text-align: right; padding: 2px 0; }

.nuqlium .listing { padding: 0 0 16px 0; /*[data-cols-xs="2"], [data-cols-sm="2"] .double-product{width:100%}
[data-cols-sm="3"],[data-cols-md="3"], [data-cols-lg="3"] .double-product{width:66.66%}*/ }
@media screen and (min-width: 48em) { .nuqlium .listing { padding: 8px 0 8px 0; } }

.nuqlium .listing > div.nqitemcontainers { position: relative; padding-top: 144%; height: 200px; display: block; }

@media screen and (min-width: 414px) { .nuqlium .listing > div.nqitemcontainers { padding-top: 145%; } }

@media screen and (min-width: 48em) { .nuqlium .listing > div.nqitemcontainers { padding-top: 140.5%; height: 190px; display: block; } }

@media screen and (min-width: 1025px) { .nuqlium .listing > div.nqitemcontainers { padding-top: 140%; height: 180px; display: block; } }

@media screen and (max-width: 320px) { .nuqlium .listing > div.nqitemcontainers { position: relative; padding-top: 142%; } }

.nuqlium .listing > div.nqitemcontainers a { margin: 0; }

.nuqlium .listing > div.nqitemcontainers .equalized1 { min-height: 30px; }

@media screen and (min-width: 414px) { .nuqlium .listing > div.nqitemcontainers .equalized1 { min-height: 17px; } }

@media screen and (min-width: 48em) { .nuqlium .listing > div.nqitemcontainers .equalized1 { min-height: 1px; } }

.nuqlium .listing > div.nqitemcontainers .listing-name { max-height: 60px; overflow: hidden; }

@media screen and (min-width: 48em) { .nuqlium .listing > div.nqitemcontainers .listing-name { max-height: unset; overflow: hidden; } }

.nuqlium .listing > div.nqitemcontainers [data-nq-product-name] { font-size: 13px; }

@media screen and (min-width: 48em) { .nuqlium .listing > div.nqitemcontainers [data-nq-product-name] { font-size: 14px; } }

.nuqlium .listing > div.nqitemcontainers .listing-swatches img { width: 20px; height: 20px; }

@media only screen and (min-width: 321px) { .nuqlium .listing > div.nqitemcontainers .listing-swatches img { width: 24px; height: 24px; } }

@media screen and (min-width: 48em) { .nuqlium .listing > div.nqitemcontainers .listing-swatches img { width: 24px; height: 24px; } }

.nuqlium .listing > div.nqitemcontainers .listing-details .listing-swatches { margin-top: 0!important; }

@media screen and (min-width: 48em) { .nuqlium .listing > div.nqitemcontainers .listing-details .listing-swatches { margin-top: 8px!important; } }

.nuqlium .listing > div.nqitemcontainers > div.nqitemcontainer-inner img.listing-image { position: absolute; top: 0; left: 0; width: calc(100% - 16px); padding: 0 8px; }

@media screen and (min-width: 1025px) { .nuqlium .listing > div.nqitemcontainers > div.nqitemcontainer-inner img.listing-image { width: calc(100% - 32px); padding: 0 16px; } }

.nuqlium .listing > div.nqitemcontainers.food, .nuqlium .listing > div.nqitemcontainers.square { padding-top: 88%; height: 130px; }

.nuqlium .listing > div.nqitemcontainers.food > div.nqitemcontainer-inner .image-sqsupport, .nuqlium .listing > div.nqitemcontainers.square > div.nqitemcontainer-inner .image-sqsupport { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 130px ); overflow: hidden; }

.nuqlium .listing > div.nqitemcontainers.food > div.nqitemcontainer-inner .image-sqsupport img, .nuqlium .listing > div.nqitemcontainers.square > div.nqitemcontainer-inner .image-sqsupport img { left: 8px!important; }

@media screen and (min-width: 66em) { .nuqlium .listing > div.nqitemcontainers.food > div.nqitemcontainer-inner .image-sqsupport img, .nuqlium .listing > div.nqitemcontainers.square > div.nqitemcontainer-inner .image-sqsupport img { left: 16px!important; } }

.nuqlium .listing > div.nqitemcontainers.food > div.nqitemcontainer-inner img.listing-image, .nuqlium .listing > div.nqitemcontainers.square > div.nqitemcontainer-inner img.listing-image { padding: 0; left: 16px; }

.nuqlium .listing .listing-quickview { bottom: 200px; }

.nuqlium .listing img.singleswatch { border: none!important; }

[nq-product-area][data-cols-md="4"] .double-product { width: 50%!important; }

[nq-product-area][data-cols-md="4"] .double-product .listing-image, [nq-product-area][data-cols-md="4"] .double-product [data-listingimg] { width: calc(100% - 24px); }

[nq-product-area][data-cols-md="3"] .double-product { width: 66%!important; }

[nq-product-area][data-cols-md="3"] .double-product .listing-image, [nq-product-area][data-cols-md="3"] .double-product [data-listingimg] { width: calc(100% - 24px); }

[nq-product-area][data-columns="2"] .double-product { width: 100%!important; }

[nq-product-area][data-columns="2"] .double-product .listing-image, [nq-product-area][data-columns="2"] .double-product [data-listingimg] { width: calc(100% - 24px); }

.nqoverlay-basket { display: none; position: fixed; left: 0; height: 100vh; top: 0; width: 100vw; background: rgba(1, 0, 44, 0.6); z-index: 4; }

.listing .nqitemcontainer-inner { position: relative; }

.listing .nqitemcontainer-inner [data-plpslider] { position: relative; }

.listing .nqitemcontainer-inner [data-plpslider].slick-slider .plpsliderarrow { position: absolute; top: calc(50% - 5px); background: rgba(255, 255, 255, 0.5); width: 32px; height: 32px; border-radius: 40px; z-index: 1; /*display:none;*/ cursor: pointer; display: none!important; }

.listing .nqitemcontainer-inner [data-plpslider].slick-slider .plpsliderarrow.prev { left: 16px; }

.listing .nqitemcontainer-inner [data-plpslider].slick-slider .plpsliderarrow.prev:after { content: ""; position: absolute; width: 8px; height: 8px; top: 11px; right: 10px; border-top: 2px solid #01002c; border-right: 2px solid #01002c; transform: rotate(-135deg); }

.listing .nqitemcontainer-inner [data-plpslider].slick-slider .plpsliderarrow.next { right: 16px; }

.listing .nqitemcontainer-inner [data-plpslider].slick-slider .plpsliderarrow.next:after { content: ""; position: absolute; width: 8px; height: 8px; top: 11px; left: 10px; border-top: 2px solid #01002c; border-right: 2px solid #01002c; transform: rotate(45deg); }

.listing .nqitemcontainer-inner [data-plpslider] .slick-slide { height: auto; }

.listing .nqitemcontainer-inner [data-plpslider] .slick-slide .listing-image, .listing .nqitemcontainer-inner [data-plpslider] .slick-slide [data-listingimg] { width: calc(100% - 24px) !important; }

.listing .nqitemcontainer-inner [data-plpslider] .slick-slide img { animation: none!important; }

.listing .nqitemcontainer-inner [data-plpslider]:hover .plpsliderarrow { display: block!important; }

.listing .nqitemcontainer-inner [data-plpslider].doublepdt { display: flex; }

.listing .nqitemcontainer-inner .plpvariant { position: relative; }

@media screen and (min-width: 66em) { .listing .nqitemcontainer-inner .plpvariant { height: 0; overflow: hidden; width: calc(100% - 32px); bottom: 0; display: none; position: absolute; } }

.listing .nqitemcontainer-inner .plpvariant [data-listing="sizevariants"] { display: none; }

@media screen and (min-width: 66em) { .listing .nqitemcontainer-inner .plpvariant [data-listing="sizevariants"] { display: block; } }

.listing .nqitemcontainer-inner .plpvariant [data-listing="sizevariants"].current { display: block; position: fixed; width: calc(100vw - 128px); left: 48px; top: 40vh; padding: 16px; background: #fff; z-index: 5; }

@media screen and (min-width: 48em) { .listing .nqitemcontainer-inner .plpvariant [data-listing="sizevariants"].current { left: calc(50vw - 128px); width: calc(50vw - 128px); } }

.listing .nqitemcontainer-inner .plpvariant [data-listing="sizevariants"].current .sizelist { display: flex; flex-wrap: wrap; padding: 0 4px; }

.listing .nqitemcontainer-inner .plpvariant [data-listing="sizevariants"].current .sizelist > span { padding: 2px 4px; cursor: pointer; position: relative; margin: 4px; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border: 1px solid #01002c; }

.listing .nqitemcontainer-inner .plpvariant [data-listing="sizevariants"].current .sizelist > span.selected:not(.oneoption) { background-color: #01002c; color: #fff; }

.listing .nqitemcontainer-inner .plpvariant [data-listing="sizevariants"].current .sizelist > span .outstock { color: #666; text-decoration: line-through; }

.listing .nqitemcontainer-inner .plpvariant [data-listing="sizevariants"].current .sizelist > span .outstock + span[data-outstock] { display: none; position: absolute; bottom: 32px; white-space: nowrap; background: #fff; left: calc(-50% - 16px); padding: 4px; font-size: 12px; font-weight: 600; }

.listing .nqitemcontainer-inner .plpvariant [data-listing="sizevariants"].current .sizelist > span .outstock + span[data-outstock]:after { content: ""; position: absolute; width: 8px; height: 8px; bottom: -4px; left: calc(50% - 4px); background: #fff; transform: rotate(45deg); }

.listing .nqitemcontainer-inner .plpvariant .ds-button { display: none; }

.listing .nqitemcontainer-inner .plpvariant .mb-button { display: inline-block; background: #a29061; padding: 8px; border-radius: 24px; position: absolute; right: 16px; bottom: 42px; }

.listing .nqitemcontainer-inner .plpvariant .mob-size-popup-heading { position: relative; display: block; }

.listing .nqitemcontainer-inner .plpvariant .mob-size-popup-heading .mob-size-close { display: inline-block; padding: 2px 8px; color: #fff; font-size: 16px; font-weight: 600; border-radius: 24px; background: #01002c; border: 1px solid #fff; position: absolute; right: -32px; top: -32px; cursor: pointer; }

@media screen and (min-width: 66em) { .listing .nqitemcontainer-inner .plpvariant .ds-button { display: inline-block; }
  .listing .nqitemcontainer-inner .plpvariant .mb-button { display: none; }
  .listing .nqitemcontainer-inner .plpvariant .mob-size-popup-heading { display: none; }
  .listing .nqitemcontainer-inner .plpvariant .mob-size-popup-heading .mob-size-close { display: none; } }

@media screen and (min-width: 66em) { .listing:hover .plpvariant { width: calc(100% - 30px); padding: 4px 0 0 0; position: absolute; bottom: 0; margin: 0 15px; display: block; height: auto; overflow: visible; background: rgba(255, 255, 255, 0.7); text-align: left; }
  .listing:hover .plpvariant.doublepdt { margin: 0 19px; width: calc(100% - 38px); }
  .listing:hover .plpvariant [data-listing="sizevariants"] .sizelist { display: flex; flex-wrap: wrap; padding: 0 8px; }
  .listing:hover .plpvariant [data-listing="sizevariants"] .sizelist.oneoption { display: none; }
  .listing:hover .plpvariant [data-listing="sizevariants"] .sizelist > span { padding: 2px 4px; cursor: pointer; position: relative; margin: 0; }
  .listing:hover .plpvariant [data-listing="sizevariants"] .sizelist > span.oneoption { padding: 0; margin: 0; }
  .listing:hover .plpvariant [data-listing="sizevariants"] .sizelist > span.selected:not(.oneoption) { background-color: #01002c; color: #fff; }
  .listing:hover .plpvariant [data-listing="sizevariants"] .sizelist > span .outstock { color: #666; text-decoration: line-through; }
  .listing:hover .plpvariant [data-listing="sizevariants"] .sizelist > span .outstock + span[data-outstock] { display: none; position: absolute; bottom: 32px; white-space: nowrap; background: #fff; left: calc(-50% - 16px); padding: 4px; font-size: 12px; font-weight: 600; }
  .listing:hover .plpvariant [data-listing="sizevariants"] .sizelist > span .outstock + span[data-outstock]:after { content: ""; position: absolute; width: 8px; height: 8px; bottom: -4px; left: calc(50% - 4px); background: #fff; transform: rotate(45deg); }
  .listing:hover .plpvariant [data-listing="sizevariants"] .sizelist > span .outstock:hover + span[data-outstock] { display: block; }
  .listing:hover .plpvariant [data-addbag-error] { color: #01002c; font-size: 12px; font-weight: 600; margin: 0 16px; }
  .listing:hover .plpvariant [data-size-add-to-bag] { display: block; padding: 8px; background: #01002c; border: 4px solid #232245; color: #a29061; font-family: "Open Sans", sans-serif; font-weight: 600; text-transform: uppercase; text-decoration: none; margin-top: 4px; }
  .listing:hover .plpvariant.singlevar { padding-top: 0; }
  .listing:hover .plpvariant.singlevar [data-listing="sizevariants"] { display: none; }
  .listing:hover .plpvariant.singlevar [data-size-add-to-bag] { margin-top: 0; } }

.listing-details { margin-top: 0; }

.listing-details.withbadge { margin-top: 0px; }

@media screen and (min-width: 48em) { .listing-details.withbadge { margin-top: 0; } }

.mobilemenuon .listingnavstickynavcontainer.fixed { position: relative!important; }

.listingnavigation { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; padding: 8px 8px 0 8px; /*border-top:1px solid $color5;  border-bottom:1px solid $color5;*/ }

@media screen and (min-width: 48em) { .listingnavigation { padding: 8px 0; } }

.listingnavigation > div { width: 100%; }

@media screen and (min-width: 48em) { .listingnavigation > div { width: 33.33%; } }

.listingnavigation > div.listingnavstickynavcontainer { display: flex; }

.listingnavigation > div.listingnavstickynavcontainer.fixed { top: 56px; width: calc(100% - 16px); background: #fff; padding: 8px; margin: 0; z-index: 2; left: 0; }

.listingnavigation > div.listingnavstickynavcontainer > div { width: 50%; }

.listingnavigation > div.listingnavstickynavcontainer > div.listingsort { display: flex; align-items: center; }

.listingnavigation > div.listingnavstickynavcontainer > div.listingsort > label { display: none; }

@media screen and (min-width: 48em) { .listingnavigation > div.listingnavstickynavcontainer > div.listingsort > label { display: block; } }

@media screen and (min-width: 48em) { .listingnavigation > div.listingnavstickynavcontainer > div.listingsort { width: 100%; } }

.listingnavigation > div.listingnavstickynavcontainer > div.listingsort .catnav_sort_cont { margin: 0 4px; width: calc(100% - 8px); }

@media screen and (min-width: 48em) { .listingnavigation > div.listingnavstickynavcontainer > div.listingsort .catnav_sort_cont { margin: 0; } }

.listingnavigation > div.listingnavstickynavcontainer > div.listingsort .catnav_sort_cont select { padding-left: 8px; }

@media screen and (min-width: 48em) { .listingnavigation > div.listingnavstickynavcontainer > div.listingsort .catnav_sort_cont select { max-width: 80%; } }

.listingnavigation > div.listingnavstickynavcontainer > div.listingfilter_mobile { display: inline-block; position: relative; margin: 0 4px; width: calc(50% - 8px); background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='3' fill='%2301002c'><polygon points='0,0 1,0 3,2 5,0 6,0 3,3 0,0' /></svg>") #eee no-repeat; background-size: 12px; background-position: calc(100% - 16px) center; }

.listingnavigation > div.listingnavstickynavcontainer > div.listingfilter_mobile input.filter_mobile_button { width: 100%; background: transparent; border: 1px solid #ccc; color: #01002c; text-transform: capitalize; letter-spacing: normal; font-size: 16px; text-align: left; }

@media screen and (min-width: 48em) { .listingnavigation > div.listingnavstickynavcontainer > div.listingfilter_mobile { display: none; } }

.listingnavigation > div.listingpages { order: 3; width: 100%; text-align: center; display: flex; flex-direction: column; align-items: center; }

@media screen and (min-width: 48em) { .listingnavigation > div.listingpages { text-align: right; width: 66.66%; flex-direction: row; justify-content: flex-end; } }

.listingnavigation > div.listingpages > div { width: calc(100% - 16px); padding: 8px 8px 0 8px; text-align: center; }

@media screen and (min-width: 48em) { .listingnavigation > div.listingpages > div { width: calc(25% - 16px); text-align: right; padding: 0; } }

.listingnavigation > div.listingpages > div.pagination { width: calc(100% - 16px); display: none; justify-content: flex-end; align-items: center; flex-direction: column; font-size: 14px; }

@media screen and (min-width: 48em) { .listingnavigation > div.listingpages > div.pagination { display: flex; width: calc(75% - 16px); flex-direction: row; font-size: 16px; }
  .listingnavigation > div.listingpages > div.pagination > div { padding: 0; } }

.bskttotal { display: none; }

@media screen and (min-width: 66em) { .bskttotal { display: inline; } }

.categoryhead-simple { display: flex; align-items: center; justify-content: center; }

.irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 50px; color: #333; }

.irs-line { position: relative; display: block; overflow: hidden; outline: none !important; top: 8px; height: 1px; }

.irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; height: 8px; }

.irs-line-left { left: 0; width: 11%; }

.irs-line-mid { left: 9%; width: 82%; }

.irs-line-right { right: 0; width: 11%; }

.irs-bar { position: absolute; display: block; left: 0; width: 0; background: #333; height: 1px; top: 8px; }

.irs-bar-edge { position: absolute; display: block; left: 0; top: 33px; width: 14px; height: 10px; border: 1px solid #01002c; border-right: 0; background: #01002c; -webkit-border-radius: 16px 0 0 16px; -moz-border-radius: 16px 0 0 16px; -ms-border-radius: 16px 0 0 16px; -o-border-radius: 16px 0 0 16px; border-radius: 16px 0 0 16px; }

.irs-shadow { position: absolute; display: none; left: 0; top: 43px; width: 0; height: 1px; background: #333; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

.irs-slider { position: absolute; display: block; cursor: default; top: 0; cursor: pointer; width: 15px; height: 15px; border: 1px solid transparent; background: #01002c; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }

.irs-slider.type_last { z-index: 2; }

.irs-slider.state_hover, .irs-slider:hover { background: #01002c; }

.irs-min, .irs-max { position: absolute; display: none; cursor: default; font-size: 12px; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.irs-min { left: 0; }

.irs-max { right: 0; }

.lt-ie9 .irs-min, .lt-ie9 .irs-max { background: #01002c; }

.irs-from, .irs-to, .irs-single { position: absolute; display: block; bottom: 0; left: 0; cursor: default; white-space: nowrap; font-size: 14px; padding: 32px 5px; }

.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single { background: #01002c; }

.irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; }

.irs-with-grid { height: 70px; }

.irs-with-grid .irs-grid { display: block; }

.irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; background: #01002c; }

.irs-grid-pol.small { height: 4px; background: #01002c; }

.irs-grid-text { position: absolute; left: 0; bottom: 5px; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #01002c; }

.irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background-color: transparent; z-index: 2; }

.irs-disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; }

.irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; }

.grid-item { width: 100%; }

.filtersonscreen #header { z-index: 1!important; }

@media only screen and (max-width: 767px) { .nqfapplied #sitebody > #main { z-index: 0!important; } }

@media only screen and (max-width: 767px) { .mbstickfilter #sitebody > #footer, .mbstickfilter #fsubscription { z-index: 0!important; }
  .mbstickfilter.nqfapplied #sitebody > #main { z-index: 0!important; } }

.sz-content .sz-table .sz-tr, .sz-content .sz-bodytable .sz-tr { display: flex; flex-direction: row; border-bottom: 1px solid #cccccc; max-width: max-content; background-color: #fafafa; width: max-content; }

@media screen and (min-width: 48em) { .sz-content .sz-table .sz-tr, .sz-content .sz-bodytable .sz-tr { max-width: 100%; } }

.sz-content .sz-table .sz-tr.head, .sz-content .sz-bodytable .sz-tr.head { width: 100%; max-width: 100%; }

.sz-content .sz-table .sz-tr.head .sz-head, .sz-content .sz-bodytable .sz-tr.head .sz-head { width: 100%; padding: 8px; font-weight: bold; }

.sz-content .sz-table .sz-tr .sz-th, .sz-content .sz-bodytable .sz-tr .sz-th { padding: 4px; font-weight: 600; }

@media screen and (min-width: 48em) { .sz-content .sz-table .sz-tr .sz-th, .sz-content .sz-bodytable .sz-tr .sz-th { padding: 8px; } }

.sz-content .sz-table .sz-tr .sz-th:first-child, .sz-content .sz-bodytable .sz-tr .sz-th:first-child { width: 120px; font-size: 12px; }

@media screen and (min-width: 48em) { .sz-content .sz-table .sz-tr .sz-th:first-child, .sz-content .sz-bodytable .sz-tr .sz-th:first-child { width: 150px; font-size: 14px; padding-right: 16px; font-weight: 600; background-color: #ffffff; } }

.sz-content .sz-table .sz-tr .sz-th:not(:first-child), .sz-content .sz-bodytable .sz-tr .sz-th:not(:first-child) { text-align: center; width: 42px; flex: 1; }

.sz-content .sz-table .sz-tr .sz-th:not(:first-child):nth-child(2n), .sz-content .sz-bodytable .sz-tr .sz-th:not(:first-child):nth-child(2n) { background: #fafafa; }

.sz-content .sz-table .sz-tr-row, .sz-content .sz-bodytable .sz-tr-row { display: flex; flex-direction: row; border-bottom: 1px solid #eeeeee; width: max-content; }

@media screen and (min-width: 48em) { .sz-content .sz-table .sz-tr-row, .sz-content .sz-bodytable .sz-tr-row { max-width: 100%; } }

.sz-content .sz-table .sz-tr-row .sz-td, .sz-content .sz-bodytable .sz-tr-row .sz-td { padding: 4px; }

@media screen and (min-width: 48em) { .sz-content .sz-table .sz-tr-row .sz-td, .sz-content .sz-bodytable .sz-tr-row .sz-td { padding: 8px; } }

.sz-content .sz-table .sz-tr-row .sz-td:first-child, .sz-content .sz-bodytable .sz-tr-row .sz-td:first-child { width: 120px; font-size: 12px; }

@media screen and (min-width: 48em) { .sz-content .sz-table .sz-tr-row .sz-td:first-child, .sz-content .sz-bodytable .sz-tr-row .sz-td:first-child { width: 150px; font-size: 14px; padding-right: 16px; font-weight: 600; background-color: #ffffff; } }

.sz-content .sz-table .sz-tr-row .sz-td:not(:first-child), .sz-content .sz-bodytable .sz-tr-row .sz-td:not(:first-child) { text-align: center; width: 42px; flex: 1; }

.sz-content .sz-table .sz-tr-row .sz-td:not(:first-child):nth-child(2n), .sz-content .sz-bodytable .sz-tr-row .sz-td:not(:first-child):nth-child(2n) { background: #fafafa; }

.sz-content .sz-bodytable { max-width: 100%; overflow-x: auto; }

.sz-content .sz-bodytable .sz-tr { border-bottom: 1px solid #cccccc; }

@media screen and (min-width: 48em) { .sz-content .sz-bodytable .sz-tr { width: 100%; } }

.sz-content .sz-bodytable .sz-tr .sz-tr { padding: 8px; }

.sz-content .sz-bodytable.sizemain .sz-tr-row { width: max-content; }

@media screen and (min-width: 48em) { .sz-content .sz-bodytable.sizemain .sz-tr-row { max-width: 100%; width: 100%; } }

.sz-content .sz-bodytable.sizemain .sz-tr-row .sz-td:first-child { word-break: break-word; font-weight: 600; background-color: #ffffff; }

@media screen and (min-width: 48em) { .sz-content .sz-bodytable.sizemain .sz-tr-row .sz-td:first-child { width: 150px; } }

.sz-content .sz-bodytable.sizeconvert .sz-tr-row { width: max-content; }

@media screen and (min-width: 48em) { .sz-content .sz-bodytable.sizeconvert .sz-tr-row { max-width: max-content; } }

.sz-content .sz-bodytable.sizeconvert .sz-tr-row .sz-td:first-child { word-break: break-word; font-weight: 600; background-color: #ffffff; width: 50px; }

@media screen and (min-width: 48em) { .sz-content .sz-bodytable.sizeconvert .sz-tr-row .sz-td:first-child { width: 50px; } }

.slide { height: 100%; display: none; }

.slide:first-child { display: block; position: relative; }

@media screen and (min-width: 48em) { .homeslideshow { min-height: 400px; overflow: hidden; } }

@media screen and (min-width: 48em) { .homeslideshow .slick-list { overflow: hidden; height: auto!important; } }

.slide-text { position: absolute; bottom: 0; width: 96%; min-height: 50px; padding: 8px 2%; margin: 0 auto; text-align: center; background-color: #fff; -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70); box-shadow: #ccc 0px 0px 0px 0px; }

.slide-text > *:first-child { margin: 0; }

.slide-text > *:first-child + * { display: none; }

.slide-text.slide-text-blog { position: absolute; top: 32px; bottom: 8px; padding: 8px; }

.btn-slide { display: none; }

@media screen and (min-width: 48em) { .slide-text { background: none; -moz-opacity: 100%; opacity: 100%; filter: alpha(opacity=100%); }
  .slide-text > *:first-child { margin: 8px 0; }
  .slide-text > *:first-child + * { display: block; }
  .btn-slide { display: block; margin: 0 auto; } }

@media screen and (min-width: 62.5em) { .btn-slide { margin: 0; }
  .slide .slide-text { position: absolute; top: 42%; bottom: 15%; height: auto; overflow: hidden; left: 62px; width: 50%; margin: 0 9%; text-align: left; -webkit-box-shadow: #cccccc 0px 0px 0px 0px; -moz-box-shadow: #cccccc 0px 0px 0px 0px; box-shadow: #cccccc 0px 0px 0px 0px; }
  .slide .slide-text > *:first-child { margin: 0; }
  .slide .slide-text > *:first-child + * { display: block; } }

.star-rating-control { display: inline-block; vertical-align: top; background: url(../images/core/stars-empty.gif) no-repeat center center; font-size: 13px; height: 2em; }

.star-rating-control .star-rating { display: inline-block; vertical-align: top; width: 20px; height: 2em; overflow: hidden; cursor: pointer; text-indent: -99em; }

.star-rating-control .star-rating a { display: block; width: 20px; height: 100%; }

.star-rating-control .star-rating-on a, .star-rating-control .star-rating-hover a { background: url(../images/core/star.png) no-repeat center center; }

div.pcaAutoComplete div.inputArea { font-size: 13px !important; height: 28px !important; width: auto!important; background: none!important; }

div.pcaAutoComplete div.inputArea div.suggestion { color: #999 !important; font-size: 13px !important; }

div.pcaAutoComplete div.pnlAutoComplete, div.pcaAutoComplete div.pnlResults, div.pcaAutoComplete div.pcaAutoCompleteSmall div.pnlAutoCompleteSmall, div.pcaAutoComplete div.pcaAutoCompleteSmall div.pnlResultsSmall { top: 25px!important; width: 99%!important; }

div.pcaAutoComplete div.recentFavourites, div.pcaAutoComplete div.pcaAutoCompleteSmall div.recentFavouritesSmall { top: 24px!important; width: 99%!important; }

div.pcaAutoComplete div.pnlAutoComplete, div.pcaAutoComplete div.pcaAutoCompleteSmall div.pnlAutoCompleteSmall, div.pcaAutoComplete div.pnlResults, div.pcaAutoComplete div.pcaAutoCompleteSmall div.pnlResultsSmall .selectedItem { background-color: #eee !important; }

#recaptcha_image img { width: auto; height: auto; }

#recaptcha_image a#recaptcha_audio_play_again { cursor: pointer; }

#map-canvas img { max-width: none; }
#map-canvas [class*="_ibani"] { font-size: 14px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; margin-right: 0!important; }
#map-canvas img[src*="iw_close.gif"] { right: -13px !important; top: 14px!important; width: 0!important; height: 0!important; padding: 14px; background: url(../images/core/popup-close.png) no-repeat center center transparent; }

a.addthis_button_facebook_like, a.addthis_button_tweet, a.addthis_button_pinterest_pinit { float: none!important; }

a.addthis_button_facebook_like .fb_iframe_widget span, a.addthis_button_facebook_like iframe, a.addthis_button_tweet .fb_iframe_widget span, a.addthis_button_tweet iframe, a.addthis_button_pinterest_pinit .fb_iframe_widget span, a.addthis_button_pinterest_pinit iframe { vertical-align: top; }

/*#760141*/
.at-share-tbx-element .at-share-btn { transition: none!important; }

.at-share-tbx-element .at-icon-wrapper { transition: none!important; }

.at-share-tbx-element .at-icon-wrapper:hover, .at-share-tbx-element .at-icon-wrapper:focus { transform: translateY(0px) !important; outline-offset: 0px !important; transition: none!important; }

/*#760141*/
/* (#487628) */
.brandWrap { width: 100%; }

.brandWrap .brand { border: 5px solid #eee; margin-bottom: 8px; padding: 8px; }

body > iframe { float: left; height: 0; }

/*Ion.RangeSlider, 2.3.1*/
.irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 12px; font-family: Arial, sans-serif; }

.irs-line { position: relative; display: block; overflow: hidden; outline: none !important; }

.irs-bar { position: absolute; display: block; left: 0; width: 0; }

.irs-shadow { position: absolute; display: none; left: 0; width: 0; }

.irs-handle { position: absolute; display: block; box-sizing: border-box; cursor: default; z-index: 1; }

.irs-handle.type_last { z-index: 2; }

.irs-min, .irs-max { position: absolute; display: block; cursor: default; }

.irs-min { left: 0; }

.irs-max { right: 0; }

.irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; }

.irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; }

.irs-with-grid .irs-grid { display: block; }

.irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; }

.irs-grid-pol.small { height: 4px; }

.irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; }

.irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0, 0, 0, 0); z-index: 2; }

.lt-ie9 .irs-disable-mask { background: #000; filter: alpha(opacity=0); cursor: not-allowed; }

.irs-disabled { opacity: 0.4; }

.irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; }

.irs--flat { height: 40px; }

.irs--flat.irs-with-grid { height: 60px; }

.irs--flat .irs-line { top: 25px; height: 12px; background-color: #e1e4e9; border-radius: 4px; }

.irs--flat .irs-bar { top: 25px; height: 12px; background-color: #ed5565; }

.irs--flat .irs-bar--single { border-radius: 4px 0 0 4px; }

.irs--flat .irs-shadow { height: 1px; bottom: 16px; background-color: #e1e4e9; }

.irs--flat .irs-handle { top: 22px; width: 16px; height: 18px; background-color: transparent; }

.irs--flat .irs-handle > i:first-child { position: absolute; display: block; top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px; background-color: #da4453; }

.irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle:hover > i:first-child { background-color: #a43540; }

.irs--flat .irs-min, .irs--flat .irs-max { top: 0; padding: 1px 3px; color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; background-color: #e1e4e9; border-radius: 4px; }

.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single { color: white; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #ed5565; border-radius: 4px; }

.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #ed5565; }

.irs--flat .irs-grid-pol { background-color: #e1e4e9; }

.irs--flat .irs-grid-text { color: #999; }

.irs--big { height: 55px; }

.irs--big.irs-with-grid { height: 70px; }

.irs--big .irs-line { top: 33px; height: 12px; background-color: white; background: linear-gradient(to bottom, #ddd -50%, white 150%); border: 1px solid #ccc; border-radius: 12px; }

.irs--big .irs-bar { top: 33px; height: 12px; background-color: #92bce0; border: 1px solid #428bca; background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%); box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5); }

.irs--big .irs-bar--single { border-radius: 12px 0 0 12px; }

.irs--big .irs-shadow { height: 1px; bottom: 16px; background-color: rgba(66, 139, 202, 0.5); }

.irs--big .irs-handle { top: 25px; width: 30px; height: 30px; border: 1px solid rgba(0, 0, 0, 0.3); background-color: #cbcfd5; background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white; border-radius: 30px; }

.irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover { border-color: rgba(0, 0, 0, 0.45); background-color: #939ba7; background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%); }

.irs--big .irs-min, .irs--big .irs-max { top: 0; padding: 1px 5px; color: white; text-shadow: none; background-color: #9f9f9f; border-radius: 3px; }

.irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { color: white; text-shadow: none; padding: 1px 5px; background-color: #428bca; background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%); border-radius: 3px; }

.irs--big .irs-grid-pol { background-color: #428bca; }

.irs--big .irs-grid-text { color: #428bca; }

.irs--modern { height: 55px; }

.irs--modern.irs-with-grid { height: 55px; }

.irs--modern .irs-line { top: 25px; height: 5px; background-color: #d1d6e0; background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%); border: 1px solid #a3adc1; border-bottom-width: 0; border-radius: 5px; }

.irs--modern .irs-bar { top: 25px; height: 5px; background: #20b426; background: linear-gradient(to bottom, #20b426 0%, #18891d 100%); }

.irs--modern .irs-bar--single { border-radius: 5px 0 0 5px; }

.irs--modern .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(209, 214, 224, 0.5); }

.irs--modern .irs-handle { top: 37px; width: 12px; height: 13px; border: 1px solid #a3adc1; border-top-width: 0; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); border-radius: 0 0 3px 3px; }

.irs--modern .irs-handle > i:nth-child(1) { position: absolute; display: block; top: -4px; left: 1px; width: 6px; height: 6px; border: 1px solid #a3adc1; background: white; transform: rotate(45deg); }

.irs--modern .irs-handle > i:nth-child(2) { position: absolute; display: block; box-sizing: border-box; top: 0; left: 0; width: 10px; height: 12px; background: #e9e6e6; background: linear-gradient(to bottom, #ffffff 0%, #e9e6e6 100%); border-radius: 0 0 3px 3px; }

.irs--modern .irs-handle > i:nth-child(3) { position: absolute; display: block; box-sizing: border-box; top: 3px; left: 3px; width: 4px; height: 5px; border-left: 1px solid #a3adc1; border-right: 1px solid #a3adc1; }

.irs--modern .irs-handle.state_hover, .irs--modern .irs-handle:hover { border-color: #7685a2; background: #c3c7cd; background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%); }

.irs--modern .irs-handle.state_hover > i:nth-child(1), .irs--modern .irs-handle:hover > i:nth-child(1) { border-color: #7685a2; }

.irs--modern .irs-handle.state_hover > i:nth-child(3), .irs--modern .irs-handle:hover > i:nth-child(3) { border-color: #48536a; }

.irs--modern .irs-min, .irs--modern .irs-max { top: 0; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; color: white; background-color: #d1d6e0; border-radius: 5px; }

.irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single { font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #20b426; color: white; border-radius: 5px; }

.irs--modern .irs-from:before, .irs--modern .irs-to:before, .irs--modern .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #20b426; }

.irs--modern .irs-grid { height: 25px; }

.irs--modern .irs-grid-pol { background-color: #dedede; }

.irs--modern .irs-grid-text { color: silver; font-size: 13px; }

.irs--sharp { height: 50px; font-size: 12px; line-height: 1; }

.irs--sharp.irs-with-grid { height: 57px; }

.irs--sharp .irs-line { top: 30px; height: 2px; background-color: black; border-radius: 2px; }

.irs--sharp .irs-bar { top: 30px; height: 2px; background-color: #ee22fa; }

.irs--sharp .irs-bar--single { border-radius: 2px 0 0 2px; }

.irs--sharp .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(0, 0, 0, 0.5); }

.irs--sharp .irs-handle { top: 25px; width: 10px; height: 10px; background-color: #a804b2; }

.irs--sharp .irs-handle > i:first-child { position: absolute; display: block; top: 100%; left: 0; width: 0; height: 0; border: 5px solid transparent; border-top-color: #a804b2; }

.irs--sharp .irs-handle.state_hover, .irs--sharp .irs-handle:hover { background-color: black; }

.irs--sharp .irs-handle.state_hover > i:first-child, .irs--sharp .irs-handle:hover > i:first-child { border-top-color: black; }

.irs--sharp .irs-min, .irs--sharp .irs-max { color: white; font-size: 14px; line-height: 1; top: 0; padding: 3px 4px; opacity: 0.4; background-color: #a804b2; border-radius: 2px; }

.irs--sharp .irs-from, .irs--sharp .irs-to, .irs--sharp .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 4px; background-color: #a804b2; color: white; border-radius: 2px; }

.irs--sharp .irs-from:before, .irs--sharp .irs-to:before, .irs--sharp .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #a804b2; }

.irs--sharp .irs-grid { height: 25px; }

.irs--sharp .irs-grid-pol { background-color: #dedede; }

.irs--sharp .irs-grid-text { color: silver; font-size: 13px; }

.irs--round { height: 50px; }

.irs--round.irs-with-grid { height: 65px; }

.irs--round .irs-line { top: 36px; height: 4px; background-color: #dee4ec; border-radius: 4px; }

.irs--round .irs-bar { top: 36px; height: 4px; background-color: #006cfa; }

.irs--round .irs-bar--single { border-radius: 4px 0 0 4px; }

.irs--round .irs-shadow { height: 4px; bottom: 21px; background-color: rgba(222, 228, 236, 0.5); }

.irs--round .irs-handle { top: 26px; width: 24px; height: 24px; border: 4px solid #006cfa; background-color: white; border-radius: 24px; box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3); }

.irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover { background-color: #f0f6ff; }

.irs--round .irs-min, .irs--round .irs-max { color: #333; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, 0.1); border-radius: 4px; }

.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: #006cfa; color: white; border-radius: 4px; }

.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #006cfa; }

.irs--round .irs-grid { height: 25px; }

.irs--round .irs-grid-pol { background-color: #dedede; }

.irs--round .irs-grid-text { color: silver; font-size: 13px; }

.irs--square { height: 50px; }

.irs--square.irs-with-grid { height: 60px; }

.irs--square .irs-line { top: 31px; height: 4px; background-color: #dedede; }

.irs--square .irs-bar { top: 31px; height: 4px; background-color: black; }

.irs--square .irs-shadow { height: 2px; bottom: 21px; background-color: #dedede; }

.irs--square .irs-handle { top: 25px; width: 16px; height: 16px; border: 3px solid black; background-color: white; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.irs--square .irs-handle.state_hover, .irs--square .irs-handle:hover { background-color: #f0f6ff; }

.irs--square .irs-min, .irs--square .irs-max { color: #333; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, 0.1); }

.irs--square .irs-from, .irs--square .irs-to, .irs--square .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: black; color: white; }

.irs--square .irs-grid { height: 25px; }

.irs--square .irs-grid-pol { background-color: #dedede; }

.irs--square .irs-grid-text { color: silver; font-size: 11px; }

.ui-datepicker { border: 1px solid #ccc; margin: 8px 0; border-radius: 4px; background: #fff; }

.ui-datepicker .ui-datepicker-header { display: flex; justify-content: space-between; padding: 8px 8px; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev { order: 1; cursor: pointer; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-next { order: 3; cursor: pointer; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-title { order: 2; font-family: "Cormorant Infant", serif; font-size: 18px; font-weight: 600; }

.ui-datepicker .ui-datepicker-unselectable { color: #ccc; }

.ui-datepicker .ui-datepicker-calendar { margin: 8px; }

.ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td { min-width: 3em; text-align: center; font-size: 12px; }

.ui-datepicker .ui-datepicker-calendar th.ui-datepicker-today, .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today { background-color: #fafafa; }

.ui-datepicker .ui-datepicker-calendar th.ui-state-disabled, .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled { color: #ccc; }

.ui-datepicker .ui-datepicker-calendar th a.ui-state-default, .ui-datepicker .ui-datepicker-calendar td a.ui-state-default { font-weight: 600; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-slider.homeslideshow .slick-arrow { position: absolute; top: 45%; z-index: 4; border: none; width: 30px; height: 45px; overflow: hidden; background-color: transparent; color: transparent; cursor: pointer; outline: 0; }

.slick-slider.homeslideshow .slick-arrow.slick-prev { left: 8px; }

.slick-slider.homeslideshow .slick-arrow.slick-prev:after { content: ""; background: url(../../images/core/prev.png) no-repeat 0 0; background-size: contain; width: 30px; height: 45px; position: absolute; left: 0; top: 0; }

.slick-slider.homeslideshow .slick-arrow.slick-next { right: 8px; }

.slick-slider.homeslideshow .slick-arrow.slick-next:after { content: ""; background: url(../../images/core/next.png) no-repeat 0 0; background-size: contain; width: 30px; height: 45px; position: absolute; right: 0; top: 0; }

.slick-slider.homeslideshow.fixedwidth-wide .slick-arrow.slick-prev { left: 16px; }

.slick-slider.homeslideshow.fixedwidth-wide .slick-arrow.slick-next { right: 16px; }

.slick-slider.deptslider .slick-arrow, .slick-slider.cdnRecentlyViewed2 .slick-arrow { position: absolute; top: 45%; z-index: 4; border: none; width: 50px; height: 45px; overflow: hidden; background-color: transparent; color: transparent; cursor: pointer; outline: 0; }

.slick-slider.deptslider .slick-arrow.slick-prev, .slick-slider.cdnRecentlyViewed2 .slick-arrow.slick-prev { left: 8px; }

.slick-slider.deptslider .slick-arrow.slick-prev:after, .slick-slider.cdnRecentlyViewed2 .slick-arrow.slick-prev:after { content: ""; background: url(../../images/core/prev.png) no-repeat 0 0; background-size: contain; width: 50px; height: 45px; position: absolute; left: 0; top: 0; }

.slick-slider.deptslider .slick-arrow.slick-next, .slick-slider.cdnRecentlyViewed2 .slick-arrow.slick-next { right: 8px; }

.slick-slider.deptslider .slick-arrow.slick-next:after, .slick-slider.cdnRecentlyViewed2 .slick-arrow.slick-next:after { content: ""; background: url(../../images/core/next.png) no-repeat 0 0; background-size: contain; width: 50px; height: 45px; position: absolute; right: 0; top: 0; }

.slick-slider.bwSlider .slick-arrow { position: absolute; top: 45%; z-index: 4; border: none; width: 25px; height: 35px; background-color: transparent; color: transparent; cursor: pointer; outline: 0; }

.slick-slider.bwSlider .slick-arrow.slick-prev { left: 8px; }

.slick-slider.bwSlider .slick-arrow.slick-prev:after { content: ""; background: url(../../images/core/prev.png) no-repeat -15px 0; background-size: cover; width: 25px; height: 35px; position: absolute; left: -16px; top: 0; }

.slick-slider.bwSlider .slick-arrow.slick-next { right: 8px; }

.slick-slider.bwSlider .slick-arrow.slick-next:after { content: ""; background: url(../../images/core/next.png) no-repeat 0 0; background-size: cover; width: 25px; height: 35px; position: absolute; right: -16px; top: 0; }

.slick-list { position: relative; overflow: hidden; display: block; 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; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide.zm { position: relative; overflow: hidden; 	/*
	&.slick-active video {
		transform: scale(3);
		@include respond-min-width($breakpointSM){transform: scale(1);} }
	*/ }
.slick-slide.zm img { display: block; width: 100%; }

@media screen and (min-width: 48em) { .slick-slide.zm img { transition: all 3s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(2); } }

@media screen and (min-width: 48em) { .slick-slide.zm.slick-active img { transform: scale(1); } }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img:not(.icon) { display: block; width: 100%; }

.slick-slide.itemslide { margin: 8px; }

@media screen and (min-width: 48em) { .slick-slide.itemslide { margin: 16px; } }

.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: 0px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

#slide-video { position: relative; padding-bottom: 43%; padding-top: 0; height: 0; overflow: hidden; }

#slide-video iframe, #slide-video object, #slide-video embed #slide-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.slick-dots { position: absolute; top: 16px; right: 16px; }

.slick-dots > li { width: 19.2px; height: 19.2px; background: #ccc; margin: 8px 4px; border-radius: 16px; border: 2px solid #999; }

.slick-dots > li > button { padding: 4px; background: none; border: none; color: transparent; width: 100%; padding: 0; margin: 0; height: 19.2px; }

.slick-dots > li > button:focus { outline: none; }

.slick-dots > li.slick-active { background: #01002c; border: 2px solid #01002c; }

/*#984417*/
.quickviewbody .slick-dots { top: auto; left: 16px; bottom: 0; text-align: center; }

.quickviewbody .slick-dots > li { display: inline-block; width: 12px; height: 12px; background: rgba(255, 255, 255, 0.75); border-width: 1px; }

.quickviewbody .slick-dots > li button { cursor: pointer; }

#mainImages > .ko-img { display: none; }

/*#897901*/
.flexcontent { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }

.flexcontent > div { padding: 5%; width: 90%; }

.flexcontent > div.top { align-self: flex-start; }

.flexcontent > div.bottom { align-self: flex-end; }

.flexcontent > div.fontlight { color: #fff; }

.flexcontent > div.fontdark { color: #01002c; }

.flexcontent > div.bglight { background-color: rgba(255, 255, 255, 0.5); }

.flexcontent > div.bgdark { background-color: rgba(0, 0, 0, 0.5); }

.flexcontent > div.alignleft { text-align: left; }

.flexcontent > div.alignright { text-align: right; }

.flexcontent a:hover { text-decoration: none; }

.homeslideshow .slick-track { display: flex; }

.homeslideshow.str img { width: 100%; }

.slickwithtxt { position: relative; }

.slickwithtxt .slickoverlay { position: absolute; bottom: 5%; width: 90%; margin-left: -45%; padding: 16px; left: calc(50% - 16px); text-align: center; }

.slickwithtxt .slickoverlay.bgdark { background-color: rgba(1, 0, 44, 0.2); color: #fff; color: #fff; }

.slickwithtxt .slickoverlay.bgdark h2 { color: #fff; }

.slickwithtxt .slickoverlay.bglight { background-color: rgba(255, 255, 255, 0.2); color: #fff; color: #01002c; }

.slickwithtxt .slickoverlay.bglight h2 { color: #01002c; }

.slickwithtxt .slickoverlay h2 { font-size: 24px; }

.slickwithtxt .slickoverlay h2 + div { font-size: 14px; padding: 16px 0 0 0; }

@media screen and (min-width: 48em) { .slickwithtxt .slickoverlay { width: 50%; margin-left: -25%; bottom: 5%; }
  .slickwithtxt .slickoverlay h2 { font-size: 28px; }
  .slickwithtxt .slickoverlay h2 + div { font-size: 16px; line-height: 150%; } }

@media screen and (min-width: 66em) { .slickwithtxt .slickoverlay { width: 50%; margin-left: -25%; bottom: 15%; }
  .slickwithtxt .slickoverlay h2 { font-size: 32px; }
  .slickwithtxt .slickoverlay h2 + div { font-size: 18px; line-height: 150%; } }

.wttheme #navigation [data-menu-level="0"] > a { /*color: $color6 !important;*/ color: #01002c !important; }

@media screen and (min-width: 48em) { .wttheme #navigation [data-menu-level="0"] > a { color: #01002c !important; } }

/*.navigationgap {height:52px}*/
#headernavigation { display: none; }

@media screen and (min-width: 66em) { #headernavigation { position: relative; height: 53px; display: block; } }

#navigation { /*position:fixed; top:110px; z-index:5; background:$color1; width:100%; max-width:1400px;*/ font-family: "Cormorant Infant", serif; width: 100%; position: fixed; }

@media screen and (min-width: 66em) { #navigation { position: absolute; } }

@media screen and (min-width: 66em) { #navigation[data-theme="white"] { background: #fff; }
  #navigation[data-theme="white"] [data-menu-level="0"] a { color: #01002c !important; }
  #navigation[data-theme="white"] [data-menu-level="0"] a.f-color0 { color: #fff !important; } }

#navigation.open_navigation { left: 0; transition: left 0.4s linear; top: 0; position: fixed; z-index: 5; /*background:$color1;*/ background: #fff; height: 100%; transition: left .4s linear; width: 100%; }

#navigation.open_navigation [data-menu-level="0"] > a { border-bottom: 1px solid  #777787; /*font-size: 16px;*/ /*color: $color6*/ color: #01002c; }

#navigation.open_navigation [data-menu-level="0"] > a:hover { text-decoration: none; }

#navigation.open_navigation [data-menu-level="1"] { width: 100vw; left: 100vw; /*background:$color1;*/ background: #fff; height: 100%; overflow-y: auto; }

#navigation.open_navigation .closenavigation { /*border-bottom:1px solid $color12a;*/ border-bottom: 1px solid #ccc; }

#navigation.open_navigation .closenavigation [data-nav-close] { /*color:$color0;*/ color: #01002c; text-transform: uppercase; display: inline-block; padding: 16px; /*border-bottom:1px solid $color4; */ }

#navigation.open_navigation .backtomain { /*border-bottom:1px solid $color12a;*/ border-bottom: 1px solid #ccc; }

#navigation.open_navigation .backtomain [data-nav-back] { /*color:$color0;*/ color: #01002c; text-transform: uppercase; display: inline-block; padding: 16px; }

#navigation [data-menu-level="0"] { display: flex; flex-direction: column; justify-content: flex-start; width: 100vw; position: absolute; height: 100%; }

@media screen and (min-width: 66em) { #navigation [data-menu-level="0"] { flex-direction: row; justify-content: space-between; width: 100%; flex: 1 auto; position: relative; height: auto; } }

#navigation [data-menu-level="0"] > a { font-family: "Cormorant Infant", serif; color: #01002c; /**/ padding: 16px; font-size: 20px; font-weight: 700; text-transform: uppercase; text-decoration: none; }

@media screen and (min-width: 66em) { #navigation [data-menu-level="0"] > a { padding: 4px 8px; font-size: 25px; font-weight: 700; position: relative; border-bottom: none; color: #a29061; } }

#navigation [data-menu-level="0"] > a:after { content: ""; }

@media screen and (min-width: 66em) { #navigation [data-menu-level="0"] > a { padding: 4px 8px; font-family: "Cormorant Infant", serif; font-size: 18px; font-weight: 700; border-bottom: none; }
  #navigation [data-menu-level="0"] > a:after { content: ""; }
  #navigation [data-menu-level="0"] > a:hover:after, #navigation [data-menu-level="0"] > a:focus:after, #navigation [data-menu-level="0"] > a.current:after { width: calc(100% - 32px); } }

@media screen and (min-width: 66em) { #navigation [data-menu-level="0"] > a.current { background: #eee; } }

@media screen and (min-width: 87.5em) { #navigation [data-menu-level="0"] > a { padding: 16px 20px; } }

#navigation [data-menu-level="0"] > a.nav-mobileonly-link { font-family: "Cormorant Infant", serif; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; background-image: linear-gradient(89deg, #ccc, #666); color: #fff; font-weight: 700; }

#navigation [data-menu-level="0"] > a.nav-mobileonly-link:after { content: ""; display: none; }

#navigation [data-menu-level="0"] > a.nav-mobileonly-link > * { display: inline-block; vertical-align: middle; }

@media screen and (min-width: 66em) { #navigation [data-menu-level="0"] > a.nav-mobileonly-link { display: none; } }

@media screen and (min-width: 66em) { #navigation [data-menu-level="0"] > a.nav-nochild:after { content: ""; display: none; } }

#navigation [data-menu-level="1"] { padding: 0; width: 0; background: #eee; height: 100%; position: absolute; left: 0; }

@media screen and (min-width: 66em) { #navigation [data-menu-level="1"] { position: relative; padding: 0; width: 100%; } }

#navigation [data-menu-level="1"] > [data-menu] { margin: 0 auto 132px auto; padding: 0; color: #01002c; /*color:$color6; text-transform:uppercase;*/ }

@media screen and (min-width: 66em) { #navigation [data-menu-level="1"] > [data-menu] { padding: 32px 16px; display: none; margin: 0 auto 0 auto; color: #01002c; } }

#navigation [data-menu-level="1"] > [data-menu] a { /*color:$color6;*/ color: #01002c; }

@media screen and (min-width: 66em) { #navigation [data-menu-level="1"] > [data-menu] a { color: inherit; } }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading { font-size: 24px; font-family: "Cormorant Infant", serif; /*border-bottom:1px solid $color6;*/ border-bottom: 1px solid  #777787; padding: 16px 0; margin: 0 16px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; font-weight: 500; }

@media screen and (min-width: 66em) { #navigation [data-menu-level="1"] > [data-menu] .menu-heading { padding: 16px 0; margin: 0; border-bottom: none; position: relative; display: none; font-weight: bold; } }

@media screen and (min-width: 66em) { #navigation [data-menu-level="1"] > [data-menu] .menu-heading:before { content: ""; width: calc(100% - 40px); height: 1px; left: 30px; top: 60%; background: #999; position: absolute; } }

@media screen and (min-width: 87.5em) { #navigation [data-menu-level="1"] > [data-menu] .menu-heading:before { width: calc(100% - 100px); height: 1px; left: 50px; } }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading span { font-size: 16px; font-family: "Cormorant Infant", serif; position: relative; }

@media screen and (min-width: 66em) { #navigation [data-menu-level="1"] > [data-menu] .menu-heading span { background: #eee; } }

@media screen and (min-width: 66em) { #navigation [data-menu-level="1"] > [data-menu] .menu-heading span { padding: 8px 16px 8px 0; } }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading span:first-child { position: relative; font-family: "Cormorant Infant", serif; font-size: 24px; text-transform: uppercase; font-weight: 500; }

@media screen and (min-width: 66em) { #navigation [data-menu-level="1"] > [data-menu] .menu-heading span:first-child:not(:last-child) { padding: 8px 0 8px 0; font-weight: bold; } }

@media screen and (min-width: 66em) { #navigation [data-menu-level="1"] > [data-menu] .menu-heading span:last-child:not(:first-child) { padding: 8px 16px 8px 32px; }
  #navigation [data-menu-level="1"] > [data-menu] .menu-heading span:last-child:not(:first-child):before { content: ""; position: absolute; width: 1px; height: 50%; left: 16px; top: 25%; background: #999; } }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading span > a { font-size: 12px; text-transform: uppercase; text-decoration: underline; color: #a29061; }

@media screen and (min-width: 66em) { #navigation [data-menu-level="1"] > [data-menu] .menu-heading span > a { font-weight: 600; font-size: 14px; } }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading + div { padding: 0 16px 32px 16px; display: flex; flex-direction: row; flex-wrap: wrap; }

@media screen and (min-width: 66em) { #navigation [data-menu-level="1"] > [data-menu] .menu-heading + div { padding: 0; flex-direction: row; flex-wrap: wrap; } }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div { padding: 0; display: block; flex: 0 0 100%; border-bottom: 1px solid #232245; }

@media screen and (min-width: 66em) { #navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div { flex: 0 0 auto; border-bottom: none; } }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div[data-countlink="0"] > div.header:after { display: none; }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div.opened > div.header { position: relative; cursor: pointer; }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div.opened > div.header:after { content: ""; width: 8px; height: 8px; position: absolute; right: 8px; top: calc(50% - 4px); border-top: 1px solid #01002c; border-right: 1px solid #01002c; transform: rotate(-45deg); }

@media screen and (min-width: 66em) { #navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div.opened > div.header:after { display: none; } }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div.closed > div.header { position: relative; cursor: pointer; }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div.closed > div.header:after { content: ""; width: 8px; height: 8px; position: absolute; right: 8px; top: calc(50% - 4px); border-top: 1px solid #01002c; border-right: 1px solid #01002c; transform: rotate(135deg); }

@media screen and (min-width: 66em) { #navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div.closed > div.header:after { display: none; } }

@media screen and (min-width: 66em) { #navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div { display: inline-block; } }

@media screen and (min-width: 66em) { #navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div[data-menu-parent] { padding: 0 0 8px 0; } }

@media screen and (min-width: 66em) { #navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div[data-menu-parent] { padding: 0 0 16px 0; } }

@media screen and (min-width: 66em) { #navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div[data-menu-parent].donavcol2 { width: 40%; column-count: 2; } }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div.mobile-menu-grey { background: #fff; padding: 0 16px; margin: 0 -16px 0 -16px; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; /*flex: 0 0 calc(100% + 32px);*/ }

@media screen and (min-width: 66em) { #navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div.mobile-menu-grey { margin: 0; background: transparent; padding: 0 0 8px 0; border: none; flex: auto; } }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div.mobile-menu-grey > div.header { cursor: pointer; position: relative; }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div.mobile-menu-grey > div.header:after { content: ""; width: 8px; height: 8px; position: absolute; right: 8px; top: calc(50% - 4px); border-top: 1px solid #a29061; border-right: 1px solid #a29061; transform: rotate(135deg); }

@media screen and (min-width: 66em) { #navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div.mobile-menu-grey > div.header:after { display: none; } }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div.mobile-menu-grey > div.header:not(:last-child) { border-bottom: 0px solid #ccc; }

@media screen and (min-width: 66em) { #navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div.mobile-menu-grey > div.header:not(:last-child) { border: none; } }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div.desktop-only, #navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div[data-menu-type="imgdesktoponly"] { display: none; }

@media screen and (min-width: 66em) { #navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div.desktop-only, #navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div[data-menu-type="imgdesktoponly"] { display: block; }
  #navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div.desktop-only a, #navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div[data-menu-type="imgdesktoponly"] a { display: block; } }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div[data-menu-type="img"]:not(.desktop-only).image-xs-stack { flex: 0 0 calc(50% - 16px); margin: 8px; }

@media screen and (min-width: 66em) { #navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div[data-menu-type="img"]:not(.desktop-only).image-xs-stack { flex: auto; margin: 0; } }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div[data-menu-type="img"]:not(.desktop-only).image-xs-stretch { flex: 0 0 calc(100% - 16px); margin: 8px; text-align: center; }

@media screen and (min-width: 66em) { #navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div[data-menu-type="img"]:not(.desktop-only).image-xs-stretch { flex: auto; margin: 0; text-align: unset; } }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div[data-menu-type="img"]:not(.desktop-only) > div { height: auto; }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div[data-menu-type="img"]:not(.desktop-only) > div a { display: block; text-align: center; padding: 16px; }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div[data-menu-type="imgxsstretch"]:not([data-menu-type="imgdesktoponly"]) { flex: 0 0 calc(100% - 16px); margin: 8px; text-align: center; }

@media screen and (min-width: 66em) { #navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div[data-menu-type="imgxsstretch"]:not([data-menu-type="imgdesktoponly"]) { flex: auto; margin: 0; text-align: unset; } }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div[data-menu-type="imgxsstretch"] > div { height: auto; }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div[data-menu-type="imgxsstack"]:not([data-menu-type="imgdesktoponly"]) { flex: 0 0 calc(50% - 16px); margin: 8px; }

@media screen and (min-width: 66em) { #navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div[data-menu-type="imgxsstack"]:not([data-menu-type="imgdesktoponly"]) { flex: auto; margin: 0; } }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div[data-menu-type="imgxsstack"] > div { height: auto; }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div[data-menu-type="img2row"] { position: relative; }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div[data-menu-type="img2row"] > div { height: auto; padding: 16px 0; text-align: center; }

@media screen and (min-width: 66em) { #navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div[data-menu-type="img2row"] > div { position: absolute; width: fit-content; left: 8px; right: 8px; max-width: calc(100% - 16px); padding: 0; display: table; } }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div > div { height: 0; overflow: hidden; font-size: 16px; padding-left: 24px; }

@media screen and (min-width: 48em) { #navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div > div a { display: block; } }

@media screen and (min-width: 66em) { #navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div > div { height: auto; line-height: 32px; padding-left: 0; }
  #navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div > div a.header { position: relative; line-height: 1.5; }
  #navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div > div a.header:after { content: ""; }
  #navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div > div a:hover { color: #01002c; } }

@media screen and (min-width: 66em) and (min-width: 66em) { #navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div > div[data-childcount="17"] a { padding-top: 36px; } }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div > div.header { height: auto; padding: 16px 0; font-size: 16px; text-transform: uppercase; }

@media screen and (min-width: 66em) { #navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div > div.header { font-weight: 600; padding-bottom: 8px; padding-top: 0; font-size: 14px; position: relative; line-height: 1.5; } }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div > div.header.blank { display: none; }

@media screen and (min-width: 66em) { #navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div > div.header.blank { display: block; } }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div > div.link { display: flex; }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div > div.link > a { font-size: 12px; letter-spacing: 2px; color: #a29061; text-transform: uppercase; margin: 0; text-decoration: underline; cursor: pointer; font-weight: 600; }

@media screen and (min-width: 66em) { #navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div > div.link > a { margin: 16px 0; } }

#navigation [data-menu-level="1"] > [data-menu] .menu-heading + div > div > div.link > a:hover { color: #01002c; }

.mobnav-active #sitebody { position: fixed; }

[data-theme="newv"] #headernavigation { display: none; }

@media screen and (min-width: 66em) { [data-theme="newv"] #headernavigation { position: relative; height: 38px; display: block; } }

[data-theme="newv"] [data-themenv-nav]#navigation { left: -100vw; transition: left .4s linear; }

@media screen and (min-width: 66em) { [data-theme="newv"] [data-themenv-nav]#navigation { left: auto; width: 100%; } }

[data-theme="newv"] [data-themenv-nav]#navigation > [data-menu-level="0"] { width: 85vw; max-height: calc(100vh - 250px); overflow-y: auto; padding-bottom: 160px; }

@media screen and (min-width: 66em) { [data-theme="newv"] [data-themenv-nav]#navigation > [data-menu-level="0"] { max-width: 1400px; margin: 0 auto; width: inherit; max-height: none; padding-bottom: 0; } }

[data-theme="newv"] [data-themenv-nav]#navigation > [data-menu-level="0"] > a { padding: 16px 0; font-family: "Open Sans", sans-serif; font-size: 14px; margin: 0 16px; border-bottom: 1px solid #999999; position: relative; font-weight: 500; }

@media screen and (min-width: 66em) { [data-theme="newv"] [data-themenv-nav]#navigation > [data-menu-level="0"] > a { padding: 8px 16px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; margin: 0; border-bottom: none; letter-spacing: 1px; white-space: nowrap; flex: auto; text-align: center; } }

[data-theme="newv"] [data-themenv-nav]#navigation > [data-menu-level="0"] > a.current { position: relative; background: none; }

@media screen and (min-width: 66em) { [data-theme="newv"] [data-themenv-nav]#navigation > [data-menu-level="0"] > a.current:before { content: ""; position: absolute; height: 2px; width: calc(100% - 32px); left: 16px; bottom: 4px; background: #01002c; } }

[data-theme="newv"] [data-themenv-nav]#navigation > [data-menu-level="0"] > a:after { content: ""; position: absolute; right: 16px; top: 22px; width: 10px; height: 10px; border-top: 1px solid #777777; border-right: 1px solid #777777; transform: rotate(45deg); }

@media screen and (min-width: 66em) { [data-theme="newv"] [data-themenv-nav]#navigation > [data-menu-level="0"] > a:after { display: none; } }

[data-theme="newv"] [data-themenv-nav]#navigation[data-themenv-withnqpromo] > [data-menu-level="0"] { max-height: calc(100vh - 352px); overflow-y: auto; padding-bottom: 160px; }

@media screen and (min-width: 66em) { [data-theme="newv"] [data-themenv-nav]#navigation[data-themenv-withnqpromo] > [data-menu-level="0"] { max-height: none; padding-bottom: 0; } }

[data-theme="newv"] [data-themenv-nav]#navigation[data-themenv-withnqpromo] [data-menu-level="1"] { max-height: calc(100vh - 352px); overflow-y: auto; padding-bottom: 160px; }

@media screen and (min-width: 66em) { [data-theme="newv"] [data-themenv-nav]#navigation[data-themenv-withnqpromo] [data-menu-level="1"] { max-height: none; padding-bottom: 0; } }

[data-theme="newv"] [data-themenv-nav]#navigation [data-menu-level="1"] { background-color: #fff; width: 85vw; max-height: calc(100vh - 250px); padding-bottom: 160px; }

@media screen and (min-width: 66em) { [data-theme="newv"] [data-themenv-nav]#navigation [data-menu-level="1"] { width: auto; max-height: none; border-top: 1px solid #eaeaea; padding-bottom: 0; } }

[data-theme="newv"] [data-themenv-nav]#navigation [data-menu-level="1"] > [data-menu] { max-width: 1400px; }

@media (max-width: 1022px) { [data-theme="newv"] [data-themenv-nav]#navigation [data-menu-level="1"] > [data-menu] { margin: 0 auto; } }

[data-theme="newv"] [data-themenv-nav]#navigation [data-menu-level="1"] a { font-family: "Open Sans", sans-serif; font-size: 14px; }

[data-theme="newv"] [data-themenv-nav]#navigation [data-menu-level="1"] a.header { font-weight: 500; }

@media screen and (min-width: 66em) { [data-theme="newv"] [data-themenv-nav]#navigation [data-menu-level="1"] a.header { font-weight: 600; } }

[data-theme="newv"] [data-themenv-nav]#navigation [data-menu-level="1"] [data-themenav-heading] { color: #777777; font-family: "Open Sans", sans-serif; font-size: 14px; display: flex; align-items: flex-start; text-transform: uppercase; font-weight: 500; border-bottom: 1px solid  #999; justify-content: flex-start; padding-left: 24px; position: relative; }

@media screen and (min-width: 66em) { [data-theme="newv"] [data-themenv-nav]#navigation [data-menu-level="1"] [data-themenav-heading] { display: none; } }

[data-theme="newv"] [data-themenv-nav]#navigation [data-menu-level="1"] [data-themenav-heading]:first-child { font-family: "Open Sans", sans-serif; font-size: 14px !important; }

[data-theme="newv"] [data-themenv-nav]#navigation [data-menu-level="1"] [data-themenav-heading]:before { content: ""; position: absolute; left: 0; top: 22px; width: 10px; height: 10px; border-top: 1px solid #777777; border-right: 1px solid #999; transform: rotate(-135deg); }

[data-theme="newv"] [data-themenv-nav]#navigation [data-menu-level="1"] [data-themenav-heading] > span { font-size: 14px !important; font-family: "Open Sans", sans-serif; font-weight: 600; }

[data-theme="newv"] [data-themenv-nav]#navigation [data-menu-level="1"] [data-themenav-heading] + div { padding: 0 16px; }

[data-theme="newv"] [data-themenv-nav]#navigation [data-menu-level="1"] [data-themenav-heading] + div > div { border-bottom: 1px solid  #999; }

@media screen and (min-width: 66em) { [data-theme="newv"] [data-themenv-nav]#navigation [data-menu-level="1"] [data-themenav-heading] + div > div { border-bottom: none; } }

@media (max-width: 1022px) { [data-theme="newv"] [data-themenv-nav]#navigation [data-menu-level="1"] [data-themenav-heading] + div > div[data-menu-type="img"] { border-bottom: none; margin-top: -1px; } }

@media (max-width: 1022px) { [data-theme="newv"] [data-themenv-nav]#navigation [data-menu-level="1"] [data-themenav-heading] + div > div[data-menu-type="img"] > div { padding: 0; margin: 0 -16px; } }

@media (max-width: 1022px) { [data-theme="newv"] [data-themenv-nav]#navigation [data-menu-level="1"] [data-themenav-heading] + div > div[data-menu-type="img"] > div > a { padding: 0; } }

@media (max-width: 1022px) { [data-theme="newv"] [data-themenv-nav]#navigation [data-menu-level="1"] [data-themenav-heading] + div > div[data-menu-type="img"] > div > a img { max-width: none; width: 100%; } }

[data-theme="newv"] [data-themenv-nav]#navigation [data-menu-level="1"] .header { font-family: "Open Sans", sans-serif; font-size: 14px !important; font-weight: 500; }

[data-theme="newv"] [data-themenv-nav]#navigation [data-menu-level="1"] .header::after { color: #777777; }

[data-theme="newv"] [data-themenv-nav]#navigation.open_navigation { top: 90px; border-top: 1px solid #EAEAEA; width: 85vw; overflow-x: hidden; left: 0; transition: left .4s linear; overflow: hidden; }

@media screen and (min-width: 48em) { [data-theme="newv"] [data-themenv-nav]#navigation.open_navigation { width: 50vw; } }

[data-theme="newv"] [data-themenv-nav]#navigation.open_navigation[data-themenv-withnqpromo] { top: 122px; }

[data-theme="newv"] [data-themenv-nav]#navigation .mobnav-widget-section { display: flex; flex-direction: column; padding: 16px; font-size: 16px; }

@media screen and (min-width: 66em) { [data-theme="newv"] [data-themenv-nav]#navigation .mobnav-widget-section { display: none; } }

[data-theme="newv"] [data-themenv-nav]#navigation .mobnav-widget-section > div { padding: 16px 0; font-family: "Open Sans", sans-serif; display: flex; align-items: center; }

.closenav-thenenewv { position: fixed; right: -32px; transition: right .4s linear; }

.mobnav-active .closenav-thenenewv { position: fixed; right: 16px; top: 106px; z-index: 5; cursor: pointer; transition: right .4s linear; }

@media screen and (min-width: 66em) { .mobnav-active .closenav-thenenewv { border-bottom: none; } }

.mobnav-active .closenav-thenenewv.withnqpromo { top: 138px; }

.mobnav-active .mobnavoverlay { position: fixed; top: 90px; left: 0; right: 0; width: 100vw; height: 100%; background: rgba(1, 0, 44, 0.6); transition: all .4s linear; z-index: 4; }

@media screen and (min-width: 66em) { .mobnav-active .mobnavoverlay { border-bottom: none; } }

.mobnav-active .mobnavoverlay.withnqpromo { top: 122px; }

.mobnav-active [data-issticky] { position: fixed; }

.mobnav-active #mainheader { transform: translateY(32px) !important; }

.splitbasket-item { display: flex; flex-direction: row; border-bottom: 1px solid #eee; }

.splitdelivery-methods .srcont { display: flex; align-items: flex-start; padding-bottom: 32px; border: none; }

@media screen and (min-width: 48em) { .splitdelivery-methods .srcont { align-items: flex-start; } }

.splitdelivery-methods .srcont.splitdelivery:not(:first-child):last-child { padding-bottom: 0; }

.splitdelivery-methods .srcont.splitdelivery:last-child { padding-bottom: 32px; }

.splitdelivery-methods .srcont .srbutton { margin-top: 2px; }

.splitdelivery-methods .srcont .srbutton + label { display: flex; align-items: flex-start; margin-top: 0; justify-content: space-between; }

.splitdelivery-methods .srcont .srbutton + label .delmethodlabel { width: 100%; color: #000; }

@media screen and (min-width: 48em) { .splitdelivery-methods .srcont .srbutton + label .delmethodlabel { width: 80%; } }

.splitdelivery-methods .srcont .srbutton + label .delmethodimage { display: none; }

@media screen and (min-width: 48em) { .splitdelivery-methods .srcont .srbutton + label .delmethodimage { display: block; } }

.srcont-cardlogos > img { width: 30px; }

@media screen and (min-width: 48em) { .srcont-cardlogos > img { width: 55px; } }

.deliveryoptlinks { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-around; }

.deliveryoptlinks > div { padding: 8px; display: flex; align-items: center; flex-wrap: nowrap; }

.deliveryoptlinks > div img { margin-right: 8px; }

.splitdelivery-btn { padding: 8px 16px; background: #999; color: #fff; display: inline-block; border-radius: 2px; }

.splitdelivery-btn:hover { text-decoration: none; background: #01002c; }

.bskt-totals { display: flex; align-items: flex-start; flex-direction: column; }

@media screen and (min-width: 48em) { .bskt-totals { flex-direction: row; flex-wrap: wrap; } }

@media screen and (min-width: 66em) { .bskt-totals { flex-direction: row; flex-wrap: nowrap; } }

.bskt-totals .bskt-basketbuilder { width: 100%; }

@media screen and (min-width: 48em) { .bskt-totals .bskt-basketbuilder { width: 50%; order: 3; } }

@media screen and (min-width: 66em) { .bskt-totals .bskt-basketbuilder { width: calc(30% - 32px); padding: 0 16px; order: 2; } }

.bskt-totals .bskt-baskettotals { width: 100%; margin-top: 16px; text-align: right; }

@media screen and (min-width: 48em) { .bskt-totals .bskt-baskettotals { width: 50%; align-self: flex-end; order: 2; } }

@media screen and (min-width: 66em) { .bskt-totals .bskt-baskettotals { width: 30%; margin-top: 0; align-self: flex-start; order: 3; } }

.promo-voucherbox { width: 100%; }

@media screen and (min-width: 48em) { .promo-voucherbox { width: 50%; order: 1; } }

@media screen and (min-width: 66em) { .promo-voucherbox { width: calc(40% - 32px); order: 1; } }

.promo-voucherbox > div { padding: 0 16px; background: #eee; }

.promo-voucherbox .promo-voucherbox-title { font-size: 16px; font-weight: 600; padding: 16px 0; cursor: pointer; }

@media screen and (min-width: 66em) { .promo-voucherbox .promo-voucherbox-title { font-size: 18px; } }

.promo-voucherbox .promo-voucherbox-title:before { content: "+"; transition: all 0.3s ease; }

.promo-voucherbox .promo-voucherbox-title.openup:before { content: "-"; }

.promo-voucherbox .promo-voucherbox-form { padding: 0 8px 16px 8px; }

.promo-voucherbox .promo-voucherbox-form .promo-voucherbox-inputset { display: flex; }

.promo-voucherbox .promo-voucherbox-form .promo-voucherbox-inputset > div:first-child { flex: 1; }

.promo-voucherbox .promo-voucherbox-form .promo-voucherbox-inputset > div input[type="text"] { width: 100%; }

.promo-voucherbox .promo-voucherbox-form .promo-voucherbox-error { margin: 8px 0 0 0; }

.promo-voucherbox .promo-voucherbox-info { background: none; padding: 8px 16px; }

.sidepad .chck-voucherbox-title { font-size: 16px; font-weight: 600; padding: 16px 0 16px 0; cursor: pointer; }

.sidepad .chck-voucherbox-title:before { content: "+ "; transition: all 0.3s ease; }

.sidepad .chck-voucherbox-title.openup:before { content: "- "; }

.sidepad .chck-voucherbox-cont { padding: 0 0 8px 0; margin-bottom: 16px; }

.sidepad .chck-voucherbox-cont > form { display: flex; }

.sidepad .chck-voucherbox-cont > form input[type=submit] { padding-left: 8px; padding-right: 8px; }

.sidepad .chck-voucherbox-cont > form .chck-vboxinput { flex: 1; }

.sidepad .chck-voucherbox-cont > form .chck-vboxinput input[type="text"] { width: 100%; }

.stylish-tick { position: relative; padding-left: 32px; }

.stylish-tick [type="checkbox"] { position: absolute; left: 5px; z-index: 0; }

.stylish-tick [type="checkbox"][value="no"] + .styletick:before { content: ""; width: 20px; height: 20px; left: -30px; background: url(/images/core/unticked.svg) no-repeat; }

.stylish-tick .styletick { position: relative; width: 20px; height: 20px; }

.stylish-tick .styletick:before { content: ""; width: 20px; height: 20px; left: -30px; background: url(/images/core/ticked.svg) no-repeat; position: absolute; cursor: pointer; pointer-events: none; }

.stylish-tick .styletick label { cursor: pointer; }

.flex-1 { flex: 1; }

.pymt-header { display: flex; align-items: center; justify-content: center; }

.pymt-header .pymt-header-logo { margin: 8px 0; }

@media screen and (min-width: 66em) { .pymt-header .pymt-header-logo { margin: 24px 0; } }

.pymt-header .pymt-header-logo img { width: 80px; }

@media screen and (min-width: 66em) { .pymt-header .pymt-header-logo img { width: 120px; } }

.pymt-header .secure-label { position: absolute; right: 16px; top: 16px; display: flex; flex-wrap: nowrap; flex-direction: row-reverse; align-items: flex-end; }

@media screen and (min-width: 48em) { .pymt-header .secure-label { flex-direction: row; align-items: center; } }

.pymt-header .secure-label .slabel { font-weight: 700; font-size: 16px; line-height: 1; }

@media screen and (min-width: 48em) { .pymt-header .secure-label .slabel { font-size: 20px; } }

.pymt-header .secure-label .slock { margin-right: 16px; }

@media screen and (min-width: 48em) { .pymt-header .secure-label .slock { margin-left: 16px; } }

.logt { background-color: #fafafa; padding: 16px; }

.logt .shpasslink { top: -20px; }

.logt .useGuestCheckout { display: inline; float: right; margin-top: -20px; font-size: 14px; color: #333; }

.loginbox-wrapper { display: flex; flex-direction: column; max-width: 560px; margin: 0 auto 16px auto; }

@media screen and (min-width: 48em) { .loginbox-wrapper { margin: 24px auto; } }

.loginbox-wrapper .loginbox-header { text-align: center; padding: 16px; }

@media screen and (min-width: 48em) { .loginbox-wrapper .loginbox-header { margin-bottom: 16px; } }

.loginbox-wrapper .loginbox-header h1 { font-size: 28px; font-weight: 600; font-family: "Cormorant Infant", serif; line-height: normal; }

@media screen and (min-width: 48em) { .loginbox-wrapper .loginbox-header h1 { font-size: 36px; } }

.loginbox-wrapper .loginbox { border: 1px solid #ccc; margin: 8px 16px; /*order:2;*/ }

@media screen and (min-width: 66em) { .loginbox-wrapper .loginbox { margin: 16px 0; } }

.loginbox-wrapper .loginbox.current { background-color: #FAFAFA; border: 1px solid #FAFAFA; }

.loginbox-wrapper .loginbox[data-logtype="prior"] { order: 1; }

.loginbox-wrapper .loginbox[data-logtype="nonprior"] { order: 2; }

.loginbox-wrapper .loginbox .loginbox-container { padding: 24px; }

@media screen and (min-width: 66em) { .loginbox-wrapper .loginbox .loginbox-container { padding: 16px; } }

.loginbox-wrapper .loginbox .loginbox-inner-header { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; }

.loginbox-wrapper .loginbox .loginbox-inner-header .loginbox-radio { width: 16px; height: 16px; background: url("/images/core/radio_blank.svg") no-repeat center; margin-right: 16px; cursor: pointer; }

.loginbox-wrapper .loginbox .loginbox-inner-header .loginbox-title { flex: 1; font-size: 16px; font-weight: 600; cursor: pointer; }

.loginbox-wrapper .loginbox .loginbox-inner-header .loginbox-desc { width: 100%; font-size: 13px; color: #666666; padding: 8px 0; }

.loginbox-wrapper .loginbox .loginbox-inner-header.active .loginbox-radio { background-image: url("/images/core/radio_selected.svg"); }

.loginbox-wrapper .loginbox .loginbox-main label { font-weight: 600; display: block; margin-top: 0; }

.loginbox-wrapper .loginbox .loginbox-main input { margin-top: 8px; margin-bottom: 8px; }

.loginbox-wrapper .loginbox .loginbox-main input[type="submit"] { box-shadow: none; }

.loginbox-wrapper .loginbox .loginbox-main .shpasslink { top: -18px; font-size: 13px; color: #666; }

.loginbox-wrapper .co-logos { order: 4; }

.pymt-footer-container { display: flex; flex-direction: column; align-items: center; }

@media screen and (min-width: 48em) { .pymt-footer-container { flex-direction: row; } }

.pymt-footer-container .pymt-footer-inner1 { display: flex; flex-direction: column; justify-content: center; font-size: 14px; }

@media screen and (min-width: 48em) { .pymt-footer-container .pymt-footer-inner1 { flex-direction: row; width: 50%; justify-content: space-evenly; } }

.pymt-footer-container .pymt-footer-inner1 > div { margin: 8px 0; }

@media screen and (min-width: 48em) { .pymt-footer-container .pymt-footer-inner1 > div { margin: 0; } }

.pymt-footer-container .pymt-footer-inner2 { justify-content: center; font-size: 16px; }

@media screen and (min-width: 48em) { .pymt-footer-container .pymt-footer-inner2 { width: 50%; display: flex; align-items: center; justify-content: center; } }

@media screen and (min-width: 66em) { .pymt-footer-container .pymt-footer-inner2 { justify-content: flex-end; } }

.registration-header, .delnpay-header { margin-bottom: 32px; text-align: center; }

.registration-header h1, .delnpay-header h1 { font-size: 28px; line-height: normal; }

@media screen and (min-width: 48em) { .registration-header h1, .delnpay-header h1 { font-size: 36px; } }

.bskt-related-message { padding: 16px; background-color: #FFFCDD; margin: 24px auto; text-align: center; width: auto; max-width: fit-content; position: relative; font-weight: 600; }

.bskt-related-message:after { content: ""; width: 20px; height: 20px; background: url(/images/core/info_icon_filled.svg) no-repeat; background-size: contain; top: -10px; right: 10px; position: absolute; }

.registration-section { padding: 24px; background-color: #ffffff; margin: 0 16px; }

@media screen and (min-width: 48em) { .registration-section { padding: 32px; background-color: #FAFAFA; } }

.registration-section h3 { font-size: 24px; line-height: normal; margin-bottom: 16px; }

@media screen and (min-width: 48em) { .registration-section h3 { font-size: 32px; } }

.registration-section [data-rgroup] { margin-bottom: 24px; }

.registration-section [data-rgroup] .rgroup-row { margin-top: 16px; }

.registration-section [data-rgroup] .rgroup-row.bycols { display: flex; align-items: flex-start; justify-content: space-between; }

.registration-section [data-rgroup] .rgroup-row .inner-rgroup-row { width: 50%; }

.registration-section [data-rgroup] .rgroup-row .inner-rgroup-row input { width: calc(100% - 16px); }

.registration-section [data-rgroup] .rgroup-row .rgroup-titledrop { width: 100px; }

.registration-section [data-rgroup] input, .registration-section [data-rgroup] textarea, .registration-section [data-rgroup] select { margin-top: 4px; margin-bottom: 4px; padding-left: 10px; }

.registration-section [data-rgroup] input[type="submit"], .registration-section [data-rgroup] textarea[type="submit"], .registration-section [data-rgroup] select[type="submit"] { box-shadow: none; }

.registration-section [data-rgroup] select, .registration-section [data-rgroup] textarea { background-color: #ffffff; }

.registration-section [data-rgroup] label { margin-top: 0; margin-bottom: 4px; font-weight: 600; }

.registration-section [data-rgroup] .rgroup-addressbox { position: relative; margin-top: 8px; }

.registration-section [data-rgroup] .rgroup-addressbox .rgroup-addlinks { display: flex; position: relative; width: 100%; align-items: center; justify-content: space-between; font-size: 13px; position: absolute; top: -60px; left: 0; }

#shippingManual .rgroup-addressbox { position: relative; margin-top: 8px; background: #ffffff; }

#shippingManual .rgroup-addressbox .rgroup-addlinks { display: flex; position: relative; width: 100%; align-items: center; justify-content: space-between; font-size: 13px; position: absolute; top: -60px; left: 0; }

.bsktpymt-section { display: flex; flex-direction: column; }

.bsktpymt-section [data-pymt-sect="1"] { order: 2; }

@media screen and (min-width: 48em) { .bsktpymt-section [data-pymt-sect="1"] { order: 1; } }

.bsktpymt-section [data-pymt-sect="2"] { order: 3; }

@media screen and (min-width: 48em) { .bsktpymt-section [data-pymt-sect="2"] { order: 2; } }

.bsktpymt-section [data-pymt-sect="3"] { order: 1; }

@media screen and (min-width: 48em) { .bsktpymt-section [data-pymt-sect="3"] { order: 3; } }

.bsktsum-section { padding: 24px 8px; margin: 0 8px; margin-bottom: 24px; }

@media screen and (min-width: 48em) { .bsktsum-section { padding: 32px; margin: 0 16px; padding: 24px 16px; } }

.bsktsum-section.pymtpg { background: #ffffff; margin: 0 16px; padding: 24px 0; }

@media screen and (min-width: 48em) { .bsktsum-section.pymtpg { background: #ffffff; padding: 24px 16px; }
  .bsktsum-section.pymtpg[data-pymt-sect="2"] { background: #FAFAFA; } }

.bsktsum-section.iniblock { padding: 24px 8px 8px 8px; margin-bottom: 8px; }

@media screen and (min-width: 48em) { .bsktsum-section.iniblock { padding: 24px 32px; } }

.bsktsum-section.mobdevided-top { border-top: 1px solid #ccc; margin-bottom: 0 !important; }

@media screen and (min-width: 48em) { .bsktsum-section.mobdevided-top { border: none; /*margin-bottom: 16px !important;*/ } }

.bsktsum-section h3 { font-size: 24px; line-height: normal; margin-bottom: 16px; }

@media screen and (min-width: 48em) { .bsktsum-section h3 { font-size: 32px; } }

.bsktsum-section label { font-weight: 600; }

.bsktsum-section .bsktsum-totals { display: flex; align-items: center; justify-content: flex-start; font-size: 32px; font-family: "Cormorant Infant", serif; font-weight: 600; }

.bsktsum-section .bsktsum-item { display: flex; flex-direction: row; align-items: flex-start; padding: 16px 0; margin: 16px 0; border-bottom: 1px solid #ccc; font-family: "Cormorant Infant", serif; }

.bsktsum-section .bsktsum-item .bsktsum-item-images { width: 90px; }

.bsktsum-section .bsktsum-item .bsktsum-item-detail { flex: 1; padding: 8px 16px; font-family: "Open Sans", sans-serif; }

.bsktsum-section .bsktsum-item .bsktsum-item-detail .bsktsum-item-title { font-size: 20px; margin-bottom: 8px; font-family: "Cormorant Infant", serif; }

.bsktsum-section .bsktsum-item .bsktsum-item-detail .bsktsum-item-opts { display: flex; flex-direction: column; }

.bsktsum-section .bsktsum-item .bsktsum-item-detail .bsktsum-item-opts .bsktsum-item-optlist, .bsktsum-section .bsktsum-item .bsktsum-item-detail .bsktsum-item-opts .bsktsum-item-qty { font-size: 14px; text-transform: capitalize; }

.bsktsum-section .bsktsum-item .bsktsum-item-detail .bsktsum-item-opts .bsktsum-item-price { font-size: 16px; margin-top: 8px; }

.bsktsum-section .bsktsum-multibox { margin-bottom: 32px; padding-bottom: 32px; border-bottom: 5px solid #999; }

.bsktsum-section .pymt-section-inner { display: flex; flex-direction: column; }

.bsktsum-section .pymt-section-inner .pymt-cols2 { display: flex; flex-direction: row; }

.bsktsum-section .pymt-section-inner .pymt-cols2 > div { width: 50%; font-size: 16px; margin-bottom: 16px; font-weight: 600; }

.bsktsum-section .pymt-section-inner .pymt-cols2 > div.pymt-cols-label { font-weight: 600; color: #000; }

.bsktsum-section .pymt-section-inner .pymt-cols2.sum { padding: 24px 0 0 0; font-family: "Cormorant Infant", serif; }

.bsktsum-section .pymt-section-inner .pymt-cols2.sum > div { font-size: 32px; margin-bottom: 0; }

.bsktsum-section .pymt-section-inner .pymt-promocode { padding: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

.bsktsum-section.pymt-agevarification { background-color: #fafafa; margin: 16px 16px 32px 16px; text-align: center; padding: 24px 16px; }

.bsktsum-section.pymt-agevarification .date-dropdowns select { padding-left: 8px; background-color: #fff; min-width: 80px; }

.bsktsum-section .pymt-bsktsum-title { display: flex; align-items: center; justify-content: space-between; }

.bsktsum-section .pymt-bsktsum-title [data-showhide-bsktsum] { display: flex; flex-wrap: nowrap; cursor: pointer; }

.bsktsum-section .pymt-bsktsum-title [data-showhide-bsktsum] .status { font-size: 32px; font-weight: 600; margin-right: 8px; line-height: 0.5em; }

.bsktsum-section .pymt-bsktsum-title [data-showhide-bsktsum] .status-label { font-size: 14px; text-decoration: underline; letter-spacing: 0.1em; }

.bsktsum-section .pymt-bsktsum-title.closed { border-bottom: 1px solid #ccc; }

.bsktsum-section .pymt-addressline { line-height: 1.5; font-size: 16px; color: #000; }

.bsktsum-section .pymt-bsktsum-container { max-height: 540px; overflow-y: auto; margin-bottom: 16px; border-bottom: 1px solid #ccc; }

.bsktsum-section .pymt-bsktsum-container .bsktsum-item:last-child { border-bottom: none; }

.bsktsum-section .pymt-bsktsum-container .splitdelivery-item-title { font-family: "Cormorant Infant", serif; font-size: 20px; font-weight: 600; background: #999; padding: 8px 16px; color: #fff; display: none; }

.bsktsum-section .hamper-form .hamper-form-inner { display: flex; flex-direction: column; padding: 8px 0; margin-bottom: 8px; }

.bsktsum-section .hamper-form .hamper-form-inner label { margin-bottom: 8px; font-size: 14px; }

.bsktsum-section .hamper-form .hamper-form-inner select { width: auto; }

.bsktsum-section .hamper-form .hamper-form-inner input[readonly] { background-color: #fff; }

.bsktsum-section .giftmessage-form .giftmessage-form-inner { display: flex; flex-direction: column; padding: 8px 0; }

.bsktsum-section .giftmessage-form .giftmessage-form-inner label { margin-bottom: 8px; font-size: 14px; }

.bsktsum-section .giftmessage-form .giftmessage-form-inner .giftmessage-field-con { position: relative; }

.bsktsum-section .giftmessage-form .giftmessage-form-inner .giftmessage-field-con .character-count { position: absolute; bottom: 4px; white-space: nowrap; right: 4px; color: #666; }

.bsktsum-section .giftmessage-form .giftmessage-form-inner .giftmessage-field-con label { margin-bottom: 0; }

.bsktsum-section .giftmessage-form .giftmessage-form-inner input[type="text"], .bsktsum-section .giftmessage-form .giftmessage-form-inner textarea { padding: 4px 70px 4px 8px; line-height: 1; font-size: 14px; }

.bsktsum-section .giftmessage-form .giftmessage-form-inner input[type="text"]::placeholder, .bsktsum-section .giftmessage-form .giftmessage-form-inner textarea::placeholder { color: #a4a3a3; font-size: 14px; }

.bsktsum-section .giftmessage-form .giftmessage-form-inner textarea + .character-count { bottom: 8px !important; }

.bsktsum-section .giftmessage-message-wrapper { background-color: #fff; }

.bsktsum-section .giftmessage-message-wrapper .giftmessage-message-cont { padding: 16px; border: 1px solid #ccc; margin: 16px 0; display: flex; flex-direction: column; min-height: 150px; justify-content: space-between; position: relative; font-size: 14px; }

.bsktsum-section .giftmessage-message-wrapper .giftmessage-message-cont.nonfoodies { min-height: 80px; }

.bsktsum-section .giftmessage-message-wrapper .giftmessage-message-cont .giftmessage-message-to { padding: 0 0 8px 0; }

.bsktsum-section .giftmessage-message-wrapper .giftmessage-message-cont .giftmessage-message { padding: 8px 0; }

.bsktsum-section .giftmessage-message-wrapper .giftmessage-message-cont .giftmessage-message-from { max-width: 80%; padding: 8px 0 0 0; }

.bsktsum-section .giftmessage-message-wrapper .giftmessage-message-cont .giftmessage-message-edit { position: absolute; right: 10px; bottom: 16px; font-weight: 600; }

.bsktsum-section .pymt-paypalbtn { background: #FFC43A; text-align: center; padding: 0; margin: 16px 0; border-radius: 8px; display: flex; cursor: pointer; height: 48px; align-items: center; justify-content: center; }

.bsktsum-section .pymt-tctext { padding: 8px 0; font-size: 13px; color: #666; }

.bsktsum-section .btnopayo_buynow { font-size: 18px; }

.confirmed-section-heading { margin: 0 auto; text-align: center; max-width: 768px; padding: 16px; }

@media screen and (min-width: 66em) { .confirmed-section-heading { padding: 0; } }

.confirmed-section-heading h1 { font-size: 28px; line-height: normal; margin-bottom: 16px; font-weight: 600; }

@media screen and (min-width: 48em) { .confirmed-section-heading h1 { font-size: 36px; } }

.confirmed-section-heading .confirmed-desc { font-size: 16px; line-height: 1.5; }

@media screen and (min-width: 48em) { .confirmed-section-heading .confirmed-desc { font-size: 20px; } }

.confirmed-section { padding: 16px; }

@media screen and (min-width: 66em) { .confirmed-section { padding: 0; } }

.confirmed-section h3 { font-size: 24px; line-height: normal; margin-bottom: 16px; }

@media screen and (min-width: 48em) { .confirmed-section h3 { font-size: 32px; } }

.confirmed-section > div.confirmed-main .confirmed-orderno { text-align: left; }

@media screen and (min-width: 48em) { .confirmed-section > div.confirmed-main .confirmed-orderno { text-align: center; padding-top: 16px; } }

.confirmed-section > div.confirmed-main .confirmed-item { display: flex; flex-direction: row; padding: 24px 0; border-bottom: 1px #ccc solid; font-family: "Cormorant Infant", serif; }

.confirmed-section > div.confirmed-main .confirmed-item:first-child { border-top: 1px #ccc solid; }

.confirmed-section > div.confirmed-main .confirmed-item .confirmed-image { width: 90px; }

.confirmed-section > div.confirmed-main .confirmed-item .confirmed-details { display: flex; flex-direction: column; flex: 1; padding: 8px 16px; }

.confirmed-section > div.confirmed-main .confirmed-item .confirmed-details .cf-title { font-size: 20px; margin-bottom: 8px; }

.confirmed-section > div.confirmed-main .confirmed-item .confirmed-details .cf-options { display: flex; flex-direction: column; }

.confirmed-section > div.confirmed-main .confirmed-item .confirmed-details .cf-options .cf-option-list, .confirmed-section > div.confirmed-main .confirmed-item .confirmed-details .cf-options .cf-qty { font-size: 14px; text-transform: capitalize; }

.confirmed-section > div.confirmed-main .confirmed-item .confirmed-details .cf-options .cf-item-price { font-size: 16px; margin-top: 8px; }

.confirmed-section > div.confirmed-main .confirmed-totals { display: flex; flex-direction: column; /*border-top: 1px solid #ccc;*/ margin: 16px 0; color: #000; }

.confirmed-section > div.confirmed-main .confirmed-totals .confirmed-totals-inner { display: flex; flex-direction: row; padding: 16px 0; align-items: center; justify-content: space-between; border-bottom: 1px solid #ccc; font-weight: 600; }

.confirmed-section > div.confirmed-main .confirmed-totals .confirmed-totals-inner.noliner { border-bottom: none; }

.confirmed-section > div.confirmed-main .confirmed-totals .confirmed-totals-inner.topliner { border-top: 1px solid #ccc; }

.confirmed-section > div.confirmed-main .confirmed-totals .confirmed-totals-inner.bottomliner { border-bottom: 1px solid #ccc; }

.confirmed-section > div.confirmed-main .confirmed-addresses { padding: 16px 0; border-bottom: 1px solid #ccc; margin-bottom: 24px; color: #000; }

.confirmed-section > div.confirmed-member { padding: 0 !important; }

@media screen and (min-width: 48em) { .confirmed-section > div.confirmed-member { padding: 24px !important; } }

.confirmed-section > div.confirmed-member h3 { padding-left: 24px; }

@media screen and (min-width: 48em) { .confirmed-section > div.confirmed-member h3 { padding-lefT: 0; } }

.confirmed-section > div.confirmed-member .confirmed-member-inner { padding: 24px; background-color: #01002C; color: #fff; }

.confirmed-section > div.confirmed-member .confirmed-member-inner .confirmed-member-desc { margin-bottom: 16px; font-size: 28px; line-height: 1.2; font-weight: normal; font-family: "Cormorant Infant", serif; }

.confirmed-section > div.confirmed-member .confirmed-member-inner label { margin-bottom: 8px; font-size: 14px; display: block; font-weight: 600; }

.confirmed-section > div.confirmed-member .confirmed-member-inner .frm { margin-bottom: 16px; }

.confirmed-section.devidecol { display: flex; flex-direction: column; align-items: flex-start; }

@media screen and (min-width: 48em) { .confirmed-section.devidecol { flex-direction: row; } }

.confirmed-section.devidecol > div { padding: 24px; }

@media screen and (min-width: 48em) { .confirmed-section.devidecol > div { width: 50%; } }

.confirmed-multidel-heading { display: flex; font-family: "Cormorant Infant", serif; padding: 8px 0; font-size: 18px; font-weight: 600; }

@media screen and (min-width: 48em) { .confirmed-multidel-heading { font-size: 24px; } }

.confirmed-multidel-address { padding: 16px 0; display: flex; flex-direction: column; margin-bottom: 48px; border-bottom: 1px solid #ccc; }

.splitdelivery-wrapper { margin-bottom: 32px; }

.splitdelivery-wrapper .splitdellist-header { display: flex; }

.splitdelivery-wrapper .splitdellist-header > div { width: 50%; font-family: "Cormorant Infant", serif; font-size: 22px; font-weight: 600; padding: 8px; }

.splitdelivery-wrapper .splitdellist-item { display: flex; flex-direction: column; margin-bottom: 16px; }

@media screen and (min-width: 48em) { .splitdelivery-wrapper .splitdellist-item { flex-direction: row; margin-bottom: 0; } }

.splitdelivery-wrapper .splitdellist-item .splitdellist-item-detals { padding: 32px 24px 8px 24px; background: #fafafa; border-radius: 4px; }

@media screen and (min-width: 48em) { .splitdelivery-wrapper .splitdellist-item .splitdellist-item-detals { width: 50%; margin: 8px; padding: 32px 24px; } }

.splitdelivery-wrapper .splitdellist-item .splitdellist-item-detals .sllist-ea { display: flex; flex-direction: row; }

.splitdelivery-wrapper .splitdellist-item .splitdellist-item-detals .sllist-ea .delitem-img { max-width: 110px; }

.splitdelivery-wrapper .splitdellist-item .splitdellist-item-address { padding: 8px 24px 32px 24px; background: #fafafa; border-radius: 4px; }

@media screen and (min-width: 48em) { .splitdelivery-wrapper .splitdellist-item .splitdellist-item-address { width: 50%; margin: 8px; display: flex; flex-direction: column; justify-content: space-between; padding: 32px 24px; } }

#footer-payment a { color: #fff; }

.cont-giftwrapopt-holder input[type="date"] { cursor: pointer; background-color: #fafafa; color: #000; border-radius: 4px; padding: 8px; font-size: 16px; width: 100%; }

.cont-giftwrapopt-holder input[type="date"]:focus { border-color: #ccc; outline: none; }

.deldate_label_wrapper { display: flex; align-items: flex-start; }

#shippingAddressForm label { margin-top: 0; margin-bottom: 4px; font-weight: 600; display: block; }

.pca .pcaautocomplete { max-width: 80vw; }

@media screen and (min-width: 48em) { .pca .pcaautocomplete { max-width: none; } }
