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********************/
@-ms-viewport { user-zoom: fixed; }

@-o-viewport { user-zoom: fixed; }

@viewport { user-zoom: fixed; }

/*equivalent to user-scalable=no*/
body, input, textarea, select { font-family: "Open Sans", Arial, sans-serif; color: #333; -webkit-text-size-adjust: none; }

body * { line-height: 120%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

p { font-size: 14px; margin: 8px 0; font-family: "Open Sans", Arial, 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; }

.str-img img { width: 100%; }

.img-trans-flat[src="/images/core/transparent.gif"] { height: 0; /*#908821*/ }

a, .no-decor:hover { text-decoration: none; color: #333; }

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

.linethrough { text-decoration: line-through; }

.distantunderline { display: inline-block; margin: 8px 0; padding-bottom: 4px; border-bottom: solid 1px #333; }

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.heading-nominwidth th { min-width: 0; }

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

.fixedwidth { width: 1400px; max-width: 100%; margin: 0 auto; }

.fullwidth, .fullwidthonnarrow { width: 100% !important; }

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

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

.right { right: 0; }

.right1 { right: 16px; }

.right1-5 { right: 24px; }

.left { left: 0; }

.left1 { left: 16px; }

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

.auto { width: auto !important; 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; }

.width0 { width: 0px; }

.height0 { height: 0px; }

.width0-5 { width: 8px; }

.height0-5 { height: 8px; }

.width1 { width: 16px; }

.height1 { height: 16px; }

.width1-5 { width: 24px; }

.height1-5 { height: 24px; }

.width2 { width: 32px; }

.height2 { height: 32px; }

.width2-5 { width: 40px; }

.height2-5 { height: 40px; }

.width3 { width: 48px; }

.height3 { height: 48px; }

.width3-5 { width: 56px; }

.height3-5 { height: 56px; }

.width4 { width: 64px; }

.height4 { height: 64px; }

.width4-5 { width: 72px; }

.height4-5 { height: 72px; }

.width5 { width: 80px; }

.height5 { height: 80px; }

.width5-5 { width: 88px; }

.height5-5 { height: 88px; }

.widthauto, .auto { width: auto !important; }

.heightauto, .auto { height: auto !important; }

.bd-dark, .bd-color1 { border: solid 1px #333; }

.bd-color2 { border: solid 1px #666; }

.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-white, .bd-color0 { border: solid 1px #fff; }

.bd-trans { border: solid 1px transparent; }

.bd-none { border-width: 0 !important; }

.bd-double { border-width: 2px !important; }

.bd-top0 { border-top-width: 0; }

.bd-toponly { border-width: 1px 0 0; }

.bd-bottomonly { border-width: 0 0 1px; }

.bd-topbottom { border-width: 1px 0; }

.bd-topbottom-thick { border-width: 16px 0; }

.bd-sidesonly { border-width: 0 1px; }

.bd-variable-bottomsides { border-width: 0; }

.shadow { -webkit-box-shadow: #333 0 0 5px 1px; -moz-box-shadow: #333 0 0 5px 1px; box-shadow: #333 0 0 5px 1px; }

.shadow-small { -webkit-box-shadow: #999 1px 1px 2px 1px; -moz-box-shadow: #999 1px 1px 2px 1px; box-shadow: #999 1px 1px 2px 1px; }

.noshadow { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }

.outline, .outline-color11 { outline: solid 1px #faf8f1; }

.outline-mid, .outline-color4 { outline: solid 1px #ccc; }

.nooutline { outline: none; }

.bg-none { background: none !important; }

.bg-black, .bg-color10 { background-color: #000; color: #fff; }

.bg-xxdark, .bg-color10a { background-color: #1a1a1a; color: #fff; }

.bg-xdark, .bg-color1 { background-color: #333; 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-light, .bg-color5 { background-color: #eee; }

.bg-xlight, .bg-color11 { background-color: #faf8f1; }

.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(#faf8f1 0%, #fff 100%); background: -webkit-linear-gradient(#faf8f1 0%, #fff 100%); background: -o-linear-gradient(#faf8f1 0%, #fff 100%); background: -ms-linear-gradient(#faf8f1 0%, #fff 100%); background: linear-gradient(#faf8f1 0%, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFAF8F1,endColorstr=#FFFFFFFF); }

.bg-trans-dark { background-color: rgba(51, 51, 51, 0.8); color: #fff; }

.bg-trans { background-color: rgba(51, 51, 51, 0.6); color: #fff; }

.bg-trans-light { background-color: rgba(51, 51, 51, 0.4); color: #fff; }

.bg-trans-xlight { background-color: rgba(51, 51, 51, 0.2); color: #fff; }

.bg-xlighttowhite { background-color: #faf8f1; }

.bg-whitetoxlight { background-color: #fff; }

.bg-color8, .bg-color8 { background-color: #227722 !important; }

.bg-palecolor8 { background-color: #d7f4d7; }

.bg-singleimage[data-background] { background-repeat: no-repeat; background-position: center top; }

.f-sansserif, .f-family1 { font-family: "Open Sans", Arial, sans-serif; }

.f-serif, .f-family2 { font-family: "Open Sans", Arial, sans-serif; font-weight: 300; }

.f-xbold { font-weight: 900; }

.f-bold, .f-bold-lastchild > *:last-child { font-weight: 700; }

.f-nobold, .f-nobold * { font-weight: 300 !important; }

.f-italic { font-style: italic; }

.f-upper { text-transform: uppercase; }

.f-lower { text-transform: lowercase; }

.f-capi { text-transform: capitalize; }

.f-caseinherit { text-transform: none !important; }

.f-color0, .f-color0-links a { color: #fff; }

.f-color1, .f-color1-links a { color: #333; }

.f-color2, .f-color2-links a { color: #666; }

.f-color2a { color: #888; }

.f-color3 { color: #999; }

.f-color4 { color: #ccc; }

.f-color5 { color: #eee; }

.f-color6 { color: #ff4400; }

.f-color7, .f-error { color: #c82e2e; }

.f-color8 { color: #227722; }

.f-color9 { color: #2e4b8d; }

.f-color10 { color: #000; }

.f-color11 { color: #faf8f1; }

.f-standard { font-size: 14px; }

.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-large, .f-15 { font-size: 15px; }

/*15px*/
.f-large, .f-16 { font-size: 16px; }

/*default font size 16px*/
.f-xlarge, .f-18 { font-size: 18px; }

/*18px*/
.f-xxlarge, .f-20 { font-size: 20px; }

/*20px*/
.f-18, [class*=f-18to] { font-size: 18px; }

.f-24, [class*=f-24to] { font-size: 24px; }

.f-26, [class*=f-26to] { font-size: 26px; }

.f-28, [class*=f-28to] { font-size: 28px; }

.f-30, [class*=f-30to] { font-size: 30px; }

.f-32, [class*=f-32to] { font-size: 32px; }

.f-36, [class*=f-36to] { font-size: 36px; }

.f-40, [class*=f-40to] { font-size: 40px; }

.f-50, [class*=f-50to] { font-size: 50px; }

.f-60, [class*=f-60to] { font-size: 60px; }

h1, h2, h3, h4, h5, h6, [class*="f-heading"] { font-family: "Open Sans", Arial, sans-serif; font-weight: 300; margin: 8px 0; text-transform: capitalize; }

.f-heading7 { font-size: 18px; }

/*18px*/
h6, .f-heading6 { font-size: 20px; }

/*20px*/
h5, .f-heading5 { font-size: 22px; }

/*22px*/
h4, .f-heading4 { font-size: 24px; }

/*24px*/
h3, .f-heading3 { font-size: 26px; }

/*26px*/
h2, .f-heading2 { font-size: 28px; }

/*28px*/
h1, .f-heading1, .f-double, .f-doubleandhalf, .f-triple, .f-tripleandhalf, .f-quadruple { font-size: 30px; }

/*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; }

.f-space-normal, .f-space-variable { line-height: normal; }

.f-xspace { line-height: 150%; }

.f-xxspace { line-height: 250%; }

.f-xxxspace { line-height: 350%; }

.f-wordspace0-25 { word-spacing: 4px; }

.f-wordspace0-5 { word-spacing: 8px; }

.f-wordspace1 { word-spacing: 16px; }

/*#764914*/
.f-shadowcolor3 { text-shadow: 1px 1px #999; }

.f-shadowcolor4 { text-shadow: 1px 1px #ccc; }

.f-shadowcolor5 { text-shadow: 1px 1px #eee; }

.f-shadowcolor5-double { text-shadow: 2px 2px #eee; }

.align-left, .align-lefttocenter, .align-lefttoright { text-align: left; }

.align-center, .align-centertoleft, .align-centertoright, .align-centertorightMD { text-align: center; }

.align-right, .align-righttocenter, .align-righttoleft { 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; }

.m { margin: 16px !important; }

.pad { padding: 16px !important; }

.mt, .mt1to0 { margin-top: 16px !important; }

.pt, .pt1to0 { 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, .mtb1to0 { margin-top: 16px !important; margin-bottom: 16px !important; }

.ptb, .ptb1to0 { 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; }

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

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

.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-25 { margin-bottom: 20px !important; }

.pb1-25 { padding-bottom: 20px !important; }

.mb1-5, .mb1-5to2-5 { margin-bottom: 24px !important; }

.pb1-5, .pb1-5to2-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-125inherit *, .mtb0-125to0inherit * { margin-top: 2px !important; margin-bottom: 2px !important; }

.ptb0-125inherit *, .ptb0-125to0inherit * { padding-top: 2px !important; padding-bottom: 2px !important; }

.mtb0-25, .mtb0-25inherit * { margin-top: 4px !important; margin-bottom: 4px !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-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; }

.mr1-5 { margin-right: 24px !important; }

.pr1-5 { padding-right: 24px !important; }

.ml1-5 { margin-left: 24px !important; }

.pl1-5 { padding-left: 24px !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, .mlr0-5to1 { margin-left: 8px !important; margin-right: 8px !important; }

.plr0-5, .plr0-5to0, .plr0-5to1 { padding-left: 8px !important; padding-right: 8px !important; }

.mlr0-75 { margin-left: 12px !important; margin-right: 12px !important; }

.plr0-75 { padding-left: 12px !important; padding-right: 12px !important; }

.mlr1-25 { margin-left: 20px !important; margin-right: 20px !important; }

.plr1-25 { padding-left: 20px !important; padding-right: 20px !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; }

.mlrgutter, .mlrgutterto0, .mlrguttertoauto { margin-left: 1.25% !important; margin-right: 1.25% !important; }

.plrgutter, .plrgutterto0, .plrguttertoauto { padding-left: 1.25% !important; padding-right: 1.25% !important; }

.mlrdoublegutter, .mlrdoublegutterto0, .mlrdoubleguttertoauto { margin-left: 2.5% !important; margin-right: 2.5% !important; }

.plrdoublegutter, .plrdoublegutterto0, .plrdoubleguttertoauto { padding-left: 2.5% !important; padding-right: 2.5% !important; }

.mlrquadruplegutter, .mlrquadruplegutterto0 { margin-left: 5% !important; margin-right: 5% !important; }

.plrquadruplegutter, .plrquadruplegutterto0 { padding-left: 5% !important; padding-right: 5% !important; }

.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] { -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; 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; }

.flex-equal { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; }

.no-flexbox .flex-equal { display: table; table-layout: fixed; }

.no-flexbox .flex-equal > * { display: table-cell !important; 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) { @-ms-viewport { user-zoom: zoom; }
  @-o-viewport { user-zoom: zoom; }
  @viewport { user-zoom: zoom; }
  /*equivalent to user-scalable=yes*/
  .fullwidthonnarrow { width: auto !important; }
  .fulltohalfwidth { width: 50% !important; }
  .twothirdstofullwidth { width: 100% !important; }
  .twothirdstoauto { width: auto !important; }
  .align-lefttocenter, .align-righttocenter, .align-centertorightMD { text-align: center; }
  .align-centertoleft, .align-righttoleft { text-align: left; }
  .align-centertoright, .align-lefttoright { text-align: right; }
  .mt0to1, .mt0-5to1 { margin-top: 16px !important; /*#908821*/ }
  .pt0-5to1 { padding-top: 16px !important; }
  .mt1to0 { margin-top: 0 !important; }
  .pt1to0 { padding-top: 0 !important; }
  .mb1onnarrow { margin-bottom: 0 !important; }
  .pb1onnarrow { padding-bottom: 0 !important; }
  .mb0to0-5 { margin-bottom: 8px !important; }
  .pb0to0-5 { padding-bottom: 8px !important; }
  .mb0to1-5 { margin-bottom: 24px !important; }
  .pb0to1-5 { padding-bottom: 24px !important; }
  .mb0to2, .mb1to2 { margin-bottom: 32px !important; }
  .pb0to2, .pb1to2 { padding-bottom: 32px !important; }
  .mb0to2-5, .mb1-5to2-5 { margin-bottom: 40px !important; }
  .pb0to2-5, .pb1-5to2-5 { padding-bottom: 40px !important; }
  .mtb0-125to0inherit *, .mtb1to0 { margin-top: 0 !important; margin-bottom: 0 !important; }
  .ptb0-125to0inherit *, .ptb1to0 { padding-top: 0 !important; padding-bottom: 0 !important; }
  .mtb0to0-5 { margin-top: 8px !important; margin-bottom: 8px !important; }
  .ptb0to0-5 { padding-top: 8px !important; padding-bottom: 8px !important; }
  .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; }
  .mr0to1 { margin-right: 16px !important; }
  .mlr0-5to0 { margin-left: 0 !important; margin-right: 0 !important; }
  .plr0-5to0 { padding-left: 0 !important; padding-right: 0 !important; }
  .mlrgutterto0, .mlrdoublegutterto0, .mlrquadruplegutterto0 { margin-left: 0 !important; margin-right: 0 !important; }
  .plrgutterto0, .plrdoublegutterto0, .plrquadruplegutterto0 { padding-left: 0 !important; padding-right: 0 !important; }
  .mlr0togutter { margin-left: 1.25% !important; margin-right: 1.25% !important; }
  .plr0togutter { padding-left: 1.25% !important; padding-right: 1.25% !important; }
  .mlr0todoublegutter { margin-left: 2.5% !important; margin-right: 2.5% !important; }
  .plr0todoublegutter { padding-left: 2.5% !important; padding-right: 2.5% !important; }
  .mlr0to1, .mlr0-5to1 { margin-left: 16px !important; margin-right: 16px !important; }
  .plr0to1, .plr0-5to1 { padding-left: 16px !important; padding-right: 16px !important; }
  .mlr0to0-5 { margin-left: 8px !important; margin-right: 8px !important; }
  .pr0to2-5 { padding-right: 40px !important; /*#746944*/ }
  .bd-variable-bottomsides { border-width: 0 1px 1px; }
  .bg-xlighttowhite { background-color: #fff; }
  .bg-whitetoxlight { background-color: #faf8f1; }
  .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*/
  [class*=tof-11] { font-size: 11px; }
  [class*=tof-12] { font-size: 12px; }
  [class*=tof-13] { font-size: 13px; }
  [class*=tof-14] { font-size: 14px; }
  [class*=tof-15] { font-size: 15px; }
  [class*=tof-16] { font-size: 16px; }
  [class*=tof-18] { font-size: 18px; }
  [class*=tof-20] { font-size: 20px; }
  [class*=tof-22] { font-size: 22px; }
  [class*=tof-24] { font-size: 24px; }
  [class*=tof-26] { font-size: 26px; }
  [class*=tof-28] { font-size: 28px; }
  [class*=tof-30] { font-size: 30px; }
  [class*=tof-32] { font-size: 32px; }
  [class*=tof-36] { font-size: 36px; }
  [class*=tof-40] { font-size: 40px; }
  [class*=tof-50] { font-size: 50px; }
  [class*=tof-60] { font-size: 60px; }
  .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*/ }

@media screen and (min-width: 72em) { .align-centertorightMD { text-align: right; }
  .mlonwide, .mlronwide { margin-left: 16px !important; }
  .mronwide, .mlronwide { margin-right: 16px !important; }
  .mlrguttertoauto, .mlrdoubleguttertoauto { margin-left: auto !important; margin-right: auto !important; }
  .plrguttertoauto, .plrdoubleguttertoauto { padding-left: auto !important; padding-right: auto !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*/ }

/********************SHOW/HIDE - CLASSES FOR USE THROUGHOUT THE SITE, NOT SPECIFIC TO PARTICULAR PAGES********************/
.hidden { display: none; }

.inline { display: inline; }

.block, .block-children > * { display: block; }

.inline-block { display: inline-block; vertical-align: top; }

.hideonnarrow, .hideonnarrowinline, .hideonnarrowinlineblock, .showonwide, .showonwideinline, .showonwideinlineblock { display: none !important; }

.flexbox { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-box-pack: space-between; -moz-box-pack: space-between; -ms-flex-pack: space-between; -webkit-justify-content: space-between; justify-content: space-between; }

.flexbox.justify-center { -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; }

.flexbox.valign-center { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.flexbox > * { -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; }

.flexbox > *.flexgrow0 { -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; }

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

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

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

.no-flexbox .flexbox.fallback-table { display: table; }

.no-flexbox .flexbox.fallback-table > * { display: table-cell; vertical-align: middle; }

@media screen and (min-width: -100px) and (-webkit-min-device-pixel-ratio: 0) { .flexbox.fallback-table { display: table; }
  .flexbox.fallback-table > * { display: table-cell; vertical-align: middle; } }

@media screen and (min-width: 48em) { .hideonnarrow { display: block !important; }
  .hideonnarrowinline { display: inline !important; }
  .hideonnarrowinlineblock { display: inline-block !important; vertical-align: top; }
  td.hideonnarrow, th.hideonnarrow { display: table-cell !important; }
  .showonnarrow { display: none !important; } }

@media screen and (min-width: 72em) { .showonwide { display: block !important; }
  .showonwideinline { display: inline !important; }
  .showonwideinlineblock { display: inline-block !important; vertical-align: top; }
  td.showonwide, th.showonwide { display: table-cell !important; }
  .hideonwide { display: none !important; } }

.elite-flexbox { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; }

.no-flexbox .elite-flexbox { display: table; table-layout: auto; }

.no-flexbox .elite-flexbox > * { display: table-cell !important; 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, .flexbox-MD-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, .flexbox-MD-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; }

.elite-flexbox.flex-wrap, .flexbox-SM-upwards.flex-wrap, .flexbox-MD-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 > *, .flexbox-MD-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, .flexbox-MD-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, .flexbox-MD-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 > *.flexshrinkgrowequal, .flexbox-SM-upwards > *.flexshrinkgrowequal, .flexbox-MD-upwards > *.flexshrinkgrowequal, .elite-flexbox-vertical > *.flexshrinkgrowequal { -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%; }

.elite-flexbox > *.flexshrink1, .flexbox-SM-upwards > *.flexshrink1, .flexbox-MD-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, .flexbox-MD-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, .flexbox-MD-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, .flexbox-MD-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, .flexbox-MD-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) { .flexbox-SM-upwards { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; }
  .no-flexbox .flexbox-SM-upwards { display: table; table-layout: auto; }
  .no-flexbox .flexbox-SM-upwards > * { display: table-cell !important; vertical-align: top; } }

@media screen and (min-width: 72em) { .flexbox-MD-upwards { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; }
  .no-flexbox .flexbox-MD-upwards { display: table; table-layout: auto; }
  .no-flexbox .flexbox-MD-upwards > * { display: table-cell !important; vertical-align: top; } }

#sitebody > * { position: relative; z-index: 4; }

#sitebody > #header { z-index: 3; }

#sitebody > #main, #sitebody > #slideshow, #sitebody > #footer { z-index: 2; }

#masthead, #overlay-searchdrop, #overlay-basket, #overlay-contact, #overlay-account, #headerbuttons { z-index: 3; }

#headerdropdowns { z-index: 2; }

#slides, .slidesjs-pagination, .slidesjs-navigation, #swiper { z-index: 1; }

.separator h1, .separator h2, .separator h3, .separator h4, .separator h5, .separator h6, .separatorbox > h1, .separatorbox > h2, .separatorbox > h3, .separatorbox > h4, .separatorbox > h5, .separatorbox > h6 { z-index: 1; }

.enhanceonhover:hover .enhanced { z-index: 1; }

.tab.selected { z-index: 1; }

@media screen and (min-width: 48em) { [id^=submenu] { z-index: 1; } }

.tab { clear: both; display: block; margin: 8px 1.25%; color: #999; background-color: #faf8f1; padding: 8px; }

.tab + div { margin: 8px 1.25%; }

a.xtab { font-weight: bold; margin: 8px 1.25% 8px; cursor: default; }

div.xtab { margin-bottom: 48px; }

.tabgroup, .tabgroup .tab:first-child, .tabgroup-fixedvalues, .tabgroup-fixedvalues .tab:first-child { position: relative; }

.tabgroup .tab, .tabgroup-fixedvalues .tab { clear: none; position: absolute; top: 0; width: 24.33333%; margin: 0 4% 0 0; padding: 8px 0.5%; }

.tabgroup .tab, .tabgroup-fixedvalues .tab { left: 8%; }

.tabgroup .tab + div + .tab, .tabgroup-fixedvalues .tab + div + .tab { left: 37.33333%; }

.tabgroup .tab + div + .tab + div + .tab, .tabgroup-fixedvalues .tab + div + .tab + div + .tab { left: 66.66667%; }

.tabgroup .tab + div, .tabgroup-fixedvalues .tab + div { position: relative; margin: 0 1.25%; }

.tabgroup .tab, .tabgroup-fixedvalues .tab { 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-fixedvalues .tab.selected { cursor: default; color: #000; background-color: #fff; border-color: #ccc; top: 9px; }

.tabgroup .tab.bd-xlight, .tabgroup-fixedvalues .tab.bd-xlight { border-color: #ccc; }

.tabgroup .tab.f-color10, .tabgroup-fixedvalues .tab.f-color10 { color: #000; }

.tabgroup .tab + div, .tabgroup-fixedvalues .tab + div { border-top: solid 1px #ccc; background-color: #fff; top: 8px; }

.tabgroup-fixedvalues .tab { width: 96px; margin-right: 0; padding-left: 8px; padding-right: 8px; left: 16px; }

.tabgroup-fixedvalues .tab + div + .tab { left: 144px; }

.tabgroup-fixedvalues .tab + div + .tab + div + .tab { left: 272px; }

.tabgroup-fixedvalues .tab + div + .tab + div + .tab + div + .tab { left: 400px; }

.accordion-narrowonly .arrow-r-r, .accordion-narrowonly .bg-arrow-right, .accordion-narrowonly .bg-arrow-down, .accordion .arrow-r-r, .accordion .bg-arrow-right, .accordion .bg-arrow-down { padding: 8px 0; }

.accordion-narrowonly > div { background-color: #fff; border-bottom: solid 2px #eee; }

.accordion-narrowonly > div:first-child { border-top: solid 2px #eee; }

.accordion .bg-arrow-right, .accordion .bg-arrow-down { font-size: 20px; /*#908821*/ border-top: solid 1px #999; background-position: right center; }

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 #333; border-right-color: transparent; background-color: transparent !important; }

.arrow-l-r.selected:after { top: 49%; border-width: 0.5em 0.35em 0; border-color: #333 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 #333; border-right-color: transparent; background-color: transparent !important; }

.arrow-r-r.selected:after { top: 49%; border-width: 0.5em 0.35em 0; border-color: #333 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; }

.bg-arrow-up { background: url(../images/icons/arrow-up.gif) no-repeat 97% 65% transparent; min-width: 16px; min-height: 9px; cursor: pointer; }

.bg-arrow-down { background: url(../images/icons/arrow-down.gif) no-repeat 97% 65% transparent; min-width: 16px; min-height: 9px; cursor: pointer; }

.bg-arrow-left { background: url(../images/icons/arrow-left.gif) no-repeat 97% 50% transparent; min-width: 9px; min-height: 16px; cursor: pointer; }

.bg-arrow-right { background: url(../images/icons/arrow-right.gif) no-repeat 97% 50% transparent; min-width: 9px; min-height: 16px; cursor: pointer; }

.separator { background: url(../images/core/dot.gif) repeat-x center center transparent; clear: both; display: block; width: 100%; text-align: center; min-height: 1em; }

.separator.fullwidth { clear: both; display: block; width: 100%; }

.separator h1, .separator h2, .separator h3, .separator h4, .separator h5, .separator h6, .separatorbox > h1, .separatorbox > h2, .separatorbox > h3, .separatorbox > h4, .separatorbox > h5, .separatorbox > h6 { display: inline-block; vertical-align: top; position: relative; border-left: solid 0.75em #fff; border-right: solid 0.75em #fff; background-color: #fff; }

.separatorbox { clear: both; display: block; width: 100%; text-align: center; }

.separatorbox > h1, .separatorbox > h2, .separatorbox > h3, .separatorbox > h4, .separatorbox > h5, .separatorbox > h6 { margin: 0; }

.separatorbox > div { position: relative; top: -8px; padding-top: 16px; border: solid 1px #999; text-align: left; }

.separatorbox > div.align-center { text-align: center; }

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

.overlapbox, .overlapbox-large { position: relative; }

.overlapbox img, .overlapbox-large img { width: 100%; }

a.overlapbox { text-decoration: none; }

.overlapbox-text, .overlapbox-text-small, .overlapbox-text-above-image { position: relative; top: -8px; width: 80%; padding: 0.25em 2%; margin-left: auto; margin-right: auto; text-align: center; background-color: #fff; border: 1px solid #ccc; }

.overlapbox.min4 .overlapbox-text { min-height: 4em; }

.overlapbox-large .overlapbox-text { top: -2em; margin-bottom: -1em; width: 90%; }

h1.overlapbox-text, h2.overlapbox-text, h3.overlapbox-text, h4.overlapbox-text, h5.overlapbox-text, h6.overlapbox-text, [class*="f-heading"].overlapbox-text { text-transform: capitalize; }

.overlapbox-text-small { width: 65%; }

.overlapbox-text-above-image { top: 8px; }

.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: #ede5cb; -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, input[value=x], input[value=X], .popup-close, .slidesjs-navigation, .swiper-navigation a, .bubble-xmini, .bubble-mini-light, .bubble-xmini-light { display: inline-block; vertical-align: top; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; position: absolute; right: -15px; top: -15px; text-align: center; color: #fff; background-color: #333; border: solid 2px #fff; font-size: 13px; line-height: 12px; width: 30px; height: 30px; padding: 7px 0; }

.bubble-xmini, .bubble-xmini-light { width: 24px; height: 24px; padding: 5px 0; right: -13px; top: -13px; }

.bubble-mini-light, .bubble-xmini-light { color: #333; background-color: #faf8f1; border: solid 1px #ccc; }

.bubble-xmini-light { right: 1px; }

.dash-before, .dashes-before-children > * { padding-left: 10px; text-indent: -10px; }

.dash-before:before, .dashes-before-children > *:before { content: '- '; padding-left: 1px; }

.no-dash { padding-left: 0; text-indent: 0; }

.no-dash:before { display: none; }

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

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

/*PAYMENT DELIVERY CTA HEADER*/
.deliveryoptionbox { border: 1px solid #ccc; border-top-width: 0; border-left-color: #ccc; border-right-color: #ccc; }

.deliveryoptionbox.nostore { border-top-width: 1px !important; }

.modtab { border-bottom: 1px solid #ccc; text-align: center; padding: 16px 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }

@media screen and (min-width: 48em) { .modtab:before { content: ""; width: 25px; height: 25px; background-size: 25px; background-position: 0 -25px; display: inline-block; vertical-align: middle; margin-right: 16px; } }

.modtab span { display: inline-block; vertical-align: middle; }

@media screen and (min-width: 48em) { .modtab span { font-size: 20px; } }

.modtab.current { border: 1px solid #ccc; border-bottom-width: 0; }

.modtab.current:before { background-position: 0 0; }

.modtab:not(.current):hover { background: #666; color: #fff; cursor: pointer; }

@media screen and (min-width: 48em) { .deliverto:before { background-image: url(../images/core/deliver_truck.png); }
  .delivertostore:before { background-image: url(../images/core/deliver_store.png); } }

.deliveryslots ul.slotdates li { display: inline-block; width: 96px; border: 1px solid #999; text-align: center; margin: 4px 8px 4px 0; }

@media screen and (min-width: 48em) { .deliveryslots ul.slotdates li { width: 80px; } }

.deliveryslots ul.slotdates li > span { display: block; padding: 8px; }

@media screen and (min-width: 48em) { .deliveryslots ul.slotdates li > span:hover { background: #eee; text-decoration: none; color: #333; } }

.deliveryslots ul.slotdates li > span > span { display: block; text-align: center; cursor: pointer; white-space: nowrap; }

.deliveryslots ul.slotdates li.selected { background: #666; border: 1px solod #666; color: #fff; }

.deliveryslots ul.slotdates li.selected > span:hover { background: #666; text-decoration: none; color: #fff; }

.deliveryslots ul.slotdates.hslot li { width: 96px; }

@media screen and (min-width: 48em) { .deliveryslots ul.slotdates.hslot li { width: 80px; } }

.deliveryslots ul.slotdates.hslot li.selected { background: #666; border: 1px solod #666; color: #fff; }

.deliveryslots ul.slotdates.hslot li.selected > span:hover { background: #666; text-decoration: none; color: #fff; }

.deliveryslots ul.slotselect { border-top: 1px solid #ccc; }

.deliveryslots ul.slotselect li { display: inline-block; vertical-align: middle; line-height: 32px; padding: 8px 0; border-bottom: 1px solid #ccc; }

.deliveryslots ul.slotselect li.time { text-align: left; width: 60%; }

.deliveryslots ul.slotselect li.select { text-align: right; width: 40%; }

.deliveryslots ul.slotselect li.select span { display: inline-block; padding: 8px 16px; background: #ff4400; color: #fff; cursor: pointer; text-align: center; }

.deliveryslots ul.slotselect.hslot li { line-height: 120%; }

.deliveryslots ul.slotselect.hslot li.time { text-align: left; width: 60%; border-bottom: none; }

.deliveryslots ul.slotselect.hslot li.cost { text-align: right; width: 40%; border-bottom: none; }

.deliveryslots ul.slotselect.hslot li.select { text-align: center; width: 100%; }

.deliveryslots ul.slotselect.hslot li.select span { display: block; padding: 8px 16px; background: #ff4400; color: #fff; cursor: pointer; }

@media screen and (min-width: 48em) { .deliveryslots ul.slotselect.hslot li { line-height: 32px; }
  .deliveryslots ul.slotselect.hslot li.time { text-align: left; width: 33.33%; border-bottom: 1px solid #eee; }
  .deliveryslots ul.slotselect.hslot li.cost { text-align: center; width: 33.33%; border-bottom: 1px solid #eee; }
  .deliveryslots ul.slotselect.hslot li.select { text-align: right; width: 33.33%; border-bottom: 1px solid #eee; }
  .deliveryslots ul.slotselect.hslot li.select span { display: inline-block; padding: 8px 16px; background: #ff4400; color: #fff; cursor: pointer; } }

input, select, textarea, a.button, a.btn-secondary, a.btn-tertiary { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; border: solid 1px #ccc; padding: 0 8px; max-width: 100%; height: 38px; line-height: 38px; overflow: hidden; }

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[type=button], input[type=submit], input[type=image], a.button, a.btn-secondary, a.btn-tertiary { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border-width: 0; cursor: pointer; color: #fff; background-color: #ff4400; -webkit-appearance: none; }

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: 2em; 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-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; }

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: #000; }

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][disabled="disabled"], input[type=submit][disabled="disabled"], input[type=image][disabled="disabled"], a.button[disabled="disabled"], a.btn-secondary[disabled="disabled"], a.btn-tertiary[disabled="disabled"] { background-color: #ccc; }

input[type=image] { background-color: transparent; }

input[type=text], input[type=password], input[type=number], input[type=email], input[type=tel] { height: 38px; padding: 8px; line-height: 22px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

input[type=radio], input[type=checkbox], input[type=image] { border-width: 0; outline: none; height: auto; margin: 0; }

a.button, a.btn-secondary, a.btn-tertiary { display: inline-block; vertical-align: top; text-align: center; text-decoration: none; }

[class*="container-"] > a.button, [class*="container-"] > a.btn-secondary, [class*="container-"] > a.btn-tertiary { display: block; padding: 0; }

select { padding: 3px; height: 38px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

textarea { height: 8em; padding: 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

.large-form-controls input, .large-form-controls .button { height: 48px; line-height: 48px; }

.large-form-controls input.xshort, .large-form-controls .button.xshort { max-width: 48px; width: 48px; height: 48px; }

.paypalbtn { background: url(../images/core/pay_paypal.png) no-repeat center center; width: 100%; }

.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: 32px; }

.fieldwithbutton > div input { width: 100%; height: 32px; }

.fieldwithbutton select { height: 32px; }

.fieldwithlabel label, .fieldbelowlabel label { font-weight: 600; font-size: 14px; }

.fieldwithlabel input[type=text], .fieldwithlabel input[type=password], .fieldwithlabel input[type=number], .fieldwithlabel input[type=email], .fieldwithlabel input[type=tel], .fieldwithlabel select, .fieldwithlabel textarea, .fieldbelowlabel input[type=text], .fieldbelowlabel input[type=password], .fieldbelowlabel input[type=number], .fieldbelowlabel input[type=email], .fieldbelowlabel input[type=tel], .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; }

.fieldwithlabel label { float: left; 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 { display: block; margin-top: 12px; margin-bottom: 8px; }

.fieldbelowlabel input[type=radio] + label, .fieldbelowlabel input[type=checkbox] + label { display: inline-block; }

.fieldbelowlabel input[type=text], .fieldbelowlabel input[type=email], .fieldbelowlabel input[type=password], .fieldbelowlabel input[type=number], .fieldbelowlabel input[type=tel], .fieldbelowlabel select, .fieldbelowlabel textarea { margin-bottom: 12px; }

.fieldwithimage input[type] { display: inline-block; vertical-align: top; font-size: 16px; height: 32px; padding: 4px; margin: 0; }

.fieldwithimage input[type].bd-dark { border: solid 1px #333; }

.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: 30px; padding-top: 3px; padding-bottom: 3px; margin-top: 1px; }

input[type=text].fail, input[type=text].inputFAIL, input[type=email].fail, input[type=email].inputFAIL, input[type=password].fail, input[type=password].inputFAIL, input[type=number].fail, input[type=number].inputFAIL, input[type=tel].fail, input[type=tel].inputFAIL { background: #fbefef url(../images/core/icon-error.png) no-repeat 98% center; }

input[type=text].pass, input[type=text].inputPASS, input[type=email].pass, input[type=email].inputPASS, input[type=password].pass, input[type=password].inputPASS, input[type=number].pass, input[type=number].inputPASS, input[type=tel].pass, input[type=tel].inputPASS { background: #effaef url(../images/core/icon-tick.png) no-repeat 98% center; }

input[type=number] { -moz-appearance: textfield; }

@media screen and (min-width: 48em) { 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; } }

@media screen and (min-width: 72em) { input[type=button], input[type=submit], input[type=image] { padding-left: 16px; padding-right: 16px; } }

/********************CONTAINERS AND OTHER STRUCTURAL CLASSES FOR USE THROUGHOUT THE SITE********************/
[class*="container-"] { margin: 8px -8px; }

[class*="container-"] > * { display: inline-block; vertical-align: top; padding-left: 8px; padding-right: 8px; }

[class*="-marginless"] { margin: 8px 0; }

[class*="-marginless"] > * { padding-left: 0; padding-right: 0; }

[class*="-margindouble"] { margin: 8px -16px; }

[class*="-margindouble"] > * { padding-left: 16px; padding-right: 16px; }

[class*="-margintriple"] { margin: 8px -24px; }

[class*="-margintriple"] > * { padding-left: 24px; padding-right: 24px; }

.container-1 > * { clear: both; display: block; width: 100%; }

.container-1.innerpad > * { padding: 8px 1.25%; width: 95%; }

.container-2x1 > *, .container-2x1-marginless > *, .container-2x1-margindouble > * { width: 50%; }

.container-3x1 > *, .container-3x1-marginless > *, .container-3x1-margindouble > * { width: 33.33333%; }

.container-4x1 > *, .container-4x1-marginless > *, .container-4x1-margindouble > * { width: 25%; }

.container-1-2-1-1-marginless > * { width: 20%; }

.container-1-2-1-1-marginless > *:first-child + * { width: 40%; }

.container-1-2-2-2-1 > * { width: 25%; }

.container-1-2-2-2-1 > *:first-child, .container-1-2-2-2-1 > *:last-child { width: 12.5%; }

.container-1-3 > *:first-child { width: 25%; }

.container-1-3 > * { width: 75%; }

.container-1-4 > *:first-child, .container-1-4-marginless > *:first-child { width: 20%; }

.container-1-4 > *, .container-1-4-marginless > * { width: 80%; }

.container-2-1 > *:first-child, .container-2-1-marginless > *:first-child { width: 66.66667%; }

.container-2-1 > *, .container-2-1-marginless > * { width: 33.33333%; }

.container-2-3 > *:first-child { width: 40%; }

.container-2-3 > * { width: 60%; }

.container-3-1 > *:first-child { width: 75%; }

.container-3-1 > * { width: 25%; }

.container-3-1-margindouble > *:first-child { width: 75%; }

.container-3-1-margindouble > * { width: 25%; }

.container-3-2 > *:first-child { width: 60%; }

.container-3-2 > * { width: 40%; }

.container-4-1-marginless > *:first-child { width: 80%; }

.container-4-1-marginless > * { width: 20%; }

.container-variable-1to2 img { width: 100%; }

.container-variable-1to3 > * { clear: both; display: block; width: 100%; }

.container-variable-1to3 > *:nth-child(3) { display: none; }

/*3rd column hidden on mobile*/
.container-variable-1to3-marginless > * { clear: both; display: block; width: 100%; }

.container-variable-1to3-marginless > *:nth-child(3) { display: inline-block; }

/*3rd column hidden on mobile*/
.container-variable-2to1 > *, .container-variable-2to3 > *, .container-variable-2to4 > * { width: 50%; }

.container-variable-2to3-special > *, .container-variable-2to3-special-margindouble > *, .container-variable-2to3to4-special > *, .container-variable-2to3to4-special-margindouble > * { width: 50%; }

.container-variable-3to4 > * { width: 33.33333%; }

.container-variable-1-4-to-1 > *:first-child { width: 20%; }

.container-variable-1-4-to-1 > * { width: 80%; }

.limited-1 { clear: both; display: block; width: 100%; }

.container-2x1-stack > *, .container-2x1-stack-marginless > *, .container-3x2 > *, .container-3x2-margindouble > *, .container-3x1-stack > *, .container-3x1-stack-marginless > *, .container-4x1-stack > *, .container-4x1-stack-marginless > *, .container-2-1-stack > *, .container-3-1-stack > * { width: 100%; /*#908821*/ }

@media screen and (min-width: 36em) { .container-variable-2to3-special > *, .container-variable-2to3-special-margindouble > *, .container-variable-2to3to4-special > *, .container-variable-2to3to4-special-margindouble > * { width: 33.33333%; } }

@media screen and (min-width: 48em) { .container-2x1-stack > *, .container-2x1-stack-marginless > *, .container-3x2 > *, .container-3x2-margindouble > * { width: 50%; }
  .container-2x1-stack.spacedouble > * { margin-left: 3.75%; width: 46.25%; }
  .container-2x1-stack.spacedouble > *:first-child { margin-left: 1.25%; }
  .container-3x1-stack > *, .container-3x1-stack-marginless > * { width: 33.33333%; }
  .container-4x1-stack > *, .container-4x1-stack-marginless > * { width: 25%; }
  .container-5x1 > * { width: 20%; }
  .container-6x1-margindouble > * { width: 16.66667%; }
  .container-7x1 > * { width: 14.28571%; }
  .container-1-2 > *:first-child { width: 33.33333%; }
  .container-1-2 > * { width: 66.66667%; }
  .container-1-2-1-1-1 > * { width: 16.66667%; }
  .container-1-2-1-1-1 > *:first-child + * { width: 33.33333%; }
  .container-2-1-stack > * { width: 33.33333%; }
  .container-2-1-stack > *:first-child { width: 66.66667%; }
  .container-2-3-1 > *:nth-child(3n+1) { width: 33.33333%; }
  /*1st col*/
  .container-2-3-1 > *:nth-child(3n+2) { width: 50%; }
  /*2nd col*/
  .container-2-3-1 > *:nth-child(3n) { width: 16.66667%; }
  /*3rd col*/
  .container-3-1-stack > * { width: 25%; }
  .container-3-1-stack > *:first-child { width: 75%; }
  .container-4-5 > *:first-child { width: 44.44444%; }
  .container-4-5 > * { width: 55.55556%; }
  .container-5-3-4 > *:nth-child(3n+1) { width: 41.66667%; }
  /*1st col*/
  .container-5-3-4 > *:nth-child(3n+2) { width: 25%; }
  /*2nd col*/
  .container-5-3-4 > *:nth-child(3n) { width: 33.33333%; }
  /*3rd col*/
  .container-5-9-3-3-marginless > * { width: 15%; }
  .container-5-9-3-3-marginless > *:first-child { width: 25%; }
  .container-5-9-3-3-marginless > *:first-child + * { width: 45%; }
  .container-9-5-6 > *:nth-child(3n+1) { width: 45%; }
  /*1st col*/
  .container-9-5-6 > *:nth-child(3n+2) { width: 25%; }
  /*2nd col*/
  .container-9-5-6 > *:nth-child(3n) { width: 30%; }
  /*3rd col*/
  .container-9-5-6-marginless > *:nth-child(3n+1) { width: 45%; }
  /*1st col*/
  .container-9-5-6-marginless > *:nth-child(3n+2) { width: 25%; }
  /*2nd col*/
  .container-9-5-6-marginless > *:nth-child(3n) { width: 30%; }
  /*3rd col*/
  .container-variable-1to2 > * { width: 50%; }
  .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 > * { width: 50%; }
  .container-variable-1to3 > *:nth-child(n) { width: 33.33333%; }
  .container-variable-1-to-1-3 > *:first-child { width: 25%; }
  .container-variable-1-to-1-3 > * { width: 75%; }
  .container-variable-1-4-to-1 > *:first-child { clear: both; display: block; width: 100%; }
  .container-variable-1-4-to-1 > * { clear: both; display: block; width: 100%; }
  .container-variable-2to1 > * { clear: both; display: block; width: 100%; }
  .container-variable-2to3 > * { width: 33.33333%; }
  .container-variable-2to4 > *, .container-variable-2to3to4-special > *, .container-variable-2to3to4-special-margindouble > * { width: 25%; }
  .container-variable-3to4 > * { width: 25%; }
  .limited-1-notnarrow { clear: both; display: block; width: 100%; } }

@media screen and (min-width: 72em) { .container-3x2 > *, .container-3x2-margindouble > * { width: 33.33333%; }
  .container-variable-2to1 > * { clear: both; display: block; width: 100%; }
  .container-1-2-marginless > * { width: 66.66667%; }
  .container-1-2-marginless > *:first-child { width: 33.33333%; }
  .container-variable-1to1to2 > * { width: 50%; }
  .limited-1-wideonly { clear: both; display: block; width: 100%; } }

[data-cols-xs] > *, [data-cols-sm] > *, [data-cols-md] > * { 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%; }

@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: 72em) { [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%; } }

[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="1/12"] { width: 8.33333%; }

[data-width="5/12"] { width: 41.66667%; }

[data-width="11/12"] { width: 91.66667%; }

[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%; }

[data-width-xs="1/12"] { width: 8.33333%; }

[data-width-xs="5/12"] { width: 41.66667%; }

[data-width-xs="11/12"] { width: 91.66667%; }

@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%; }
  [data-width-sm="1/12"] { width: 8.33333%; }
  [data-width-sm="5/12"] { width: 41.66667%; }
  [data-width-sm="11/12"] { width: 91.66667%; } }

@media screen and (min-width: 72em) { [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%; }
  [data-width-md="1/12"] { width: 8.33333%; }
  [data-width-md="5/12"] { width: 41.66667%; }
  [data-width-md="11/12"] { width: 91.66667%; } }

/********************SPECIAL STYLES SPECIFICALLY FOR ONE OR MORE PARTICULAR FEATURE(S)********************/
.linkloc-multiline div > a { display: block; padding-top: 8px; padding-bottom: 8px; }

#dropdown-basket, #searchdrop, #dropdown-favourite, #dropdown-account { display: none; position: absolute; top: 79px; }

#backOfficeTop ~ #dropdown-basket, #backOfficeTop ~ #searchdrop, #backOfficeTop ~ #dropdown-favourite, #backOfficeTop ~ #dropdown-account { top: 112px; }

#searchdrop { top: 60px; }

.minibasketitem { position: relative; display: inline-block; vertical-align: top; -webkit-box-shadow: #eee 0 0 0 0; -moz-box-shadow: #eee 0 0 0 0; box-shadow: #eee 0 0 0 0; width: 56px; margin: 8px 8px 16px; }

.minibasketitem img { width: 100%; }

#overlay-searchdrop, #overlay-basket, #overlay-contact, #overlay-account { position: fixed; display: none; }

@media screen and (min-height: 40em) { #dropdown-basket, #searchdrop, #dropdown-favourite, #dropdown-account { position: fixed; } }

.nav > a { display: inline-block; vertical-align: top; padding-left: 0.5em; padding-right: 0.5em; border-left: solid 1px #333; }

.nav > a:first-child { border-width: 0; padding-left: 0; }

.nav h1 + a, .nav h2 + a, .nav h3 + a, .nav h4 + a, .nav h5 + a, .nav h6 + a { border-width: 0; padding-left: 0; }

.nav > a { font-size: 14px; margin-top: 8px; margin-bottom: 8px; }

/*#746944*/
.facet > div { font-size: 14px; background: url(../images/core/menu-filter-checkbox.gif) no-repeat 0 5px; padding: 0.25em 0 !important; margin: 8px 0 !important; }

.facet > div div a { padding-left: 18px; }

.facet > div.checked { background-image: url(../images/core/menu-filter-checkticked.gif); }

.facet > div.notavailable { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25); opacity: 0.25; cursor: default; padding-left: 18px !important; }

.facet > div > div { width: 100% !important; }

#shortCategoryList div, #longCategoryList div { font-size: 14px; }

.listing { position: relative; flex: 0 1 31%; }

.no-flexbox .flexbox > .listing { width: 33%; }

/*fallback for product page "Perfect Partners" for non-flexbox browsers*/
.listing-image { cursor: pointer; /*width:90%;padding:0 5%;*/ width: 95%; padding: 0 2.5%; }

.listing-left-icon { position: absolute; width: 40%; left: 0; top: 0; }

.listing-right-icon { position: absolute; width: 40%; right: 0; top: 0; }

.listing-quickview { display: none; }

.listing .listing-symbols { height: 20px; /*match gif height*/ }

.listing-name { display: block; padding: 0 5%; text-decoration: none !important; cursor: pointer; }

.listing-price { /*height:3em;*/ height: auto; padding: 0 5%; }

.listing-leadtext { line-height: 180%; }

.listing-price.fav { height: auto; padding: 0 5%; }

.listing-alternate { border-bottom: solid 1px #ccc; padding-top: 16px; padding-bottom: 16px; margin-top: 0; margin-bottom: 0; }

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

.listing input[name=addtobasket], .listing-alternate input[name=addtobasket] { width: 35px; height: 35px; background: url("/images/buttons/addtobasket_w.png") no-repeat 50% 39% #ff4400; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; }

.listing input.added[name=addtobasket], .listing-alternate input.added[name=addtobasket] { background: url("/images/buttons/addtobasket_ticked.png") no-repeat 50% 39% #227722; }

.stars { display: inline-block; vertical-align: top; width: 80px; display: inline-block; vertical-align: top; background: url(../images/core/stars-empty.gif) no-repeat 0 2px; text-align: left; }

.stars span { display: inline-block; vertical-align: top; background: url(../images/core/stars-full.gif) no-repeat 0 2px; height: 15px; }

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

.alphatabs > * { display: inline-block; vertical-align: top; width: 1em; margin: 8px 1px; padding: 8px 0.33333em; }

.alphatabs > * { cursor: pointer; background: #eee; }

.alphatabs > *.selected { cursor: default; background: #333; color: #fff; }

/*#746944*/
.sidebar { clear: both; display: block; width: 100%; text-transform: capitalize; }

.sidebar > * { margin-bottom: 1em; }

.sidebar .selected, #listing-sidebar .selected { cursor: default; }

.sidebar .selected, .sidebar a:hover, #listing-sidebar .selected, #listing-sidebar a:hover { text-decoration: none; color: #ff4400; }

.sidebar .facet a:hover, #listing-sidebar .facet a:hover { background-color: transparent; color: #666; }

.sidebar .facet a.notavailable:hover, #listing-sidebar .facet a.notavailable:hover { color: #ccc; }

.content, .sidebar { padding: 0 16px; /*#908821*/ }

/*#746944*/
.popup { display: none; -webkit-box-shadow: #333 1px 1px 2px 2px; -moz-box-shadow: #333 1px 1px 2px 2px; box-shadow: #333 1px 1px 2px 2px; position: fixed !important; left: 5%; width: 90%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); max-height: 90%; }

.popup:not(.bg-color5) { background-color: #fff; }

.popup .popup-content { max-height: 90vh; overflow-y: auto; }

.popup iframe { height: 300px; }

input[value=x], input[value=X], .popup-close { font-size: 16px; line-height: 10px; text-transform: lowercase; cursor: pointer; }

#overlay { display: none; position: fixed !important; -webkit-transition-duration: 0.4s; /*helps deal with webkit rendering bug*/ }

.articlebody { font-size: 14px; font-family: "Open Sans", Arial, sans-serif; line-height: 150%; }

.articlebody p { font-size: 1em; }

.articlebody a { text-decoration: underline; }

.articlebody ul { list-style: disc; }

.articlebody ul li { margin: 14px 24px; }

.articlebody strong { font-weight: bold; }

.articlebody em { font-style: italic; }

.articlebody h1, .articlebody h2, .articlebody h3, .articlebody h4, .articlebody h5, .articlebody h6, .articlebody [class*="f-heading"] { margin-top: 16px; }

.productbody { font-size: 14px; }

.productbody ul { margin: 8px 0; }

.productbody ul li { display: inline-block; vertical-align: top; width: 50%; }

.productbody * { line-height: 150%; /*#908821*/ }

.progressbar { position: relative; }

.progressbar img { position: absolute; left: 10%; top: 21px; /*#908821*/ width: 80%; height: 1px; }

.progressbar > div { position: relative; text-align: center; color: #999; }

.progressbar > div > * { width: 20%; }

.progressbar > div > div.selected { color: #333; }

.progressbar > div > div { display: inline-block; }

.progressbar div div div { display: inline-block; width: 42px; height: 42px; margin: 0 auto; padding: 8px; background-color: #999; color: #fff; border: solid 3px #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: #ccc 0 0 2px 1px; -moz-box-shadow: #ccc 0 0 2px 1px; box-shadow: #ccc 0 0 2px 1px; font-weight: bold; }

.progressbar div div div.selected { background-color: #333; -webkit-box-shadow: #999 0 0 2px 1px; -moz-box-shadow: #999 0 0 2px 1px; box-shadow: #999 0 0 2px 1px; }

.pagination { text-align: right; }

.pagination > a { display: inline-block; vertical-align: top; padding-left: 0.5em; padding-right: 0.5em; }

.pagination > a:first-child { border-width: 0; padding-left: 0; }

.pagination h1 + a, .pagination h2 + a, .pagination h3 + a, .pagination h4 + a, .pagination h5 + a, .pagination h6 + a { border-width: 0; padding-left: 0; }

.pagination .selected { font-weight: 700; }

.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(51, 51, 51, 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*/ }

@media screen and (min-width: 48em) { #main { overflow: hidden; position: relative; border-top: solid 1px #eee; padding-bottom: 7em; }
  #dropdown-favourite, #dropdown-account { width: 400px; right: 16px; }
  #dropdown-basket { width: 100%; text-align: right; }
  #dropdown-basket > div { text-align: left; margin: 0 16px; }
  #dropdown-basket > div:not(.bskt-wide) { display: inline-block; width: 400px; }
  .minibasketitem { width: 75px; }
  .bskt-wide .minibasketitem { width: 70px; } }

@media screen and (min-width: 48em) and (min-width: 1400px) { #dropdown-favourite, #dropdown-account { right: 50%; margin-right: -684px; }
  #dropdown-basket { width: 1400px; right: 50%; margin-right: -700px; } }

@media screen and (min-width: 48em) { #searchdrop { width: 500px; left: 50%; margin-left: -210px; }
  #prodslider > * { clear: both; display: block; width: 100%; margin-bottom: 1.25em; }
  .prod-name { height: 5em; overflow: hidden; }
  .content, .sidebar { display: inline-block; vertical-align: top; /*#908821*/ }
  .content { width: 75%; float: right; }
  .sidebar { width: 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; }
  /*#746944*/
  .popup { width: 700px; left: 50%; margin-left: -350px; }
  .popup.pop-wide { left: 5%; width: 90%; margin-left: 0; }
  .popup iframe { height: 600px; }
  .listing-alternate { margin: 0 8px; }
  .listing-alternate-box1 { width: 20%; }
  .listing-alternate-box1 .listing-image { width: 100%; padding: 0 16px; }
  .listing-alternate-box2 { width: 52%; }
  .listingpagination + .pr0to2-5 .listing-alternate-box2 { width: 49%; }
  .listing-alternate-box3 { display: inline-block; vertical-align: top; width: 22.5%; margin-left: 2.5%; /*JS shared with list view, so can't use pr0-5 class*/ }
  .listingpagination + .pr0to2-5 .listing-alternate-box3 { width: 25.5%; }
  .listing-alternate-box3 > * { width: 100%; }
  .listing-alternate-box3 > *:first-child { width: 100%; margin: 0; padding: 0 !important; }
  .listing-alternate-box3 .fieldwithimage { padding-right: 8px; }
  input.listing-quickview { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: inline; background-color: #000; color: #fff; white-space: normal; }
  /*#764914*/
  .listing input.listing-quickview { 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: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -8px; font-size: 14px; padding: 0 16px; white-space: nowrap; }
  .listing-alternate input.listing-quickview { margin-top: 16px; }
  /*#536200*/
  .no-touchevents .listing:hover input.listing-quickview { filter: alpha(opacity=100); opacity: 1; }
  .no-touchevents .listing:hover, .no-touchevents .listing-alternate:hover { background-color: #eee; } }

@media screen and (min-width: 72em) { #main { padding-bottom: 4em; }
  .alphatabs > * { display: inline-block; vertical-align: top; width: 1.5%; margin: 8px 0.25%; padding: 8px 0.93269%; /*padding = (100% - (total letter widths) - (total letter margins)) divided by (number of letters), all divided by 2 */ }
  .alphatabs > *:first-child { margin-left: 0; }
  .alphatabs > *:last-child { margin-right: 0; }
  .popup.pop-wide { left: 50%; width: 1260px; margin-left: -630px; }
  #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-size: 10px; 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: 1em; }
  #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }
  #zoomArea { width: 409px; }
  #zoomArea ~ .absolute { z-index: 1; }
  .zoomPad { cursor: crosshair; width: 100%; }
  .zoomPreload { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; color: #333; font-size: 12px; text-decoration: none; background-color: #fff; 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; }
  .zoomPup { display: block; overflow: hidden; background-color: #fff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; z-index: 2; position: absolute; border: 1px solid #ccc; z-index: 2; cursor: crosshair; }
  .zoomOverlay { position: absolute; left: 0px; top: 0px; background: #fff; z-index: 3; width: 100%; height: 100%; display: none; }
  .zoomWindow { position: absolute; left: 110%; top: 0 !important; background: #fff; z-index: 3; height: auto; }
  .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; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }
  .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: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; position: absolute; display: block; } }

/*#765812*/
.nutritable { margin: 0; border-bottom: 1px solid #eee; }

.nutritable > div { margin: 0 !important; padding: 8px; height: 32px; border-right: 1px solid #eee; }

.nutritable > div:first-child { border-left: 1px solid #eee; width: 45%; }

.nutritable > div:nth-child(2) { width: 20%; }

.nutritable > div:nth-child(3) { width: 35%; }

.nutritable.nutriheader { font-weight: bold; background: #eee; }

.nutritable.nutriheader > div { padding: 8px 0; }

/*#765812*/
/*#816655*/
#postcodebanner { min-height: 0; }

/*#746944*/
@media screen and (min-width: 48em) { .container-sidebar-listing > div:first-child { width: 25%; }
  #listing-sidebar > * { margin-bottom: 3em; }
  #listing-list { width: 75%; }
  .page-wrapper { margin-left: 0; margin-right: 0; } }

.listingpagination { right: 16px; }

@media screen and (min-width: 1400px) { .listingpagination { right: calc(50% + 1.25% - 700px); } }

.listingpagination > * { display: block; width: 28px; height: 28px; line-height: 25px; margin-top: 8px; }

.listingpagination > *:hover { text-decoration: none; }

.listingpagination > *.pagination-plain img { vertical-align: middle; }

.listingpagination > *:not(.pagination-plain) { border: 2px solid #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; background: #999; color: #fff; -webkit-box-shadow: 0 0 3px #999; -moz-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999; }

.listingpagination > *:not(.pagination-plain)[href]:hover { background-color: #666; -webkit-box-shadow: 0 0 3px #666; -moz-box-shadow: 0 0 3px #666; box-shadow: 0 0 3px #666; }

.listingpagination .current { background: #333; -webkit-box-shadow: 0 0 3px #333; -moz-box-shadow: 0 0 3px #333; box-shadow: 0 0 3px #333; }

#YouAreHereFacet > div { text-transform: capitalize; border: 1px solid #666; cursor: pointer; line-height: 200%; padding-left: 8px; margin-top: 16px; margin-right: 8px; font-size: 14px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; }

@media screen and (min-width: 48em) { #YouAreHereFacet > div { display: inline-block; height: 28px; margin: 8px; } }

#YouAreHereFacet > div:before { float: right; content: '+'; text-transform: lowercase; background: #333; color: #fff; display: inline-block; width: 32px; height: 32px; line-height: 32px; border: 2px solid #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 0 3px #999; -moz-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999; text-align: center; position: relative; top: -4px; right: -10px; font-size: 24px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.container-variable-2to3-special > .content-spot[data-size^="2x"] { width: 97.5%; }

@media screen and (min-width: 36em) { .container-variable-2to3-special > .content-spot[data-size^="2x"] { width: 64.16667%; } }

#listing-sidebar #facetMiddleBlock { display: none; }

@media screen and (min-width: 48em) { #listing-sidebar #facetMiddleBlock { display: block; } }

#filterpopup #facetMiddleBlock { margin: 16px; }

#productDataNavDTOP { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 1px solid #cccccc; height: 38px; /*#908821*/ text-align: left; padding-left: 8px; }

.promoicon { max-width: 120px; }

.back-to-top > div { padding: 4px; border: 3px solid #666; border-radius: 32px; display: block; cursor: pointer; }

.back-to-top > div img { max-width: 24px; }

.back-to-top > div:hover { background: #fff; }

.tabwrapper { width: 100% !important; }

/*#910454*/
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; z-index: -1; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*#910454*/
/*#890470*/
.cookielegshown #cookiebar { width: 100%; position: fixed; bottom: 0; font-size: 13px; background-color: #333; color: #fff; font-weight: 600; }

@media screen and (min-width: 48em) { .cookielegshown #cookiebar { height: 50px; } }

.cookielegshown #cookiebar > div { display: block; padding: 8px 16px; font-family: "Open Sans", Arial, sans-serif; font-weight: 300; }

@media screen and (min-width: 48em) { .cookielegshown #cookiebar > div { padding: 0 16px; } }

.cookielegshown #cookiebar > div > div { display: inline-block; vertical-align: middle; }

.cookielegshown #cookiebar > div > div a { color: #fff; text-decoration: underline; }

.cookielegshown #cookiebar > div > div > span.btn { padding: 8px 16px; background-color: #fff; color: #333; cursor: pointer; display: inline-block; margin: 8px 0 !important; display: block; text-align: center; }

@media screen and (min-width: 48em) { .cookielegshown #cookiebar > div > div > span.btn { width: auto; display: inline-block; } }

.cookielegshown #footer { margin-bottom: 110px; }

@media screen and (min-width: 48em) { .cookielegshown #footer { margin-bottom: 0; }
  .cookielegshown #footer > div { bottom: 50px; } }

.cookielegshown footer { padding-bottom: 50px; }

/*#890470*/
#sitebody { width: 100%; background-color: #fff; -webkit-box-shadow: #333 -2px -4px 4px; -moz-box-shadow: #333 -2px -4px 4px; box-shadow: #333 -2px -4px 4px; }

@media screen and (min-height: 20em) { #sitebody { padding-top: 94px; } }

#header { width: 100%; -webkit-box-shadow: #666 0 0 5px 1px; -moz-box-shadow: #666 0 0 5px 1px; box-shadow: #666 0 0 5px 1px; }

@media screen and (min-height: 20em) { #header { position: fixed; left: 0; top: 0; } }

#headerbuttons { border-top: solid 0 #000; /*width changes in JS*/ }

#headerbuttons > * { display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; width: 20%; height: 48px; background-color: #fff; border: solid 1px #ccc; border-width: 1px 0 1px 1px; }

#headerbuttons > *:first-child { border-left-width: 0; }

#headerbuttons > *.selected { border-bottom-width: 0; }

#headerbuttons > *.selected img { filter: alpha(opacity=50); opacity: 0.5; }

#headerbuttons > *.hidden { display: none; }

#headermenu { width: 220px; text-transform: capitalize; margin: 0; }

#headermenu, #headersearch, #headerbasket, #headerfavourite, #headeraccount { display: none; }

#headermenu [id^=submenu] { position: relative; left: 0; font-size: 18px; margin: 0; }

#headermenu [id^=submenu] a { outline: none; }

#headermenu [id^=submenu] a[id*="-option"] { display: block; margin: 0 12px; padding: 4px 12px 8px; margin: 0 8px; padding: 4px 8px 8px; text-decoration: none; border-bottom: solid 1px #e6e6e6; }

#headermenu [id^=submenu] a[id*="-option"].current { color: #fff; background-color: #666; position: relative; display: block; cursor: pointer; }

#headermenu [id^=submenu] a[id*="-option"].current:after { content: '\a0'; position: absolute; top: 33%; right: 0.6em; width: 0; height: 0; border-style: solid; border-width: 0.35em 0.35em; border-right-width: 0; border-color: transparent #eee; border-right-color: transparent; background-color: transparent !important; }

#headermenu [id^=submenu] a[id*="-option"].current.selected:after { top: 42%; border-width: 0.35em 0.35em 0; border-color: #eee transparent transparent; }

#headermenu [id^=submenu] a[id*="-option"].current.haschildren { color: #333; background-color: transparent; text-indent: 0; cursor: default; }

#headermenu [id^=submenu] a[id*="-option"].current.haschildren[href], #headermenu [id^=submenu] a[id*="-option"].current.haschildren[data-url] { cursor: pointer; }

#headermenu [id^=submenu] a[id*="-option"].current.haschildren:after, #headermenu [id^=submenu] a[id*="-option"].current.haschildren.selected:after { border-width: 0 !important; }

#headermenu [id^=submenu] .subcontent { margin-bottom: 8px; font-size: 14px; }

#headermenu [id^=submenu] .subcontent a[id*="-option"] { margin: 0 9px; padding: 6px 9px 6px 18px; text-indent: -9px; border-bottom-width: 0; }

#headermenu [id^=submenu] .subcontent a[id*="-option"]:before { content: '- '; }

#headermenu [id^=submenu] .subcontent + a[id*="-option"] { border-top: solid 1px #e6e6e6; }

#headermenu [id^=submenu] .lastlevel a[id*="-option"]:hover:not(.haschildren) { color: #fff; background-color: #666; }

#logoMobile { max-width: 414px; }

#minibasketlink .bubble-mini, #minibasketlink input[value=x], #minibasketlink input[value=X], #minibasketlink .popup-close, #minibasketlink .slidesjs-navigation, #minibasketlink .swiper-navigation a, .swiper-navigation #minibasketlink a { right: 0 !important; top: -10px !important; }

#overlay-mobilemenu { background-color: rgba(51, 51, 51, 0.2); color: #fff; position: absolute; overflow: hidden; }

.mobilecmsmenu a { display: block; margin: 0 12px; padding: 4px 12px 8px; margin: 0 8px; padding: 4px 8px 8px; text-decoration: none; border-bottom: solid 1px #e6e6e6; }

@media screen and (min-width: 48em) { #sitebody { padding-top: 0; }
  #header { position: relative; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  #masthead { position: relative; }
  #mastheadmenubtn { width: 0; height: 56px; cursor: pointer; padding: 1.25em 0; }
  #mastheadmenubtn, #logoOther { -webkit-transition-duration: 0.4s; /*helps deal with webkit rendering bug*/ }
  #searchINPUT { font-size: 14px; height: 36px; line-height: 18px; margin-top: 6px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; }
  #searchbutton { width: 48px; height: 49px; color: transparent; background: url("/images/buttons/searchbtn-sprite-ie78.png") left top no-repeat transparent; /*for browsers/devices not supporting background-size e.g. IE7/8, Nexus 7*/ background: url("/images/buttons/searchbtn-sprite.png") left top/200% no-repeat transparent; /*override for all other browsers*/ }
  #searchbutton:hover { background-position: right top; }
  #headerdropdowns { position: relative; }
  #headersearch, #headerbasket, #headerfavourite, #headeraccount { display: none !important; }
  #headermenu { display: block !important; width: 100%; margin: 0 auto; }
  #headermenu > * { position: relative; }
  #headermenu div[id^=menu] { display: inline-block; vertical-align: top; width: auto; padding: 0; height: 52px; }
  #headermenu div[id^=menu] > a { display: inline-block; vertical-align: top; font-size: 18px; padding: 15px 12px 16px; line-height: 21px; text-align: center; text-decoration: none; text-transform: capitalize; border-right: solid 1px #eee; background-color: #fff; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; }
  #headermenu div[id^=menu] > a:hover, #headermenu div[id^=menu] > a.current { background-color: #666; color: #fff; }
  #headermenu div[id^=menu]:first-child > a { cursor: pointer; padding-left: 47px; text-align: left; background-size: 16px 16px; background-image: url(../images/core/shop.gif); background-repeat: no-repeat; background-position: 15px center; }
  #headermenu div[id^=menu]:first-child > a:hover, #headermenu div[id^=menu]:first-child > a.current { background-image: url(../images/core/shop-inverse.gif); }
  #headermenu [id^=submenu] { display: none; position: absolute; width: 66.66667%; }
  #headermenu [id^=submenu] > div[id^=level] { width: 50%; height: 464px; padding: 9px 0; margin: 0; background-color: #fff; -webkit-box-shadow: #ccc 0 0 0 1px; -moz-box-shadow: #ccc 0 0 0 1px; box-shadow: #ccc 0 0 0 1px; }
  #headermenu [id^=submenu] #customLinks a { font-size: 15px; }
  #submenu0 { height: 482px; }
  #level1, #level2, #level3 { height: 464px; } }

@media screen and (min-width: 48em) and (min-height: 40em) { #masthead { position: fixed; left: 0; top: 0; -webkit-transform: translateZ(0); /*webkit bugfix*/ }
  #mastheadgap { display: block; }
  #headermenu [id^=submenu] { position: fixed; } }

@media screen and (min-width: 72em) { #headermenu div[id^=menu] > a { position: relative; padding-left: 24px; padding-right: 24px; min-width: 42px; }
  #headermenu div[id^=menu]:first-child > a { border-left: solid 1px #eee; }
  #headermenu [id^=submenu] { border-top: solid 1px transparent; width: 100%; }
  #headermenu [id^=submenu] > div[id^=level] { /*width:($sliderwidth - 1px)/3;*/ width: 33.33333%; }
  #headermenu [id^=submenu] #customLinks a { font-size: 18px; } }

@media screen and (min-width: 1365px) { #headermenu { width: 1365px; }
  #headermenu [id^=submenu] { left: 50%; margin-left: -682.5px; }
  #headermenu [id^=submenu] > div[id^=level] { width: 454px; } }

#footermenu a { outline: none; }

#footermenu .footernonslideable div { padding-top: 10px; padding-bottom: 8px; text-align: center; background-color: #faf8f1; }

#footermenu.accordion-narrowonly .arrow-r-r { background-color: #faf8f1; }

#footermenu.accordion-narrowonly .arrow-r-r + div { background-color: #fff; }

@media screen and (min-width: 48em) { #footer > div { position: fixed; bottom: 0; -webkit-transform: translateZ(0); /*webkit bugfix*/ }
  #footermenu { position: relative; text-align: left; }
  .footerslideable { display: inline-block; vertical-align: top; }
  .footerslideable .arrow-r-r { display: inline-block; vertical-align: top; padding: 0.5em; min-width: 4em; font-size: 14.5px; /*#873338*/ text-align: center; border-right: solid 1px #eee; cursor: pointer; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; }
  .footerslideable .arrow-r-r:hover { background-color: #fff; color: #000; }
  .footerslideable:first-child .arrow-r-r { border-left: solid 1px #eee; }
  .footerslideable .arrow-r-r + div { display: none; text-align: left; }
  .footerslideable.current .arrow-r-r { background-color: #fff; color: #000; }
  .footerslideable.current .arrow-r-r + div { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 0; overflow: visible; }
  .footerslideable.current .footersub { width: 100%; height: 0; position: relative; top: 0; overflow: hidden; background-color: #fff; }
  .footernonslideable { display: inline-block; text-align: right; position: absolute; right: 0; top: 0; }
  #footermenu .footernonslideable div { display: inline-block; padding-top: 4px; padding-bottom: 4px; /*#873338*/ } }

@media screen and (min-width: 72em) { .footerslideable .arrow-r-r { padding-left: 1em; padding-right: 1em; font-size: 18px; }
  /*#873338*/
  .footerslideable.current .footersub { margin: 0 auto; width: 1365px; max-width: 100%; }
  #footermenu .footernonslideable div { padding-top: 10px; padding-bottom: 8px; /*#873338*/ } }

[data-background-md] { background-size: 0; }

@media screen and (min-width: 72em) { [data-background-md] { background-repeat: no-repeat; background-position: center center; background-size: cover; margin-top: 16px; }
  .footer-overlapbox-md { position: relative; top: -16px; width: 80%; max-width: 1120px; margin: 0 auto; text-align: center; background-color: rgba(255, 255, 255, 0.95); border: 1px solid #ccc; padding-top: 16px; } }

#slides { position: relative; }

#slides a { text-decoration: none; }

#slides > a.slide { height: 170px; /*iPhone default before JS runs*/ }

.slide { height: 100%; display: none; }

.slide:first-child { display: block; position: relative; }

.slidesjs-slide { height: 100%; }

.slide-text { position: absolute; bottom: 4px; width: 80%; min-height: 50px; padding: 8px 2%; margin: 0 8%; text-align: center; background-color: #fff; -webkit-box-shadow: #ccc 1px 2px 2px 1px; -moz-box-shadow: #ccc 1px 2px 2px 1px; box-shadow: #ccc 1px 2px 2px 1px; }

.slide-text > *:first-child { margin: 0; }

.slide-text > *:first-child + * { display: none; }

.slidesjs-navigation, .swiper-navigation a { display: none; width: 42px; height: 42px; }

.slidesjs-pagination { text-align: center; padding: 8px; height: 13px; }

.slidesjs-pagination li { display: inline-block; vertical-align: top; margin-right: 0.25em; }

.slidesjs-pagination a { display: block; overflow: hidden; background: url(../images/core/slide-pagination.png) no-repeat 0 0; padding-top: 13px; width: 13px; height: 0; }

.slidesjs-pagination a.active, .slidesjs-pagination a.active:hover { background-position: 0 -13px; }

.slidesjs-pagination a:hover { background-position: 0 -26px; }

.swiper-container { padding-bottom: 90px; }

.swiper-container .slide-text { bottom: -60px; }

.swiper-pagination { position: absolute; bottom: 0; width: 100%; text-align: center; height: 29px; padding: 8px 0; }

.swiper-pagination .swiper-pagination-switch { display: inline-block; vertical-align: top; overflow: hidden; background: url(../images/core/slide-pagination.png) no-repeat 0 0; width: 0; padding: 6.5px; cursor: pointer; }

.swiper-pagination .swiper-pagination-switch.swiper-active-switch { background-position: 0 -13px; }

.swiper-pagination .swiper-pagination-switch:hover { background-position: 0 -26px; }

.swiper-wrapper > a > img { width: 100%; }

/*.eliteSlider {overflow:hidden; height:109px;}*/
.eliteSlider img.altimg.selected { -webkit-box-shadow: #ccc 0px 0px 1px 0; -moz-box-shadow: #ccc 0px 0px 1px 0; box-shadow: #ccc 0px 0px 1px 0; }

@media screen and (min-width: 48em) { #slides > a.slide { height: 408px; /*iPad default before JS runs*/ }
  .slide-text > *:first-child { margin: 8px 0; }
  .slide-text > *:first-child + * { display: block; } }

@media screen and (min-width: 72em) { #slides { width: 976px; height: 548px; left: 50%; margin-left: -488px; overflow: visible !important; }
  #slides > a.slide { height: 519px; }
  #slides img { top: 0; width: auto; }
  #slides-small { height: 349px; }
  #slides-small .slide { height: 320px; }
  #slides-small .slide-text { bottom: 10px; }
  .slidesjs-navigation, .swiper-navigation a { display: block; position: absolute !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: transparent; padding: 13px 6px; top: 39%; }
  .slidesjs-navigation.slidesjs-previous, a.swiper-previous { left: -23px; position: relative; display: block; cursor: pointer; text-indent: 2.5em; }
  .slidesjs-navigation.slidesjs-previous:after, a.swiper-previous:after { content: '\a0'; position: absolute; top: 25%; left: 13px; width: 0; height: 0; border-style: solid; border-width: 9px 9px; border-left-width: 0; border-color: transparent #fff; border-left-color: transparent; background-color: transparent !important; }
  .slidesjs-navigation.slidesjs-previous.selected:after, a.swiper-previous.selected:after { top: 34%; border-width: 9px 9px 0; border-color: #fff transparent transparent; }
  .slidesjs-navigation.slidesjs-next, a.swiper-next { right: -23px; position: relative; display: block; cursor: pointer; }
  .slidesjs-navigation.slidesjs-next:after, a.swiper-next:after { content: '\a0'; position: absolute; top: 25%; right: 13px; width: 0; height: 0; border-style: solid; border-width: 9px 9px; border-right-width: 0; border-color: transparent #fff; border-right-color: transparent; background-color: transparent !important; }
  .slidesjs-navigation.slidesjs-next.selected:after, a.swiper-next.selected:after { top: 34%; border-width: 9px 9px 0; border-color: #fff transparent transparent; }
  /*#764914*/
  .swiper-container, .swiper-navigation { max-width: 1376px; }
  .swiper-navigation-fullwidth { width: 100%; position: absolute; top: 50%; margin-top: -60px; }
  .swiper-navigation { position: relative; width: calc(100% - 60px); margin: 0 auto; } }

.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: 16px; height: 2em; overflow: hidden; cursor: pointer; text-indent: -99em; }

.star-rating-control .star-rating a { display: block; width: 16px; height: 100%; }

.star-rating-control .star-rating-on a, .star-rating-control .star-rating-hover a { background: url(../images/core/star.gif) 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, #storedetails-mapid { height: 230px; }

#map-canvas img, #storedetails-mapid img { max-width: none; }

#map-canvas [class*="_ibani"], #storedetails-mapid [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"], #storedetails-mapid 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; }

/*GOOGLE MAP STORELOCATOR - INFOBUBBLE*/
#map-canvas .gm-style div.tabcontainer { height: auto !important; }

/*PRODUCT AND BLOG SOCIAL BUTTONS*/
a.addthis_button_facebook_like, a.addthis_button_tweet, a.addthis_button_pinterest_pinit { float: none !important; display: inline-block; vertical-align: top; min-width: 109px; }

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

/*BLOG SOCIAL WIDGETS*/
iframe.twitter-timeline, .fb-like-box, .fb-like-box > span, .fb-like-box iframe { width: 100% !important; }

/*DATEPICKER*/
.ui-datepicker { width: 298px !important; border-radius: 0 !important; }

.ui-corner-all { border-radius: 0 !important; }

table.ui-datepicker-calendar .ui-state-active { background: #39c639 !important; border-width: 0 !important; font-weight: bold !important; }

table.ui-datepicker-calendar .ui-state-hover { border-color: #227722 !important; background: #d7f4d7 !important; }

table.ui-datepicker-calendar .ui-state-default { border-width: 0 !important; padding: 8px; font-size: 12px; }

table.ui-datepicker-calendar td, table.ui-datepicker-calendar th { min-width: inherit; }

table.ui-datepicker-calendar th span { font-size: 12px; }

.fodate { font-size: 13px; }

.forate > span { font-size: 13px; display: inline-block; vertical-align: middle; }

.comment-container > h3 + div { margin: 0; }

.focomment { font-size: 13px; }

.focomment > div { margin-bottom: 16px; color: #666; padding: 8px; }

.focomment-merchant { font-size: 13px; padding: 8px; background-color: #fff; margin: 24px 8px 8px 8px; position: relative; -webkit-box-shadow: #ccc 1px 1px 1px 0px; -moz-box-shadow: #ccc 1px 1px 1px 0px; box-shadow: #ccc 1px 1px 1px 0px; color: #666; }

.focomment-merchant > div.fomerchant { font-style: italic; font-weight: bold; clear: both; margin: 8px 0 0 0; color: #666; }

.focomment-merchant:before { content: ""; width: 32px; height: 32px; position: absolute; top: -32px; left: 0; background: url(../images/core/review_merchantreplay_answer.png) no-repeat bottom; }

@media screen and (min-width: 48em) { /*PRODUCT AND BLOG SOCIAL BUTTONS*/
  a.addthis_button_facebook_like, a.addthis_button_tweet { width: 89px; min-width: 0; }
  a.addthis_button_pinterest_pinit { width: 53px; min-width: 0; } }

@media screen and (min-width: 72em) { /*PRODUCT AND BLOG SOCIAL BUTTONS*/
  a.addthis_button_facebook_like, a.addthis_button_tweet { min-width: 121px; }
  a.addthis_button_pinterest_pinit { min-width: 85px; } }

/*#746944*/
.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; }

.irs-line { position: relative; display: block; overflow: hidden; outline: none !important; top: 11px; height: 3px; background: #ccc; margin: 0 11px; }

.irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; height: 8px; }

.irs-line-left { left: 0; width: 11px; }

.irs-line-mid { left: 11px; width: calc(100% - 22px); }

.irs-line-right { right: 0; width: 11px; }

.irs-bar { position: absolute; display: block; left: 0; width: 0; top: 11px; height: 3px; background: #666; }

.irs-bar-edge { position: absolute; display: block; left: 0; top: 33px; width: 14px; height: 10px; border: 1px solid #ff4400; border-right: 0; background: #ff4400; background-image: -owg-linear-gradient(#ff4400 0%, #ff4400 100%); background-image: -webkit-linear-gradient(#ff4400 0%, #ff4400 100%); background-image: -moz-linear-gradient(#ff4400 0%, #ff4400 100%); background-image: -o-linear-gradient(#ff4400 0%, #ff4400 100%); background-image: linear-gradient(#ff4400 0%, #ff4400 100%); -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: 38px; width: 0; height: 2px; background: #333; filter: 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; z-index: 1; top: 0; width: 22px; height: 22px; border: 2px solid #fff; background: #333; -webkit-box-shadow: 0 0 3px #999; -moz-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; cursor: pointer; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }

.irs-slider.type_last { z-index: 2; }

.irs-slider.state_hover, .irs-slider:hover { background-image: -owg-linear-gradient(top left, #fff 1%, #666 20%, #333 100%); background-image: -webkit-linear-gradient(top left, #fff 1%, #666 20%, #333 100%); background-image: -moz-linear-gradient(top left, #fff 1%, #666 20%, #333 100%); background-image: -o-linear-gradient(top left, #fff 1%, #666 20%, #333 100%); background-image: linear-gradient(top left, #fff 1%, #666 20%, #333 100%); }

.irs-min, .irs-max { position: absolute; display: none; cursor: default; color: #333; 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: #ccc; }

.irs-from, .irs-to, .irs-single { position: absolute; display: block; bottom: 0; left: 0; cursor: default; white-space: nowrap; color: #333; font-size: 12px; padding: 1px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single { background: #999; }

.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: alpha(opacity=50); opacity: 0.5; background: #ff4400; }

.irs-grid-pol.small { height: 4px; background: #999; }

.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: #999; }

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