/**
 * Global Colors Definition
 * The idea there is defining and fixing all global colors used on the website, without context
 * If you have to use #CC9D49 to your style sheet, use @orange
 * You have to change a previous color set to @darkGray1 to something else doesn't exist, do not change the static color definition
 * please create a dedicated color variable with a contextual name, like: @menuAnchorOrange for example
 *
 * Last but not least: you have to use directly white or black without referencing it to a variable. Do not use hexa code or rgb code for
 * these two colors
 */
/**
 * Static colors definitions
 */
/**
 * Variable colors definitions
 */
/***********************************************
 *     RESET                                   *
 ***********************************************/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
main {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  color: white;
  cursor: default;
}
body {
  font-size: 1em;
  line-height: 1.4;
  margin: 0;
}
::-moz-selection {
  background: #241A17;
  color: white;
  text-shadow: none;
}
::selection {
  background: #241A17;
  color: white;
  text-shadow: none;
}
a {
  color: #D4A11E;
  cursor: pointer;
}
a:hover,
a:active {
  color: #D4A11E;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
dfn {
  font-style: italic;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #CBC1B3;
  margin: 1.5em 0;
  padding: 0;
}
ins {
  background: #FF9;
  color: black;
  text-decoration: none;
}
mark {
  background: #FF0;
  color: black;
  font-style: italic;
  font-weight: bold;
}
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
small,
.small {
  font-size: 85%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
ul,
ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}
dd {
  margin: 0 0 0 40px;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
form {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
legend {
  border: 0;
  padding: 0;
  white-space: normal;
}
button,
input,
select,
textarea {
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  outline: none;
}
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
select,
textarea {
  box-sizing: border-box;
}
button,
input {
  line-height: normal;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
button[disabled],
input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td {
  vertical-align: top;
}
.chromeframe {
  margin: .2em 0;
  background: #CCCCCC;
  color: black;
  padding: .2em 0;
}
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
.ir br {
  display: none;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.invisible {
  visibility: hidden;
}
.bi {
  display: block;
}
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  zoom: 1;
}
.clearfix:after {
  clear: both;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.unstyled {
  list-style: none;
  margin: 0;
  padding: 0;
}
.centered {
  text-align: center;
}
.strike {
  text-decoration: line-through;
}
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  /* Black prints faster: h5bp.com/s */
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  /* Don't show links for images, or javascript/internal links */
  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  /* h5bp.com/t */
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: .5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
.jspContainer {
  overflow: hidden;
  position: relative;
}
.jspPane {
  position: absolute;
}
.jspScrollable {
  outline: none;
}
.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 100%;
  background: red;
}
.jspVerticalBar .jspArrow {
  height: 16px;
}
.jspVerticalBar .jspArrow:focus {
  outline: none;
}
.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red;
}
.jspHorizontalBar .jspCap {
  float: left;
}
.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%;
}
.jspVerticalBar *,
.jspHorizontalBar * {
  margin: 0;
  padding: 0;
}
.jspCap {
  display: none;
}
.jspTrack {
  background: #DDE;
  position: relative;
}
.jspDrag {
  background: #BBD;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}
.jspArrow {
  background: #50506D;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
}
.jspArrow.jspDisabled {
  cursor: default;
  background: #80808D;
}
.jspCorner {
  background: #EEEEF4;
  float: left;
  height: 100%;
}
dl,
dt,
dd {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
:focus,
.ui-state-focus {
  outline: none;
}
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  zoom: 1;
}
.clearfix:after {
  clear: both;
}
/**
 * fontSizer - convert a font size in em by using the body font-size as a "yardstick"
 * magic number "16" is the browserFontSize in pixels. This is habitually the default font size
 *
 * @param  {px} fontSize: wanted font size in px
 * @return {em} returns the wanted font size in em
 */
/**
 * placeHolderCustomizer - change properties of the placeholder.
 * This mixin shall be applied on the input element it should fit
 * @source : http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css#answer-2610741
 */
.a11yOutline {
  outline: 3px solid #3A869D;
  z-index: 2;
}
.site-width {
  width: 996px;
  height: auto;
}
.centered-on-page {
  margin: 0 auto;
}
html {
  height: 100%;
  font-size: 100%;
  overflow-y: scroll;
}
body {
  background: black;
  color: white;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 0.75em;
  font-weight: 400;
  line-height: 1.125em;
  -webkit-font-smoothing: antialiased;
}
.wrapper {
  margin: 0 auto;
  height: auto;
  width: 996px;
}
.mb25 {
  margin: 0 0 25px 0;
}
#registration {
  display: none;
}
.mt10 {
  margin: 10px 0 0 0;
}
.pl15 {
  padding: 0 0 0 15px;
}
.popin-like {
  background-color: #1A1A1A;
  color: #CCCCCC;
  text-align: center;
  font-size: 1em;
}
@font-face {
  font-family: "FrutigerLTStd65Bold";
  font-style: normal;
  font-weight: normal;
  src: url("mosaic/_ui/generated/../fonts/frutigerltstd-bold-webfont.eot") format("embedded-opentype"), url("mosaic/_ui/generated/../fonts/frutigerltstd-bold-webfont.woff") format("woff"), url("mosaic/_ui/generated/../fonts/frutigerltstd-bold-webfont.ttf") format("truetype"), url("mosaic/_ui/generated/../fonts/frutigerltstd-bold-webfont.svg") format("svg");
}
@font-face {
  font-family: "FrutigerLTStd55Roman";
  font-style: normal;
  font-weight: normal;
  src: url("mosaic/_ui/generated/../fonts/frutigerltstd-roman-webfont.eot") format("embedded-opentype"), url("mosaic/_ui/generated/../fonts/frutigerltstd-roman-webfont.woff") format("woff"), url("mosaic/_ui/generated/../fonts/frutigerltstd-roman-webfont.ttf") format("truetype"), url("mosaic/_ui/generated/../fonts/frutigerltstd-roman-webfont.svg") format("svg");
}
@font-face {
  font-family: "FrutigerLTStd45Light";
  font-style: normal;
  font-weight: normal;
  src: url("mosaic/_ui/generated/../fonts/frutigerltstd-light-webfont.eot") format("embedded-opentype"), url("mosaic/_ui/generated/../fonts/frutigerltstd-light-webfont.woff") format("woff"), url("mosaic/_ui/generated/../fonts/frutigerltstd-light-webfont.ttf") format("truetype"), url("mosaic/_ui/generated/../fonts/frutigerltstd-light-webfont.svg") format("svg");
}
@font-face {
  font-family: "new_baskervillebold_italic";
  font-style: normal;
  font-weight: normal;
  src: url("mosaic/_ui/generated/../fonts/new_baskerville_bold_italic-webfont.eot") format("embedded-opentype"), url("mosaic/_ui/generated/../fonts/new_baskerville_bold_italic-webfont.woff") format("woff"), url("mosaic/_ui/generated/../fonts/new_baskerville_bold_italic-webfont.ttf") format("truetype"), url("mosaic/_ui/generated/../fonts/new_baskerville_bold_italic-webfont.svg") format("svg");
}
@font-face {
  font-family: "nothing_you_could_doregular";
  font-style: normal;
  font-weight: normal;
  src: url("mosaic/_ui/generated/../fonts/nothingyoucoulddo-webfont.eot") format("embedded-opentype"), url("mosaic/_ui/generated/../fonts/nothingyoucoulddo-webfont.woff") format("woff"), url("mosaic/_ui/generated/../fonts/nothingyoucoulddo-webfont.ttf") format("truetype"), url("mosaic/_ui/generated/../fonts/nothingyoucoulddo-webfont.svg") format("svg");
}
.a11y-navigation :focus {
  outline: 3px solid #3A869D;
  z-index: 2;
}
.visually-hidden,
.header .cart-container .ui-dialog-titlebar {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  text-indent: -100000px;
}
.reset-visually-hidden {
  position: inherit;
  clip: inherit;
  text-indent: inherit;
}
.visually-hidden-offscreen {
  position: absolute;
  left: -9999px;
}
.display-none,
.element-hide,
.ng-hide {
  display: none;
}
.display-none-important {
  display: none !important;
}
.gray-block {
  background-color: #1B1B1B;
}
.horizontal-separator {
  border-top: 1px dotted #515151;
  height: 0;
  margin: 0 20px;
  width: auto;
}
.more .orange {
  color: #CC9D49;
}
.more a {
  color: white;
}
.more a:hover {
  color: #CC9D49;
}
.more.black a {
  color: black;
}
.more.black a:active {
  color: #E2BE7E;
}
.more.black a:hover {
  color: #CC9D49;
}
.base-arrow-link {
  color: inherit;
}
.base-arrow-link:before {
  text-decoration: underline;
}
.base-arrow-link:before {
  content: "→\00A0";
  display: inline-block;
  color: #CC9D49;
  text-decoration: none;
  vertical-align: bottom;
}
.arrow-link {
  color: inherit;
}
.arrow-link:before {
  text-decoration: underline;
}
.arrow-link:before {
  content: "→\00A0";
  display: inline-block;
  color: #CC9D49;
  text-decoration: none;
  vertical-align: bottom;
}
.arrow-link:before {
  font-size: 1.4em;
}
.hide-element {
  visibility: hidden;
}
img {
  border: 0 none;
  vertical-align: middle;
}
.uppercase {
  text-transform: uppercase;
}
body .ui-dialog {
  z-index: 1000;
}
body .ui-dialog.popin-dialog-open.dark {
  background: none repeat scroll 0 0 #1A1A1A;
  z-index: 10200;
}
body .ui-dialog.popin-dialog-open .ui-dialog-titlebar {
  height: 40px;
  position: relative;
}
body .ui-dialog.popin-dialog-open .ui-dialog-titlebar-close {
  background: url("img/notification-close.png") no-repeat scroll 0 0 transparent;
  border: medium none;
  height: 19px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 19px;
}
body .ui-widget-overlay {
  background: url("img/slider-nav-bg.png") repeat scroll 0 0 transparent;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10100;
}
body .dark-overlay {
  background: url("img/popin-mask-bg-black.png") repeat scroll left top transparent;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10100;
}
body .overlay {
  background: transparent;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10100;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
.vcenter {
  vertical-align: middle;
  display: table-cell;
}
.vcenter img {
  vertical-align: middle;
}
.vcenter div {
  vertical-align: middle;
}
.full-page-loader {
  z-index: 10300 !important;
}
.local-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 20;
  display: none;
}
.loader-outer {
  display: table;
  height: 100%;
  width: 100%;
  text-align: center;
}
.loader-outer .loader-inner {
  vertical-align: middle;
  display: table-cell;
  height: 100%;
  width: 100%;
  text-align: center;
}
.loader-outer .loader-inner p {
  text-align: center;
}
.italic {
  font-style: italic;
}
.bold {
  font-weight: bold;
}
.grey {
  color: #BBBBBB;
}
.no-background {
  background: none !important;
}
.no-pointer {
  cursor: default !important;
}
.no-border {
  border: none !important;
}
.error-panel span {
  background: url("img/icon-alert.png") no-repeat scroll 22px center white;
  display: block;
  line-height: 30px;
  color: #DD3232;
  padding: 15px 0 15px 56px;
}
.raquo {
  display: inline-block;
  background: url("img/raquo.gif") no-repeat scroll 0 5px transparent;
  height: 18px;
  margin: 0 6px 0 8px;
  position: relative;
  text-indent: -10000px;
  width: 5px;
}
.block-center {
  display: block;
  margin: 0 auto;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right !important;
}
.text-left {
  text-align: left !important;
}
.click-zone {
  padding: 8px;
}
.ui-button {
  cursor: pointer;
  display: inline-block;
  line-height: normal;
  margin-right: .1em;
  overflow: visible;
  padding: 0;
  position: relative;
  text-align: center;
  vertical-align: middle;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: 1px;
}
.truncate {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 10px;
}
.reset-button-style {
  background: none;
  border: none;
  color: inherit;
  padding: 0;
}
button.as-link {
  background: none;
  border: none;
  color: inherit;
  padding: 0;
  text-decoration: underline;
  position: relative;
}
.address-pattern span {
  display: block;
}
.information-separator {
  background: url('img/line-tiret-pix.png') repeat-x scroll 0 0 transparent;
  margin-top: 15px;
  padding-top: 15px;
}
form {
  position: relative;
}
fieldset {
  border: 0 none;
  margin: 0;
  padding: 0;
  position: relative;
}
fieldset .fieldset-large {
  width: 100%;
}
legend,
span.legend {
  border: 0 none;
  padding: 0;
  white-space: normal;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 1.33333333em;
}
legend.legend-float,
span.legend.legend-float {
  margin-top: 5px;
  font-size: 1.33333333em;
}
legend.legend-float.w265,
span.legend.legend-float.w265 {
  width: 265px;
}
select {
  margin-bottom: 4px;
  padding: 6px 10px;
  color: #333333;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 1.33333333em;
}
select.selectmenu {
  float: left;
  width: 230px;
  margin-bottom: 4px;
  padding: 6px 10px;
  color: #333333;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 1.33333333em;
}
select.large {
  width: 319px;
}
select.small {
  width: 157px;
  font-size: 1.33333333em;
}
select.small.narrow {
  height: 34px;
  width: 114px;
}
select.w398 {
  width: 398px;
}
select.w192 {
  width: 192px;
}
select.w95 {
  width: 95px;
}
select.xxsmall {
  width: 95px;
}
select.slim {
  margin: 0;
  overflow: visible;
  border: none;
  color: #2A2C2C;
  display: inline-block;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-weight: 700;
  height: 37px;
  line-height: 35px;
  padding: 0 22px;
  position: relative;
  text-align: center;
  text-decoration: none;
  font-size: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 145px;
  padding-left: 24px;
  text-align: left;
  float: none;
}
select.slim.short {
  padding: 0 0 0 13px;
}
select.slim:not(.disabled):hover {
  color: #2A2C2C;
}
select.slim.disabled,
select.slim.disabled:hover,
select.slim.disabled:active {
  opacity: .5;
  cursor: default;
  background-position: -12px 0;
  border: none;
  color: #2A2C2C;
}
select.slim :hover,
select.slim :active {
  background-position: 0 0;
}
select.slim span.label {
  line-height: 35px;
}
select.slim.two-parts {
  padding: 0 14px 0 67px;
}
select.slim.two-parts .left-part {
  display: block;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  height: 30px;
  left: 3px;
  line-height: 30px;
  position: absolute;
  text-shadow: 0 1px 1px black;
  top: 2px;
  width: 40px;
}
select.slim.green {
  color: white;
  height: 37px;
  width: auto;
  text-shadow: 1px 1px 1px black;
  font-weight: normal;
}
select.slim.green:hover,
select.slim.green.active {
  background-position: -12px -37px;
  color: white;
}
select.slim.green:active {
  background-position: -12px -74px;
  color: white;
}
select.slim.green.disabled {
  cursor: default;
  color: #99A396 !important;
}
select.slim.green.disabled,
select.slim.green.disabled:hover {
  background-position: -12px -110px;
}
select.slim.green.txt-shadow {
  text-shadow: 1px 1px 0 #1F3A15;
}
select.slim.green.txt-shadow.disabled {
  text-shadow: 0 1px 1px #546B4C;
}
select.slim.green-hover {
  font-weight: normal;
}
select.slim.green-hover:hover {
  color: white;
}
select.slim.dark {
  color: white;
}
select.slim.dark:hover {
  background-position: -12px -37px;
  color: white;
}
select.slim.black {
  color: white;
  height: 37px;
  width: auto;
}
select.slim.black:hover {
  background-position: -12px -37px;
  color: white;
}
select.slim.black:active {
  background-position: -12px -74px;
  color: #D0D0D0;
}
select.slim.black.small {
  height: 27px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 27px;
}
select.slim.black.small:hover {
  background-position: -12px -27px;
}
select.slim:before,
select.slim:after {
  content: "\0020";
  position: absolute;
  right: 9px;
  top: 50%;
  width: 0;
  height: 0;
  margin-top: -6px;
  border-top: 8px solid white;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
select.slim:after {
  margin-right: 1px;
  border-top-color: #8F8F8F;
}
select.field-error {
  border: 2px solid #DD3232;
}
label {
  position: relative;
  cursor: pointer;
  display: inline-block;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 1.33333333em;
}
label.medium-text {
  font-size: 116.7%;
}
label.small-text {
  font-size: 100%;
  line-height: 12px;
  display: inline-block;
}
label.checkbox-right {
  background-position: right center;
  padding-left: 0;
  padding-right: 25px;
}
label.checkbox-right.active-checkbox {
  background-position: right center;
}
label.small {
  padding-left: 25px;
  margin-right: 0;
}
label.pl25 {
  padding: 0 0 0 25px;
}
label.checkbox .active-checkbox .medium-text,
label.checkbox .medium-text {
  font-size: 116.7%;
}
label.checkbox .small-text {
  font-size: 100%;
  line-height: 12px;
  display: inline-block;
}
label.checkbox .mandatory {
  display: none;
}
.contact-information label.checkbox,
.privacy label.checkbox {
  background-position: left 5px;
}
input[type="checkbox"],
input[type="radio"] {
  vertical-align: middle;
  margin-top: -4px;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"] {
  color: #333333;
  padding: 6px 10px;
  margin-bottom: 4px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 1.33333333em;
}
input.field-error {
  border: 2px solid #DD3232;
}
textarea {
  color: #333333;
  line-height: 16px;
  padding: 10px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 1.33333333em;
}
.ui-button {
  cursor: pointer;
  display: inline-block;
  line-height: normal;
  margin-right: .1em;
  overflow: visible;
  padding: 0;
  position: relative;
  text-align: center;
  vertical-align: middle;
}
.mstr-input {
  clear: both;
  height: 44px;
  margin: 0 0 10px 0;
  color: #333333;
  display: table;
}
.mstr-input label {
  color: #333333;
  font-weight: bold;
}
.mstr-input.error {
  position: relative;
}
.mstr-input.error input {
  border: 2px solid #DD3232;
  color: #DD3232;
}
.mstr-input.error label {
  color: #DD3232;
}
.mstr-input.error .error-message {
  line-height: 11px;
  position: absolute;
  top: 30px;
  left: 0;
  color: #DD3232;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin-left: 2px;
  font-size: 1em;
}
.mstr-input.vertical.error .error-message {
  position: relative;
  margin-top: 5px;
  top: 0;
  letter-spacing: inherit;
  font-weight: bold;
  font-size: 1em;
}
.mstr-input.inline input {
  float: right;
}
.mstr-input.inline label {
  float: left;
}
.mstr-input.error.inline .msg-label {
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 11px;
  position: absolute;
  top: 30px;
  left: 0;
}
.mstr-input.vertical {
  height: auto;
  line-height: inherit;
  margin-bottom: 30px;
}
.mstr-input.vertical label {
  margin-bottom: 5px;
}
.mstr-input.vertical label,
.mstr-input.vertical .msg-label {
  display: block;
}
.mstr-input.vertical .msg-label {
  margin: 5px 0 0 0;
}
.mstr-form input[type="text"],
.mstr-form input[type="email"],
.mstr-form input[type="tel"],
.mstr-form input[type="password"] {
  color: #333333;
  padding: 12px 15px;
  height: 16px;
  width: 281px;
  line-height: 16px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 1.33333333em;
}
.mstr-form input[type="text"].error,
.mstr-form input[type="email"].error,
.mstr-form input[type="tel"].error,
.mstr-form input[type="password"].error {
  border-color: #DD3232;
  color: #DD3232;
}
.mstr-cradio label {
  float: left;
  font-size: 14px;
  height: 18px;
  line-height: 18px;
  cursor: pointer;
}
.btn-top-form,
.btn-bottom-form {
  position: absolute;
  right: 20px;
  top: 14px;
  z-index: 1;
}
.form-inner-btn-top-form {
  position: relative;
}
.btn {
  font-size: 100%;
}
.btn-styled {
  background: none;
  border: 0 none;
  margin: 0;
  padding: 0;
}
.btn-styled:hover .btn.small,
.btn-styled:focus .btn.small,
.btn-styled:active .btn.small {
  background-position: -12px -27px;
}
.user-menu-open .user-login .user-login-submit .btn-styled {
  margin-top: 10px;
}
.field-holder {
  margin-bottom: 12px;
  zoom: 1;
}
.field-holder:before,
.field-holder:after {
  display: table;
  content: "";
  zoom: 1;
}
.field-holder:after {
  clear: both;
}
.field-holder legend:not(.visually-hidden),
.field-holder span.legend {
  position: relative;
  float: left;
  display: inline-block;
  width: 205px;
  line-height: 42px;
}
.field-holder legend:not(.visually-hidden).legend-float,
.field-holder span.legend.legend-float {
  line-height: 32px;
}
.field-holder label {
  float: left;
  width: 205px;
}
.field-holder .legend-float-fields label {
  margin: 0 20px 0 4px;
}
.field-holder .legend-float-fields label:last-child {
  margin-right: 0;
}
.field-holder .legend-float-fields input {
  margin-right: 4px;
}
.field-holder .checkbox-wrapper label {
  margin-right: 4px;
}
.field-holder .legend-float-fields label {
  display: inline;
  float: none;
}
.field-holder.large input[type="text"],
.field-holder.large input[type="tel"] {
  width: 319px;
}
.field-holder.large .placeholder-wrapper {
  display: inline-block;
}
.field-error {
  font-weight: bold;
  color: #DD3232;
}
.field-error .field-error-message {
  color: #DD3232;
  left: 0;
  line-height: 14px;
  position: absolute;
  top: 33px;
  padding-top: 0;
  width: 195px;
  padding-right: 10px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 0.75em;
}
.fields-error-list {
  padding: 15px 0;
  font-size: 116.7%;
}
.fields-error-list a {
  color: #DD3232;
  text-decoration: none;
  display: block;
}
.fields-error-list a:hover,
.fields-error-list a:focus {
  text-decoration: underline;
}
p.required-field-warning {
  position: absolute;
  right: 0;
  margin-right: 42px;
}
/* placeholder opacity placeholder styling: one by one declaration */
textarea:-ms-input-placeholder,
input:-ms-input-placeholder,
textarea::-webkit-input-placeholder textarea::-moz-placeholder,
textarea::-webkit-input-placeholder input::-moz-placeholder,
input::-webkit-input-placeholder textarea::-moz-placeholder,
input::-webkit-input-placeholder input::-moz-placeholder {
  opacity: 1;
}
textarea:-ms-input-placeholder:focus,
input:-ms-input-placeholder:focus,
textarea::-webkit-input-placeholder textarea::-moz-placeholder:focus,
textarea::-webkit-input-placeholder input::-moz-placeholder:focus,
input::-webkit-input-placeholder textarea::-moz-placeholder:focus,
input::-webkit-input-placeholder input::-moz-placeholder:focus {
  opacity: .5;
}
.tt-container {
  position: relative;
  display: inline-block;
}
.tt-container .tooltip-top {
  left: -20px;
  bottom: 32px;
}
.tt-container .tooltip-top .tooltip-content-info {
  color: #BBBBBB;
}
.tt-container .tooltip-top .tooltip-content-list {
  margin: 0 0 0 5px;
  padding: 5px 5px 5px 7px;
}
.tt-container .tooltip-top .tooltip-content-list .icon {
  display: none;
  position: absolute;
  left: -1.5em;
  top: 0;
  background: url("img/check.png") no-repeat;
  height: 20px;
  width: 14px;
}
.tt-container .tooltip-top .tooltip-content-list .validated {
  position: relative;
  list-style-type: none;
}
.tt-container .tooltip-top .tooltip-content-list .validated .icon {
  display: inline-block;
}
.tt-container.nes-pas-caps-active .tooltip-top {
  bottom: 70px;
}
.tt-container.progressBar-active .tooltip-top {
  bottom: 58px;
}
.tt-container.progressBar-active.nes-pas-caps-active .tooltip-top {
  bottom: 95px;
}
.placeholder-input-focus {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
}
.btn-container {
  display: inline-block;
}
.btn-grouped,
.btn-styled {
  background: none;
  border: 0 none;
  margin: 0;
  padding: 0;
}
.btn-grouped .btn,
.btn-styled .btn {
  display: inline-block;
  height: 24px;
  color: black;
}
.btn-grouped .btn.small,
.btn-styled .btn.small {
  height: 27px;
  line-height: 27px;
  margin-right: 11px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 0.91666667em;
}
.btn-grouped .btn.small:hover,
.btn-styled .btn.small:hover {
  color: black;
  background-position: -12px -27px;
}
.btn-styled:hover .btn.small {
  background-position: -12px -27px;
}
:root .btn.small,
*:root .btn.green {
  overflow: visible;
}
.btn a.disabled:hover,
.btn a.disabled:active {
  color: #2A2C2C;
}
.btn {
  margin: 0;
  overflow: visible;
  border: none;
  color: #2A2C2C;
  display: inline-block;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-weight: 700;
  height: 37px;
  line-height: 35px;
  padding: 0 22px;
  position: relative;
  text-align: center;
  text-decoration: none;
  font-size: 100%;
}
.btn.short {
  padding: 0 0 0 13px;
}
.btn:not(.disabled):hover {
  color: #2A2C2C;
}
.btn.disabled,
.btn.disabled:hover,
.btn.disabled:active {
  opacity: .5;
  cursor: default;
  background-position: -12px 0;
  border: none;
  color: #2A2C2C;
}
.btn :hover,
.btn :active {
  background-position: 0 0;
}
.btn span.label {
  line-height: 35px;
}
.btn.two-parts {
  padding: 0 14px 0 67px;
}
.btn.two-parts .left-part {
  display: block;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  height: 30px;
  left: 3px;
  line-height: 30px;
  position: absolute;
  text-shadow: 0 1px 1px black;
  top: 2px;
  width: 40px;
}
.btn.green {
  color: white;
  height: 37px;
  width: auto;
  text-shadow: 1px 1px 1px black;
  font-weight: normal;
}
.btn.green:hover,
.btn.green.active {
  background-position: -12px -37px;
  color: white;
}
.btn.green:active {
  background-position: -12px -74px;
  color: white;
}
.btn.green.disabled {
  cursor: default;
  color: #99A396 !important;
}
.btn.green.disabled,
.btn.green.disabled:hover {
  background-position: -12px -110px;
}
.btn.green.txt-shadow {
  text-shadow: 1px 1px 0 #1F3A15;
}
.btn.green.txt-shadow.disabled {
  text-shadow: 0 1px 1px #546B4C;
}
.btn.green-hover {
  font-weight: normal;
}
.btn.green-hover:hover {
  color: white;
}
.btn.dark {
  color: white;
}
.btn.dark:hover {
  background-position: -12px -37px;
  color: white;
}
.btn.black {
  color: white;
  height: 37px;
  width: auto;
}
.btn.black:hover {
  background-position: -12px -37px;
  color: white;
}
.btn.black:active {
  background-position: -12px -74px;
  color: #D0D0D0;
}
.btn.black.small {
  height: 27px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 27px;
}
.btn.black.small:hover {
  background-position: -12px -27px;
}
.btn-simple {
  color: #CC9D49;
  padding: 5px 0;
}
.btn-simple.more-less {
  position: relative;
  padding-left: 22px;
}
.btn-simple.more-less:before {
  content: "\00A0";
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 17px;
  height: 17px;
  margin-top: -9px;
  background: url("img/plus-minus.png") 0 0 no-repeat;
}
.btn-simple.more-less.active:before {
  background-position: 0 -17px;
}
button.btn-simple {
  background: transparent;
  border: 0;
}
.button-primary {
  height: 32px;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 0.91666667em;
}
.button-primary.no-capital {
  text-transform: none;
}
.button-primary.button-grey,
.button-primary.button-grey-shadow {
  color: #333333;
  background: #CDD0D4;
  background: linear-gradient(#DADCDC, #CCCCCC);
}
.button-primary.button-grey.button-small,
.button-primary.button-grey-shadow.button-small {
  padding: 0 23.5px;
  height: 23px;
  line-height: 24px;
  font-size: 0.91666667em;
}
.button-primary.button-grey.hover,
.button-primary.button-grey.active,
.button-primary.button-grey:active,
.button-primary.button-grey:hover {
  -webkit-box-shadow: 0 0 0 1px white inset;
  -moz-box-shadow: 0 0 0 1px white inset;
  box-shadow: 0 0 0 1px white inset;
}
.button-primary.button-grey.button-login {
  margin-top: 11px;
}
.button-primary.button-grey.disabled,
.button-primary.button-grey.disabled.hover,
.button-primary.button-grey.disabled:hover {
  color: black;
  -webkit-box-shadow: 0 1px 1px 0 #686868;
  -moz-box-shadow: 0 1px 1px 0 #686868;
  box-shadow: 0 1px 1px 0 #686868;
}
.button-primary.button-grey-shadow {
  -webkit-box-shadow: 0 1px 1px 0 #686868;
  -moz-box-shadow: 0 1px 1px 0 #686868;
  box-shadow: 0 1px 1px 0 #686868;
}
.button-primary.button-grey-shadow.button-small {
  height: 23px;
}
.button-primary.button-grey-shadow.first {
  margin-right: 8px;
}
.button-primary.button-grey-shadow.hover,
.button-primary.button-grey-shadow:hover {
  -webkit-box-shadow: 0 1px 1px 0 white;
  -moz-box-shadow: 0 1px 1px 0 white;
  box-shadow: 0 1px 1px 0 white;
}
.button-primary.button-grey-shadow.active,
.button-primary.button-grey-shadow:active {
  background: linear-gradient(#CCCCCC, #DADCDC);
}
.button-primary.button-green {
  line-height: 32px;
  padding: 0 23.5px;
  background: #357E00;
  border: 1px solid #204b00;
  color: white;
}
.button-primary.button-green.two-parts {
  display: table;
  width: auto;
  padding: 0;
  height: 32px;
  line-height: 30px;
}
.button-primary.button-green.two-parts .left-part {
  display: table-cell;
  padding: 0 11px;
  border-right: 1px solid #204b00;
  font-size: 1.25em;
}
.button-primary.button-green.two-parts .right-part {
  display: table-cell;
  border-left: 1px solid #79A26A;
  padding: 0 21px;
}
.button-primary.button-green:hover,
.button-primary.button-green.hover,
.button-primary.button-green:active,
.button-primary.button-green.active {
  color: white;
  background-color: #2B5518;
  border: 1px solid #172d0d;
}
.button-primary.button-green.disabled,
.button-primary.button-green.disabled.hover,
.button-primary.button-green.disabled:hover {
  color: #99A396;
  background-color: #66845B;
  border: 1px solid #4f6646;
}
.button-primary.button-black {
  padding: 0 24.5px;
  background-color: #1F1F1F;
  text-shadow: 1px 1px 1px black;
  -webkit-box-shadow: -1px 1px 2px black;
  -moz-box-shadow: -1px 1px 2px black;
  box-shadow: -1px 1px 2px black;
}
.button-primary.button-black.small {
  padding: 0 22.5px;
  line-height: 25px;
  height: 22px;
}
.button-primary.button-black:hover,
.button-primary.button-black.hover {
  color: white;
}
.button-primary.button-black:active,
.button-primary.button-black.active {
  color: #CDD0D4;
}
.button-primary.button-black.disabled,
.button-primary.button-black.disabled.hover,
.button-primary.button-black.disabled:hover {
  color: #ffffff;
  background: #262626;
}
.button-primary.add-to-cart {
  width: 21px;
  height: 21px;
  margin: 24px 9px 0 3px;
  -webkit-box-shadow: 0 0 1px 1px #B1B3B7;
  -moz-box-shadow: 0 0 1px 1px #B1B3B7;
  box-shadow: 0 0 1px 1px #B1B3B7;
}
.button-primary.add-to-cart.small-button-green {
  color: white;
  background: url("img/cross_plus_white.png") no-repeat center #357E00;
  line-height: normal;
}
.button-primary.add-to-cart.small-button-green.filled {
  background: #357E00;
}
.button-primary.add-to-cart.small-button-green.filled:hover,
.button-primary.add-to-cart.small-button-green.filled.hover {
  background: #2B5518;
}
.button-primary.add-to-cart.small-button-green.filled.disabled {
  opacity: 1;
  background: #357E00;
}
.button-primary.add-to-cart.small-button-green.filled.disabled.hover,
.button-primary.add-to-cart.small-button-green.filled.disabled:hover {
  background-color: #2B5518;
  border: 1px solid #172d0d;
}
.button-primary.add-to-cart.hover,
.button-primary.add-to-cart:hover {
  background-color: #2B5518;
  border: 1px solid #172d0d;
}
.button-primary.add-to-cart.disabled,
.button-primary.add-to-cart.disabled.hover,
.button-primary.add-to-cart.disabled:hover {
  background: url("img/cross_plus_grey.png") no-repeat center #C1C4C8;
  border: none;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
}
.button-primary.add-to-cart.disabled.two-parts,
.button-primary.add-to-cart.disabled.hover.two-parts,
.button-primary.add-to-cart.disabled:hover.two-parts {
  color: #666666;
  background: transparent;
  width: auto;
  height: 34px;
  line-height: 35px;
  padding: 0 27px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
}
.button-primary.short {
  padding: 0 10px;
}
.address-options .button-primary {
  padding: 0 17px 0 17px;
}
.button-primary.quantity-btn-title {
  margin: auto;
}
.products-block {
  margin-right: 20px;
}
.products-block h2 {
  color: white;
  line-height: 50px;
  margin: 0;
  text-transform: uppercase;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1em;
}
.products-block td {
  position: relative;
  padding-left: 0;
  padding-top: 0;
}
.products-block td a {
  color: white;
  text-decoration: none;
}
.products-block td.last {
  padding-right: 0;
}
.products-block .prod-ctn {
  position: relative;
}
.products-block .prod-ctn a {
  display: block;
}
.products-block .prod-ctn a:hover {
  border-color: #272727;
}
.products-block .prod-ctn a:focus {
  position: relative;
  z-index: 1;
}
.products-block .prod-info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 10px;
  color: #D3D3D3;
  font-size: 0.91666667em;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.products-block .prod-info .sep {
  color: #525252;
  margin: 0 3px;
}
.products-block .prod-info em {
  color: #D4A11E;
}
.products-block .prod-info small {
  color: #888;
  line-height: inherit;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.75em;
}
.products-block a.view-product .icon {
  display: none;
  position: absolute;
  right: 15px;
  top: 15px;
  height: 21px;
  width: 21px;
  background: url("img/sprite.png") no-repeat scroll 0 -100px transparent;
}
.products-block a.view-product:hover .icon {
  display: block;
}
.outer-circle,
.inner-disc {
  display: inline-block;
  border-radius: 50%;
  font-size: 0;
  line-height: 0;
}
.outer-circle {
  margin: 1px;
  padding: 1px;
  border: 2px transparent solid;
}
.outer-circle:hover,
.outer-circle.selected {
  border: 2px #444 solid;
}
.inner-disc {
  height: 10px;
  width: 10px;
  border: 2px solid #DDD;
  background-color: white;
}
.intensity {
  color: #929394;
  font-weight: 400;
  line-height: 8px;
}
.intensity .number {
  margin-right: 10px;
  font-weight: bold;
  font-size: .91em;
}
.intensity .dot {
  background: white;
  display: inline-block;
  margin: 0 1px;
  height: 4px;
  width: 3px;
}
.intensity .dot.active {
  background: #999999;
}
.add-to-cart {
  color: #2A2C2C;
  height: 24px;
  width: 24px;
  display: inline-block;
  margin: 0 10px 0 0;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  line-height: 24px;
  padding: 0;
  border: none;
}
.add-to-cart.quantity {
  font-size: 0.83333333em;
}
.add-to-cart.quantity:hover,
.add-to-cart.quantity.active {
  color: white;
}
.add-to-cart.quantity.green {
  color: white;
}
.add-to-cart.quantity.green:hover {
  background-position: 0 -24px;
}
.add-to-cart.medium-size {
  height: 32px;
  width: 32px;
  margin-left: -2px;
  line-height: 28px;
  font-size: 1.33333333em;
}
.add-to-cart.medium-size:hover,
.add-to-cart.medium-size.active {
  background-position: 0 -32px;
}
.add-to-cart.medium-size.green {
  font-size: 1em;
}
.add-to-cart.disabled,
.add-to-cart.disabled:hover {
  background-position: 0 0;
  cursor: default;
  color: white;
}
.mejs-controls .mejs-button button:focus {
  outline: 1px dotted white;
}
.mejs-controls .mejs-button button {
  margin: 2px 5px;
}
.mejs-controls .mejs-time-rail {
  padding-top: 1px;
  width: 542px;
}
.mejs-controls .mejs-time-rail span {
  border-radius: 4px;
  height: 8px;
}
.mejs-controls .mejs-time-rail .mejs-time-total,
.mejs-controls .mejs-time-rail .mejs-time-loaded {
  background: url("img/video-seek-bar.png") repeat-x scroll 0 -1px transparent;
}
.mejs-container .mejs-controls {
  background: url("img/video-controls-bg.png") repeat-x scroll 0 0 black;
  height: 22px;
}
.mejs-container .mejs-controls .mejs-time {
  padding: 4px 3px 0;
}
.mejs-container .mejs-controls .mejs-time span {
  margin: 1px 2px 0 0;
}
.mejs-inner {
  height: 100%;
}
.player-container {
  position: relative;
}
.mejs-controls div.mejs-time-rail {
  width: 520px !important;
}
.video-wrapper .video-audio-desc,
.player-container .video-audio-desc {
  color: white;
  font-size: 91.7%;
  position: absolute;
  right: 0;
  text-decoration: none;
  top: -20px;
}
.video-wrapper .video-audio-desc.dark,
.player-container .video-audio-desc.dark {
  color: #313131;
}
.video-wrapper {
  width: 682px;
  background-color: black;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9999;
}
.video-wrapper .video-audio-desc {
  left: 0;
}
.store-locator-iframe {
  margin-top: 50px;
}
.ui-dialog.popin-dialog-open {
  z-index: 10200;
}
.ui-dialog.popin-dialog-open.dark {
  background: #1A1A1A;
}
.ui-dialog.popin-dialog-open.light {
  background: white;
}
.ui-dialog.popin-dialog-open.light * {
  color: black;
}
.ui-dialog {
  position: absolute;
}
.help-frame-dialog-open .ui-dialog-content {
  background: white;
}
.popin-page {
  background: none repeat scroll 0 0 #1A1A1A;
  color: #7F7F7F;
  display: none;
  line-height: 16px;
  padding: 0;
  z-index: 10200;
}
.popin-page .content {
  padding: 0 80px 40px 80px;
}
.popin-page .art-title {
  background: url("img/popin-title-sep.png") bottom no-repeat;
  line-height: 22px;
  color: white;
  margin: 0 0 15px 0;
  padding: 0 0 35px 0;
  text-align: center;
  font-weight: bold;
  font-size: 1.75em;
}
.popin-page .art-title .small {
  font-size: 1.16666667em;
}
.popin-page .art-title .color {
  color: #689E92;
}
.popin-page .art-title .orange {
  color: #CC9D49;
}
.popin-page .free-lightbox-title {
  background: url("img/popin-title-sep.png") bottom no-repeat;
  line-height: 22px;
  margin: 0 0 15px 0;
  padding: 0 0 35px 0;
  text-align: center;
}
.popin-page .close {
  position: absolute;
  top: 10px;
  right: 10px;
}
.popin-page a.btn {
  color: #2A2C2C;
}
.popin-page a.btn.black {
  color: white;
}
.popin-page ul {
  margin: 0 0 25px -40px;
  list-style-position: inside;
  list-style-image: url("img/bullet-round-turquoise.png");
}
.popin-page ul ul {
  margin-left: -4px;
}
.popin-page li {
  line-height: 14px;
}
.popin-page h4 {
  color: white;
  margin: 35px 0 3px 0;
}
.popin-page .subtitle {
  font-weight: 700;
  color: white;
  margin: 35px 0 20px 0;
}
.popin-page strong {
  color: white;
  font-weight: 400;
}
.timeselect-dialog.ui-dialog {
  position: absolute;
}
.popin-page .art-title .small {
  font-size: 115%;
}
.popin-page a.btn {
  font-size: 90%;
}
.no-close .ui-dialog-titlebar-close {
  display: none;
}
.confirm-delete-dialog a {
  color: #1A1A1A;
  display: inline-block;
}
.popin-page .vscroll {
  padding-right: 60px;
}
.info-box {
  position: relative;
  padding: 35px 40px;
  background-color: #1C1C1C;
  border: 1px solid #333333;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.info-box:before,
.info-box:after {
  content: "\00A0";
  position: absolute;
  left: 40px;
  top: -12px;
  display: block;
  width: 0;
  height: 0;
  margin-left: -5px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #333333;
}
.info-box:after {
  margin-top: 2px;
  border-bottom-color: #1C1C1C;
}
.info-box h4,
.info-box .title {
  margin: 20px 0 0;
  font-size: 1em;
  text-transform: uppercase;
}
.info-box b,
.info-box strong {
  font-size: 1.1em;
}
.info-box table {
  width: 100%;
  margin: 15px 0 0;
}
.info-box table h4 {
  margin-top: 0;
}
.info-box table tr {
  border-top: 1px dotted #333333;
}
.info-box table tr:first-child {
  border-top: 0;
}
.info-box table th,
.info-box table td {
  padding: 9px 0;
  vertical-align: middle;
}
.info-box table th {
  font-weight: normal;
  text-align: left;
}
.info-box table th + td {
  text-align: right;
  color: white;
}
.info-box h4 + table {
  margin-top: 8px;
  border-top: 1px dotted #333333;
}
.info-box > :first-child,
.info-box > span:first-child > :first-child {
  margin-top: 0;
}
.jspContainer {
  overflow: hidden;
  position: relative;
}
.jspPane {
  position: absolute;
}
.jspScrollable {
  outline: none;
}
.popin-page {
  padding: 0 20px 20px 20px;
}
.popin-page .vscroll .jspTrack {
  right: 50px;
}
.popin-page.pickup-points .vscroll .jspTrack {
  right: 61px;
}
.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
}
.jspHorizontalBar .jspCap {
  float: left;
}
.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%;
}
.jspVerticalBar *,
.jspHorizontalBar * {
  margin: 0;
  padding: 0;
}
.jspCap {
  display: none;
}
.jspArrow {
  background: #50506D;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
}
.jspArrow.jspDisabled {
  cursor: default;
  background: #80808D;
}
.jspCorner {
  background: #EEEEF4;
  float: left;
  height: 100%;
}
.jspVerticalBar {
  background-color: transparent;
  height: 100%;
  width: 3px;
}
.jspHorizontalBar {
  display: none !important;
}
.jspTrack {
  background-color: #DEE1E5;
  cursor: pointer;
  position: absolute;
  right: 2px;
  top: 0;
  height: 100%;
  width: 3px;
}
.jspTrack:hover {
  right: 2px;
  width: 3px;
}
.jspTrack:hover .jspDrag {
  right: 2px;
  width: 3px;
}
.jspTrack .jspDrag {
  background-color: black;
  width: 3px;
}
.vscroll {
  padding-right: 60px;
  zoom: 1;
}
.vscroll:before,
.vscroll:after {
  display: table;
  content: "";
  zoom: 1;
}
.vscroll:after {
  clear: both;
}
body .overlay-dark {
  background: url("img/popin-mask-bg-black.png") repeat scroll 0 0 transparent;
}
.ui-popin {
  z-index: 10200 !important;
  background-color: #1A1A1A;
  padding: 10px 20px;
  width: 214px;
}
.ui-popin .nsb-iframe-container {
  position: relative;
  margin-bottom: 20px;
}
.ui-popin.popin-white {
  background: url("img/popin-white-bg.gif") repeat-x scroll 0 100% #F4F5F7;
  position: absolute;
  padding: 0;
}
.ui-popin.popin-white .ui-dialog-titlebar-close {
  background: url("img/popin-white-close.png") no-repeat scroll 0 0 transparent;
  border: medium none;
  height: 19px;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 19px;
  z-index: 9999;
}
.ui-popin .ui-dialog-title {
  display: none;
}
.ui-popin .ui-dialog-titlebar-close {
  background: url("img/notification-close.png") no-repeat scroll 0 0 transparent;
  border: medium none;
  height: 19px;
  position: absolute;
  right: -5px;
  top: -5px;
  width: 19px;
}
.ui-popin .ui-button-text {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  text-indent: -100000px;
}
.ui-popin .your-product {
  border: 1px solid #313131;
  max-width: 212px;
}
.ui-popin .prod-info {
  background: url("img/popin-white-bg.png") repeat-x scroll 0 0 white;
  height: 81px;
  padding: 15px 10px;
  text-align: center;
  width: auto;
  position: relative;
}
.ui-popin .prod-info p.primaryPrice {
  margin: 0;
  color: #333333;
  text-transform: uppercase;
  line-height: 20px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 1.66666667em;
}
.ui-popin .prod-info p.primaryPrice .priceLabel {
  font-size: .6em;
}
.ui-popin .prod-info p.alternativePrice {
  font-size: 83.3%;
  color: #888888;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 18px;
  margin: 0;
}
.ui-popin .prod-info p.alternativePrice .priceLabel {
  font-size: 8px;
}
.ui-popin .prod-info .priceValue,
.ui-popin .prod-info .priceLabel {
  padding: 0 4px;
}
.ui-popin .prod-info .btn-addtocart {
  position: absolute;
  width: 100%;
  bottom: 7px;
  left: 0;
}
.ui-popin .description {
  color: #7F7F7F;
}
.ui-popin .moar a {
  color: white;
}
.ui-popin .moar .orange {
  color: #CC9D49;
  margin-right: 6px;
}
.ui-popin .accessories {
  border-top: 1px solid #333333;
}
.confirm-info-dialog {
  padding: 0 50px 20px 50px;
  text-align: center;
}
.confirm-info-dialog.ui-dialog.popin-dialog-open .ui-dialog-titlebar {
  height: 20px;
}
.confirm-info-dialog p {
  padding: 20px 0;
}
.confirm-info-dialog .title {
  background: url("img/title-arrow-grey.png") no-repeat scroll center bottom;
  color: white;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 18px;
  text-transform: none;
  font-weight: 400;
  padding: 0 20px 40px 20px;
  text-align: center;
}
.wrapper-carousel-conditions {
  margin: auto;
  position: relative;
  width: 996px;
}
.wrapper-carousel-conditions .carousel-conditions {
  position: absolute;
  color: white;
  font-size: 11px;
  bottom: 25px;
  right: 30px;
  z-index: 10;
}
.wrapper-push-banner {
  position: relative;
  z-index: 1;
}
.wrapper-push-banner.push-banner-link {
  cursor: pointer;
}
.wrapper-push-banner .push-banner {
  display: block;
}
.wrapper-push-banner .push-banner-conditions {
  display: inline-block;
  position: absolute;
  text-align: right;
  color: white;
  font-size: 11px;
  bottom: 0;
  right: 0;
}
.wrapper-push-banner .header-nav-conditions {
  right: 5px;
  bottom: 5px;
}
.push-prod .info-popin {
  display: inline-block;
  position: absolute;
  z-index: 1000;
  top: 10px;
  right: 10px;
}
#quantity-selector {
  width: 164px;
  z-index: 10201;
  outline: none;
}
#quantity-selector .quantity-popin-inner,
#quantity-selector .quantity-popin-bottom {
  background: url("img/quantity-popin.png") no-repeat scroll 0 0 transparent;
}
#quantity-selector .quantity-popin-inner {
  padding: 5px;
}
#quantity-selector .quantity-popin-bottom {
  background-position: bottom center;
  height: 10px;
}
#quantity-selector .quantity-popin-content {
  width: 154px;
  max-height: 151px;
}
#quantity-selector .other-quantity {
  display: block;
  margin: 0;
  height: 24px;
  line-height: 24px;
  color: #333333;
  font-weight: bold;
  text-align: center;
  font-size: 0.83333333em;
}
#quantity-selector .qty-btn-styled {
  margin: 5px 0 0 5px;
  padding: 0;
  border: none;
  background: none;
  overflow: visible;
}
#quantity-selector .qty-btn-styled .qty-btn {
  display: block;
  margin: 0;
  width: 36px;
  height: 30px;
  line-height: 30px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  border: none;
  background: none;
  color: #333333;
  font-size: 0.91666667em;
}
#quantity-selector .separator {
  background-color: #EAEAEB;
  border-bottom: 1px solid #AFAFB1;
  height: 1px;
}
#quantity-selector input {
  float: left;
  margin: 7px 0 0 7px;
  padding: 0 7px;
  width: 100px;
  height: 30px;
  line-height: 30px;
  font-size: 0.91666667em;
  /* WebKit, Blink, Edge */
  /* Mozilla Firefox 19+ */
  /* Internet Explorer 10-11 */
}
#quantity-selector input::-webkit-input-placeholder {
  color: #666666;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-style: italic;
  font-size: 0.83333333em;
}
#quantity-selector input::-moz-placeholder {
  opacity: 1;
  color: #666666;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-style: italic;
  font-size: 0.83333333em;
}
#quantity-selector input:-ms-input-placeholder {
  color: #666666;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-style: italic;
  font-size: 0.83333333em;
}
#quantity-selector .arrow {
  position: absolute;
  background: transparent url("img/quantity-popin-arrow.png") no-repeat scroll 0 -18px;
}
#quantity-selector.top .arrow {
  background-position: 0 0;
  left: 50%;
  height: 17px;
  width: 38px;
  bottom: -10px;
  margin: 0;
  margin-left: -19px;
}
#quantity-selector.bottom .arrow {
  background-position: 0 -51px;
  left: 50%;
  height: 17px;
  width: 38px;
  top: -12px;
  margin: 0;
  margin-left: -19px;
}
#quantity-selector.right .arrow {
  height: 28px;
  width: 17px;
  background-position: 0 -22px;
  top: auto;
  bottom: 50%;
  left: -11px;
  margin: 0;
  margin-bottom: -10px;
}
#quantity-selector.left .arrow {
  height: 38px;
  width: 17px;
  background-position: -16px -17px;
  top: auto;
  bottom: 50%;
  left: auto;
  right: -11px;
  margin: 0;
  margin-bottom: -19px;
}
#quantity-selector-warning {
  text-transform: uppercase;
  color: #2A2C2C;
  margin: 5px 10px 0 10px;
  text-align: center;
  line-height: 1.1em;
  font-size: 0.83333333em;
}
#quantity-selector-options {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 10px 0 5px 12px;
  padding: 0;
  width: 134px;
  list-style: none;
}
#quantity-selector-options li {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 27px;
  height: 25px;
  text-align: center;
  border-color: #C9CACB #C9CACB #E9EAEC #E9EAEC;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
}
#quantity-selector-options li.qty-row-first {
  border-top: none;
}
#quantity-selector-options li.qty-row-last {
  border-bottom: none;
}
#quantity-selector-options li.qty-row-first,
#quantity-selector-options li.qty-row-last {
  height: 24px;
}
#quantity-selector-options li.qty-col-first {
  border-left: none;
}
#quantity-selector-options li.qty-col-last {
  border-right: none;
}
#quantity-selector-options li.qty-col-first,
#quantity-selector-options li.qty-col-last {
  width: 26px;
}
#quantity-selector-options li.disabled .quantity-selection {
  color: #BBBBBB;
}
#quantity-selector-options li.disabled .quantity-selection:hover {
  background: none;
  color: #BBBBBB;
}
#quantity-selector-options li .quantity-selection {
  display: block;
  padding: 0;
  width: 100%;
  height: 23px;
  line-height: 24px;
  text-decoration: none;
  text-shadow: 1px 1px 1px white;
  color: #2A2C2C;
  background: none;
  border: none;
  font-weight: bold;
  font-size: 0.91666667em;
}
#quantity-selector-options li .quantity-selection:hover {
  background: url("img/quantity-popin-active.png") no-repeat scroll 0 0 transparent;
  color: black;
}
.a11y-navigation #quantity-selector-options li .quantity-selection:focus {
  outline: none;
  height: 23px;
  line-height: 19px;
  border: 3px solid #3A869D;
  z-index: 1;
}
body .quantity-dialog-open.ui-dialog {
  z-index: 10201;
}
body .quantity-dialog-open.ui-dialog .ui-dialog-titlebar {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  text-indent: -100000px;
}
#debug {
  border: 5px red solid;
  padding: 5px;
}
.tooltip-container {
  position: relative;
}
.tooltip-container .tooltip {
  position: relative;
}
.tooltip-container .tooltip-top {
  top: -57px;
}
.tooltip-container .tooltip-top span {
  display: block;
}
.tooltip-container .tooltip-top .body {
  color: white;
  padding: 0 14px;
}
.tooltip-container .right {
  right: 0;
  bottom: 46px;
}
.tooltip {
  background: transparent url('img/tooltip-left.png') 0 0 no-repeat;
  color: white;
  clip: rect(1px 1px 1px 1px);
  text-indent: -100000px;
  min-height: 31px;
  left: 0;
  padding: 0 0 0 15px;
  position: absolute;
  top: 0;
  z-index: 12000;
  line-height: 25px;
}
.tooltip .border {
  background: transparent url('img/tooltip-left.png') top right no-repeat;
  position: absolute;
  right: -15px;
  top: 0;
  height: 31px;
  width: 15px;
}
.tooltip.right {
  background: transparent url('img/tooltip-right.png') top right no-repeat;
  padding: 0 15px 0 0;
}
.tooltip.right .border {
  background: transparent url('img/tooltip-right.png') 0 0 no-repeat;
  left: -15px;
  right: auto;
}
.tooltip-top {
  width: 173px;
  z-index: 12000;
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  text-indent: -100000px;
}
.tooltip-top .top {
  height: 11px;
  background: transparent url('img/top.png') 0 0 no-repeat;
}
.tooltip-top .body {
  min-height: 40px;
  background: transparent url('img/body.png') 0 0 repeat-y;
}
.tooltip-top .bottom {
  height: 22px;
  background: transparent url('img/bottom.png') 0 0 no-repeat;
}
.tooltip-top .content {
  padding: 4px 20px 5px 20px;
  word-wrap: break-word;
  color: white;
  font-size: 10px;
  line-height: 12px;
}
.tooltip-top .content p {
  margin: 0 0 10px 0;
}
.tooltip-top .content p:last-child {
  margin: 0;
}
.tooltip-top.position-unique {
  top: -150px;
  left: -20px;
}
.tooltip-top.display {
  position: inherit;
  clip: inherit;
  text-indent: inherit;
  position: absolute;
  display: block;
}
.focus-tooltip:hover + .tooltip-top,
.container-tooltip:hover .tooltip-top,
.container-tooltip:hover .tooltip {
  position: inherit;
  clip: inherit;
  text-indent: inherit;
  position: absolute;
  display: block;
}
.container-tooltip {
  cursor: pointer;
}
.shipping-services-choice {
  position: relative;
}
.shipping-services-choice .shipping-service-info .tooltip-container {
  right: 73px;
  top: -10px;
}
.shipping-services-choice .tooltip-container {
  position: relative;
  padding: 0 0 10px 0;
}
.shipping-services-choice .tooltip-container .tooltip-top {
  position: absolute;
  width: 110px;
  top: auto;
  bottom: 10px;
  z-index: 100;
  background: #232323;
  border-radius: 4px;
  padding: 10px;
}
.shipping-services-choice .tooltip-container .tooltip-top .arrow {
  position: absolute;
  bottom: -16px;
  height: 16px;
  left: 20px;
  background: transparent url('img/bottom-dark-arrow.png') 0 0 no-repeat;
  width: 28px;
}
.shipping-services-choice .tooltip-container .tooltip-top .content {
  padding: 0;
}
.shipping-services-choice .tooltip-container .tooltip-top .read-more {
  border-top: 1px dotted white;
  color: white;
  display: block;
  font-size: 10px;
  overflow: hidden;
  padding-top: 10px;
  margin-top: 10px;
  text-overflow: ellipsis;
  text-decoration: none;
}
.shipping-services-choice .tooltip-container .tooltip-top .shipping-services-lightbox-content {
  display: none;
  padding: 0 20px 20px 20px;
}
.shipping-services-choice .tooltip-container .tooltip-top.ttlight {
  background: white;
}
.shipping-services-choice .tooltip-container .tooltip-top.ttlight .arrow {
  right: 32px;
  margin-left: auto;
  background-image: url('img/bottom-light-arrow.png');
}
.shipping-services-choice .tooltip-container .tooltip-top.ttlight .content {
  color: black;
  margin: 0;
  width: 100%;
  font-weight: normal;
}
.shipping-services-choice .tooltip-container .tooltip-top.ttlight .read-more {
  border-top: 1px dotted black;
  color: black;
}
.shipping-services-choice.shipping-no-choice .tooltip-container .tooltip-top {
  width: 86px;
}
.shipping-services-choice.shipping-no-choice .tooltip-container .tooltip-top .arrow {
  left: 10px;
}
.ui-dialog .shipping-services-lightbox-content {
  padding: 0 20px 20px 20px;
}
.delivery-title,
.account-title {
  width: auto;
  color: #2F2F2F;
  height: 60px;
  padding: 0 20px;
  background: #DEDEDE url("img/gradient-bg.png") 0 0 repeat-x;
}
.delivery-title.dark-title,
.account-title.dark-title {
  background: #DEDEDE url("img/gradient-bg-dark.png") 0 0 repeat-x;
  color: white;
}
.delivery-title.radius,
.account-title.radius {
  border-radius: 3px 3px 0 0;
}
.delivery-title.border,
.account-title.border {
  height: 59px;
  width: auto;
  border-bottom: #B5B5B5 solid 1px;
}
.delivery-title .heading,
.account-title .heading,
.delivery-title .form-title,
.account-title .form-title {
  margin: 0;
  float: left;
  line-height: 60px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 2.08333333em;
}
.delivery-title .heading .color,
.account-title .heading .color,
.delivery-title .form-title .color,
.account-title .form-title .color {
  font-style: italic;
}
.delivery-title .heading .color.yellow,
.account-title .heading .color.yellow,
.delivery-title .form-title .color.yellow,
.account-title .form-title .color.yellow {
  color: #CC9D49;
}
.delivery-title.f20 .form-title,
.account-title.f20 .form-title,
.delivery-title.f20 .heading,
.account-title.f20 .heading,
.delivery-title .f20,
.account-title .f20 {
  font-size: 1.66666667em;
}
.delivery-title .baseline,
.account-title .baseline {
  font-size: 1em;
}
.delivery-title .error,
.account-title .error {
  color: #DD3232;
  margin-left: 10px;
  float: left;
  line-height: 60px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.91666667em;
}
.delivery-title button.btn,
.account-title button.btn,
.delivery-title .btn-container,
.account-title .btn-container {
  margin-top: 12px;
}
.delivery-title strong,
.account-title strong {
  line-height: 60px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 2.08333333em;
}
.account-title {
  color: #333333;
}
.progress-bar {
  width: 100%;
}
.progress-bar .progress-bar__weak-level,
.progress-bar .progress-bar__medium-level,
.progress-bar .progress-bar__strong-level {
  width: 33%;
  height: 4px;
  background-color: #666666;
  display: inline-block;
  margin-right: -2px;
  -webkit-transition: background-color 300ms;
  -moz-transition: background-color 300ms;
  -ms-transition: background-color 300ms;
  -o-transition: background-color 300ms;
  transition: background-color 300ms;
}
.progress-bar.progress-bar-weak .progress-bar__weak-level {
  background-color: #DA2D2D;
}
.progress-bar.progress-bar-weak .progress-bar__result-info {
  color: #DA2D2D;
}
.progress-bar.progress-bar-medium .progress-bar__weak-level,
.progress-bar.progress-bar-medium .progress-bar__medium-level {
  background-color: #8D6708;
}
.progress-bar.progress-bar-medium .progress-bar__result-info {
  color: #8D6708;
}
.progress-bar.progress-bar-strong .progress-bar__weak-level,
.progress-bar.progress-bar-strong .progress-bar__medium-level,
.progress-bar.progress-bar-strong .progress-bar__strong-level {
  background-color: #357E00;
}
.progress-bar.progress-bar-strong .progress-bar__result-info {
  color: #357E00;
}
.progress-bar .progress-bar__result {
  color: #666666;
  margin: 0;
}
.progress-bar .progress-bar__result .progress-bar__result-info {
  font-weight: bold;
}
.notification-banner {
  background-color: #383838;
  width: 100%;
  height: 34px;
}
.notification-banner .wrapper {
  padding: 5px 0;
  display: table;
  position: relative;
  overflow: hidden;
}
.notification-banner .wrapper > div {
  display: table-cell;
  vertical-align: middle;
}
.notification-banner .title,
.notification-banner .close {
  width: 1%;
  white-space: nowrap;
}
.notification-banner .title {
  padding-right: .5em;
  color: #CC9D49;
  font-size: 1em;
  font-weight: 400;
  display: table-cell;
  padding-top: 6px;
}
.notification-banner .body p {
  color: #C2C2C2;
  margin: 0;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 2em;
}
.notification-banner .close-cross {
  text-align: right;
}
.notification-banner .close {
  background: transparent url("img/notification-close.png") 0 0 no-repeat;
  margin-right: 1px;
  height: 19px;
  width: 19px;
  padding: 0;
  border: none;
  margin-top: 3px;
}
.xsell {
  background-color: #1A1A1A;
  height: 258px;
}
.xsell .xsell-banner {
  width: 312px;
  overflow: hidden;
}
.xsell .products-block {
  height: 258px;
  margin: 0;
}
.xsell .products-block h2,
.xsell .products-block .title {
  margin: 0;
  color: white;
  text-align: center;
  text-transform: uppercase;
  line-height: 50px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1em;
}
.slider {
  margin: 10px 0;
  overflow: hidden;
  position: relative;
  text-align: center;
  height: 416px;
  width: 100%;
}
.slider .slider-wrapper {
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
}
.slider .slider-wrapper .slider-window {
  position: relative;
}
.slider .slider-wrapper .slider-window .slider-item {
  width: 100%;
  float: left;
  overflow: hidden;
  position: relative;
}
.slider .slider-wrapper .slider-window .slider-item a {
  display: block;
  width: 996px;
  height: 410px;
  margin: 3px auto;
}
.slider .slider-play,
.slider .slider-pause {
  display: block;
}
.slider .slider-nav-ctn {
  bottom: 0;
  left: 0;
  position: absolute;
  height: 103px;
  width: 100%;
}
.slider .slider-nav {
  position: relative;
  display: table;
  top: 355px;
  margin: 0 auto;
  padding-right: 50px;
  text-align: center;
  height: 24px;
  z-index: 2;
}
.slider .slider-nav .slider-controls {
  position: absolute;
  right: 0;
  display: block;
  width: 24px;
  height: 24px;
  background: transparent url("img/slider-controls.png") 0 -36px no-repeat;
}
.slider .slider-nav .slider-controls.active {
  background-position: 0 0;
}
.slider .slider-nav li {
  position: relative;
  display: table-cell;
  height: 24px;
  vertical-align: middle;
  cursor: pointer;
}
.slider .slider-nav li.item-navigation button {
  padding: 16px;
}
.slider .slider-nav li.item-navigation.prev button {
  background: transparent url("img/slider-nav-prev.png") 0 0 no-repeat;
}
.slider .slider-nav li.item-navigation.next button {
  background: transparent url("img/slider-nav-next.png") 0 0 no-repeat;
}
.slider .slider-nav li.list-item:hover .thumbnail {
  display: block;
}
.slider .slider-nav li.list-item button {
  background: transparent url("img/slider-nav.png") 0 0 no-repeat;
  width: 14px;
  height: 14px;
  padding: 0;
  margin: 0 3px;
  vertical-align: middle;
  overflow: visible;
}
.slider .slider-nav li.list-item button:hover,
.slider .slider-nav li.list-item button:focus,
.slider .slider-nav li.list-item button.active {
  background-position: 0 -12px;
}
.slider .slider-nav li button {
  color: white;
  position: relative;
  border: 3px solid transparent;
  overflow: visible;
}
.a11y-navigation .slider .slider-nav li button:focus {
  outline: none;
  border: 3px solid #3A869D;
  z-index: 1;
}
.slider .slider-nav li button:hover .thumbnail {
  display: block;
}
.slider .slider-nav li .selector {
  border: 11px solid white;
  display: none;
  position: absolute;
  opacity: .15;
  -ms-filter: "alpha(opacity=15);";
  filter: alpha(opacity=15);
  height: 70px;
  width: 143px;
}
.slider .slider-nav li .thumbnail {
  background: transparent url("img/slider-nav-thumb-bottom.png") left bottom no-repeat;
  bottom: 14px;
  display: none;
  left: -53px;
  position: absolute;
  height: 85px;
  width: 119px;
}
.slider .slider-nav li .thumbnail img {
  border: 1px solid #1E1B1A;
  display: block;
  margin: 0 auto;
}
.slider .slider-nav li .thumbnail p {
  overflow: hidden;
  height: 18px;
  width: 100%;
  margin: 0;
  text-overflow: ellipsis;
  line-height: 18px;
  font-size: 0.83333333em;
}
.slider .marie-louise {
  border: solid 20px #F8C873;
  width: 956px;
  height: 370px;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -498px;
}
#header {
  position: relative;
  min-height: 81px;
}
.header {
  position: absolute;
  top: 0;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 91.7%;
  font-weight: 700;
  line-height: 14px;
  white-space: nowrap;
  width: 100%;
  height: 81px;
  z-index: 1000;
}
.header a {
  text-decoration: none;
  display: inline-block;
}
.header .wrapper .logo {
  float: left;
  height: 33px;
  margin: 0;
  position: relative;
  top: 26px;
  width: 175px;
}
.header .wrapper .pull-right img {
  margin: 6px 0 0 6px;
}
.header.header-fixed {
  position: fixed;
  top: 0 !important;
  background: black;
  height: 45px;
}
.header.header-fixed .page-info,
.header.header-fixed .user-menu,
.header.header-fixed .cart-container,
.header.header-fixed .lang,
.header.header-fixed .logo {
  top: 7px;
}
.header.header-fixed .page-info {
  display: block;
}
.header.header-fixed .lang {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  text-indent: -100000px;
}
.header .page-info,
.header .user-menu,
.header .cart-container,
.header .lang {
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-weight: 400;
  height: auto;
  line-height: 21px;
  padding: 0;
  position: relative;
  top: 22px;
}
.header .page-info .trigger,
.header .user-menu .trigger,
.header .cart-container .trigger,
.header .lang .trigger {
  color: white;
  display: block;
  height: 32px;
  line-height: 32px;
  padding-right: 34px;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
  width: 205px;
  z-index: 1;
  background: url("img/toggle-icon-3.png") no-repeat scroll right 0 transparent;
}
.header .page-info .trigger .toggle,
.header .user-menu .trigger .toggle,
.header .cart-container .trigger .toggle,
.header .lang .trigger .toggle {
  background: url("img/select-header-bg.png") no-repeat scroll 0 0 transparent;
  color: white;
  display: block;
  padding-left: 34px;
}
.header .page-info .trigger .icon,
.header .user-menu .trigger .icon,
.header .cart-container .trigger .icon,
.header .lang .trigger .icon {
  border-right: 1px solid #434341;
  color: white;
  font-size: 12px;
  height: 32px;
  left: 8px;
  line-height: 32px;
  position: absolute;
  right: auto;
  top: 0;
  width: 29px;
}
.header .page-info .dropdown,
.header .user-menu .dropdown,
.header .cart-container .dropdown,
.header .lang .dropdown {
  position: absolute;
}
.header .page-info {
  display: none;
  padding-left: 26px;
}
.header .page-info button.trigger {
  background: url("img/toggle-icon-3.png") no-repeat scroll right 0 transparent;
  width: auto;
}
.header .page-info button.trigger span {
  padding: 0 12px !important;
}
.header .page-info button.trigger.dialogOpened {
  background-position: right -32px;
}
.header .page-info .dropdown {
  width: 239px;
}
.header .page-info ul.anchors li {
  background-color: #51504E;
  border-bottom: 1px solid #444341;
  border-top: 1px solid #5F5E5D;
  padding: 0 16px 1px 16px;
}
.header .page-info ul.anchors li a {
  color: #CCCCCC;
  display: block;
}
.header .page-info ul.anchors li:first-child {
  border-top: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.header .page-info ul.anchors li:last-child {
  border-bottom: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.header .page-info ul.anchors li:hover {
  background-color: #636260;
  cursor: pointer;
}
.header .cart-container {
  margin: 0 0 0 26px;
}
.header .cart-container .trigger {
  background: url("img/toggle-icon-2.png") no-repeat scroll right 0 transparent;
}
.header .cart-container .trigger .toggle {
  min-width: 170px;
  background: url("img/select-header-bg-green.png") no-repeat scroll 0 0 transparent;
}
.header .cart-container .trigger .toggle span {
  font-weight: bold;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 1em;
}
.header .cart-container .icon {
  background: url("img/select-header-icon-bag.png") no-repeat scroll 0 0 transparent;
  border-right: 1px solid #434341;
}
.header .lang {
  margin-left: 11px;
}
.header .lang ul {
  margin-top: 13px;
}
.header .lang ul a,
.header .lang ul .current-lang {
  color: white;
  display: block;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 90.9%;
  height: 15px;
  min-width: 9px;
  max-width: 66px;
  line-height: 15px;
  margin: 0 3px;
  padding: 0 4px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
}
.header .lang ul .current-lang {
  background: #51504E;
  border-radius: 2px;
}
.header button.trigger {
  border: none;
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 0;
  width: auto;
  box-sizing: content-box;
}
.header .user-menu {
  margin: 0 0 0 26px;
}
.header .user-menu .icon {
  background: transparent url("img/select-header-icon-user.png") no-repeat scroll 0 0;
  left: 2px;
}
.header .user-menu .trigger {
  background: transparent url("img/toggle-icon-3.png") no-repeat scroll right 0;
  min-width: 218px;
  width: auto;
  font-weight: bold;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 1em;
}
.header .user-menu .trigger.dialogOpened {
  background-position: right -32px;
}
.header .user-menu .user-menu-open {
  background: #1A1A1A url("img/cart-bg.jpg") no-repeat scroll 0 -30px;
  font-weight: 400;
  height: auto;
  line-height: 18px;
  padding: 5px 0 20px 0;
  white-space: normal;
  width: 251px;
}
.header .user-menu .user-menu-ctn {
  padding-bottom: 15px;
}
.header .user-menu .user-menu-ctn .dialog-title {
  text-transform: uppercase;
  text-align: center;
}
.header .user-menu .user-menu-ctn p.dialog-styled-text {
  font-family: 'new_baskervillebold_italic', Georgia, serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin: 0 25px;
  text-align: center;
}
.header .user-menu .user-menu-ctn .separator {
  background-color: #4E4E4E;
  border-bottom: 1px solid black;
  height: 1px;
  margin: 0;
  width: auto;
}
.header .user-menu .user-menu-ctn .separator.margin {
  margin: 20px 0;
}
.header .user-menu .user-menu-ctn .user-login {
  padding: 0 16px;
}
.header .user-menu .user-menu-ctn .user-login input.field {
  margin: 0 0 4px 0;
  width: 196px;
  font-size: .91em;
}
.header .user-menu .user-menu-ctn .user-login .placeholder {
  min-height: 20px;
}
.header .user-menu .user-menu-ctn .user-login a.pass-forgotten {
  color: white;
  text-decoration: underline;
}
.header .user-menu .user-menu-ctn .user-login .checkbox {
  font-size: 1.18em;
}
.header .user-menu .user-menu-ctn .dialog-styled-text {
  padding-bottom: 12px;
}
.header .user-menu .user-logged .title {
  margin: 5px 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 400;
  line-height: 18px;
}
.header .user-menu .user-logged .separator {
  background-color: #4E4E4E;
  border-bottom: 1px solid black;
  margin: 0;
  height: 1px;
  width: auto;
}
.header .user-menu .user-logged .separator.margin {
  margin: 20px 0;
}
.header .user-menu .user-logged .user-login {
  margin: 0 20px;
}
.header .user-menu .user-logged .user-login input {
  background: transparent url("img/login-input-bg.png") 0 0 no-repeat;
  border: none;
  margin: 0 0 4px;
  height: 21px;
  width: 196px;
}
.header .user-menu .user-logged .user-login .user-login-submit {
  height: auto;
  width: 196px;
}
.header .user-menu .user-logged .user-login .user-login-submit .cbox {
  margin-top: 5px;
}
.header .user-menu .user-logged .user-login .user-login-submit .cbox .alias {
  margin-right: 5px;
}
.header .user-menu .user-logged .user-login .user-login-submit .btn {
  margin-top: 10px;
}
.header .user-menu .user-logged .user-login .pass-forgotten {
  color: white;
  text-decoration: underline;
}
.header .user-menu .user-logged .user-options li {
  border-bottom: 1px solid #3E3E3E;
  height: 26px;
}
.header .user-menu .user-logged .user-options a {
  color: white;
  display: block;
  padding: 0 0 0 30px;
  font-size: 11px;
  font-weight: 400;
  line-height: 26px;
}
.header .user-menu .user-logged .user-progress {
  margin: 16px 16px 0;
  position: relative;
  height: 21px;
  width: 215px;
}
.header .user-menu .user-logged .user-progress div {
  background: transparent url("img/user-progress-bg.png") 0 0 no-repeat;
  color: #2A2C2C;
  font-style: italic;
  left: 0;
  position: absolute;
  text-indent: 10px;
  top: 0;
  white-space: nowrap;
  z-index: 0;
  height: 21px;
  width: 215px;
  font-size: 11px;
  font-weight: 400;
  line-height: 21px;
}
.header .user-menu .user-logged .user-progress div.top {
  background-position: 0 -21px;
  color: white;
  overflow: hidden;
  z-index: 2;
}
.header .user-menu .user-logged .more {
  margin: 10px 20px;
}
.header .user-menu .user-logged .more a {
  text-decoration: underline;
}
.header .user-menu .user-logged .re-order {
  padding-top: 20px;
}
.header .user-menu .user-logged .re-order .label {
  margin: 0 25px;
  text-align: center;
  line-height: 18px;
  padding-bottom: 5px;
  font-family: 'new_baskervillebold_italic', Georgia, serif;
  font-weight: 400;
  font-size: 1.33333333em;
}
.main-nav {
  position: relative;
  height: 59px;
  width: 100%;
  padding-top: 81px;
}
.main-nav ul,
.main-nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0 auto;
  padding: 0;
}
.main-nav li,
.main-nav li > a {
  box-sizing: border-box;
}
.main-nav :focus,
.main-nav .ui-state-focus {
  z-index: 9999;
}
.main-nav .ui-state-focus:hover,
.main-nav :hover .ui-state-focus {
  outline: none;
}
.main-nav .item-name {
  background-color: black;
  display: block;
  height: 20px;
  text-align: center;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 20px;
  font-size: 91.6%;
}
.main-nav .buttons {
  margin: 0 auto;
  position: relative;
  height: 59px;
  width: 996px;
  display: table;
  table-layout: fixed;
}
.main-nav .buttons:focus {
  outline: none;
}
.main-nav .buttons li.store {
  background-position: 0 0;
}
.main-nav .buttons li:hover .icon,
.main-nav .buttons li .ui-state-focus .icon,
.main-nav .buttons li .ui-state-active .icon {
  background-position: 0 -32px;
}
.main-nav .buttons li:hover .item-name,
.main-nav .buttons li .ui-state-focus .item-name,
.main-nav .buttons li .ui-state-active .item-name,
.main-nav .buttons li.active .item-name {
  background-color: white;
  color: #2A2C2C;
}
.main-nav .buttons li a {
  color: white;
  display: block;
  text-decoration: none;
}
.main-nav .buttons li a .icon {
  display: block;
  overflow: hidden;
  padding: 1px 0 0;
  position: relative;
  height: 32px;
  width: 50px;
}
.main-nav .buttons li a .icon img {
  left: 0;
  position: absolute;
  top: 0;
}
.main-nav .buttons li a.trigger-link {
  background-repeat: repeat-x;
  border-right: 1px solid #252525;
  border-top: 1px solid #555555;
  padding: 0;
  height: 57px;
}
.main-nav .buttons li a.trigger-link:active .item-name,
.main-nav .buttons li a.trigger-link.active .item-name,
.main-nav .buttons li a.trigger-link.active-item .item-name {
  background-color: white;
  color: #2A2C2C;
}
.main-nav .buttons li a.trigger-link.active-item .icon {
  background-position: 0 -32px;
}
.main-nav .buttons li.trigger {
  padding: 0;
  height: 59px;
  display: table-cell;
}
.main-nav .buttons .machines a.trigger-link:active {
  background-position: 0 -304px;
}
.main-nav .buttons a.ui-state-active .item-title,
.main-nav .buttons a.ui-state-focus .item-title {
  text-decoration: underline;
}
.main-nav .buttons li a:hover .item-title,
.main-nav .buttons li a:focus .item-title,
.main-nav .buttons li a:active .item-title {
  text-decoration: underline;
}
.main-nav .submenu-wrapper {
  margin: 0 auto;
  position: relative;
  height: auto;
  width: 996px;
}
.main-nav .submenu {
  background: transparent url("img/submenu-dropshadow.png") 0 100% repeat-x;
  left: 0;
  position: absolute;
  top: 59px;
  height: 307px;
  width: 996px;
  color: #2A2C2C;
  z-index: 200;
}
.main-nav .submenu:before {
  content: "";
  z-index: 100;
  background-color: #E6E6E6;
  width: 996px;
  height: 238px;
  position: absolute;
  z-index: 0;
}
.main-nav .submenu.debug {
  display: block !important;
}
.main-nav .submenu .push {
  background-color: black;
  float: right;
  height: auto;
}
.main-nav .submenu .push a {
  border: 5px solid white;
  width: 248px;
}
.main-nav .submenu .push a.header-nav-conditions {
  width: auto;
}
.main-nav .submenu .item-title.order {
  color: #056609;
}
.main-nav .submenu .small {
  height: 120px;
  width: 250px;
  /* 2px border rather than 1 to avoid transparency when changing browser zoom level. Does not have an effect on 100% zoom due to absolute positioning */
  border-right: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  font-size: 1em;
}
.main-nav .submenu .small a {
  height: 119px;
  width: 249px;
  position: inherit;
  background: transparent url("img/submenu-small-hover.png") 0 0 no-repeat;
}
.main-nav .submenu .small a.ui-state-active,
.main-nav .submenu .small a:active {
  background-position: 100% -242px;
}
.main-nav .submenu .small a.ui-state-focus,
.main-nav .submenu .small a:hover {
  background-position: 0 -121px;
}
.main-nav .submenu .small .row-first {
  border-bottom: 1px solid #E6E6E6;
}
.main-nav .submenu .small .item-last {
  border-right: none;
}
.main-nav .submenu .small .info {
  left: 100px;
  margin: 0;
  position: absolute;
  top: 35px;
  height: auto;
  width: 140px;
}
.main-nav .submenu .item-title {
  color: #2A2C2C;
  margin: 0 0 5px 0;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 18px;
}
.main-nav .submenu .submenu-footer ul {
  float: left;
  height: auto;
  width: 745px;
}
.main-nav .submenu .submenu-footer ul li {
  height: auto;
  width: 248px;
  float: left;
}
.main-nav .submenu p {
  color: #737373;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 91.6%;
  font-weight: 400;
  line-height: 14px;
  margin: 0;
}
.main-nav .submenu li.text-only {
  padding-left: 20px;
  width: 976px;
}
.main-nav .submenu .unstyled {
  position: absolute;
  width: 247px;
  color: #2A2C2C;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 58px;
  list-style: inherit;
  margin: inherit;
  padding: inherit;
}
.main-nav .submenu .unstyled a {
  color: #666666;
}
.main-nav .submenu .item1 {
  left: 0;
}
.main-nav .submenu .item2 {
  left: 250px;
}
.main-nav .submenu .item3 {
  left: 500px;
}
.main-nav .submenu .row2 {
  top: 120px;
  height: 118px;
  background: url("img/submenu-bg.png") repeat-x scroll 0 -118px white;
}
.main-nav .submenu .row2 a {
  height: 118px;
}
.main-nav .submenu .row3 {
  top: 238px;
  border-top: 1px solid #C6C6C6;
  background: url("img/nav-submenu-footer.png") repeat-x scroll 0 0 white;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 91.6%;
  font-weight: 700;
  height: 58px;
  line-height: 58px;
}
.main-nav .submenu .row3 a {
  height: 100%;
}
.main-nav .submenu > li {
  position: absolute;
  background: none;
  border: none;
}
.main-nav .submenu > li.submenu-footerLinks {
  position: relative;
}
.main-nav .submenu > li.submenu-footerLinks .unstyled {
  color: #666666;
  text-transform: uppercase;
  text-decoration: underline;
  font-weight: bold;
  font-size: 1em;
}
.main-nav .submenu > li.submenu-footerLinks .unstyled:not(.text-only) {
  text-transform: uppercase;
}
.main-nav .submenu > li.submenu-footerLinks .unstyled.text-only {
  text-transform: none;
  text-decoration: none;
}
.main-nav .submenu .big {
  width: 500px;
  height: 238px;
  text-align: center;
  background: url("../../img/submenu-medium-shadow.png") repeat-y scroll 0 0 white;
}
.main-nav .submenu .big .info {
  margin: 0 25px;
  text-align: left;
}
.main-nav .submenu .big a {
  width: 500px;
  height: 238px;
  position: inherit;
  background: transparent url("img/submenu-big-hover.png") 0 0 no-repeat;
}
.main-nav .submenu .big a:hover {
  background-position: 0 -242px;
}
.main-nav .submenu .big a:active {
  background-position: 100% -484px;
}
.main-nav .submenu .big a img {
  margin: 30px 0 15px;
}
.main-nav .submenu .big .item-title {
  text-transform: uppercase;
}
.main-nav .submenu .row1.medium {
  height: 237px;
  width: 250px;
  text-align: center;
  background: url("img/submenu-medium-shadow.png") repeat-y scroll 0 0 white;
}
.main-nav .submenu .row1.medium a {
  height: 237px;
  width: 250px;
  position: inherit;
  background: transparent url("img/submenu-big-hover.png") 0 0 no-repeat;
}
.main-nav .submenu .row1.medium a:hover {
  background-position: 0 -242px;
}
.main-nav .submenu .row1.medium a:active {
  background-position: 100% -484px;
}
.main-nav .submenu .row1.medium .info {
  margin: 0 25px;
  text-align: center;
}
.main-nav .submenu .row1.medium .item-title {
  text-transform: uppercase;
}
.main-nav .submenu .row1.medium img {
  margin: 30px 0 15px;
}
.main-nav .submenu .row1.mediumlinks {
  height: 238px;
  text-align: center;
  width: 250px;
  background: url("img/submenu-medium-shadow.png") repeat-y scroll 0 0 white;
}
.main-nav .submenu .row1.mediumlinks .medium-links-inner {
  width: 100%;
  height: 100%;
}
.main-nav .submenu .row1.mediumlinks .medium-links-inner:hover {
  background: transparent url("img/submenu-big-hover.png") 0 -242px no-repeat;
}
.main-nav .submenu .row1.mediumlinks .medium-links-inner:hover .link-label-text {
  text-decoration: underline;
}
.main-nav .submenu .row1.mediumlinks .medium-links-inner a {
  position: relative;
}
.main-nav .submenu .row1.mediumlinks .medium-links-inner .link-label {
  display: table;
  margin: auto;
}
.main-nav .submenu .row1.mediumlinks .medium-links-inner .link-label .link-label-image {
  background: transparent url("img/magnifier.png") no-repeat 0 0;
  width: 20px;
  height: 20px;
  display: block;
  float: left;
}
.main-nav .submenu .row1.mediumlinks .medium-links-inner .link-label .link-label-text {
  color: black;
  font-size: 1.2em;
  font-weight: bold;
  display: block;
  float: left;
  padding: 3px 0 0 10px;
}
.main-nav .submenu .row1.mediumlinks a:hover {
  background-position: 0 -242px;
}
.main-nav .submenu .row1.mediumlinks a:active {
  background-position: 100% -484px;
}
.main-nav .submenu .row1.mediumlinks .info {
  margin: 0 25px;
  text-align: center;
}
.main-nav .submenu .row1.mediumlinks .item-title {
  text-transform: uppercase;
}
.main-nav .submenu .row1.mediumlinks img {
  margin: 30px 0 0 0;
}
.main-nav .submenu .row1.mediumlinks .image-link-elements a {
  display: inline;
}
.main-nav .submenu .row1.mediumlinks .image-link-elements li {
  margin: 0 0 10px 70px;
  padding: 5px 0 5px 30px;
  background-repeat: no-repeat;
  background-position: 0 2px;
  text-align: left;
}
.main-nav .submenu .row1.mediumlinks .image-link-elements li.product-link a {
  color: #357E00;
  font-weight: bold;
  font-size: 1.1em;
}
.main-nav .submenu .row1.mediumlinks .image-link-elements.with-link-label {
  margin: 5px 0 0 0;
}
.main-nav .submenu p.unstyled {
  margin: 0;
  text-indent: 20px;
  height: auto;
}
.main-nav .submenu .push,
.main-nav .submenu .row1 {
  top: 0;
  background: url("img/submenu-bg.png") repeat-x scroll 0 0 white;
}
.main-nav .submenu .item4 {
  right: 0;
}
.main-nav .submenu .push {
  width: 248px;
  right: 0;
}
.main-nav .submenu .push a {
  height: 237px;
  width: 248px;
}
.main-nav .submenu .push a.ui-state-active,
.main-nav .submenu .push a.ui-state-focus,
.main-nav .submenu .push a:focus,
.main-nav .submenu .push a:focus,
.main-nav .submenu .push a:active {
  border-color: #DDD;
}
.main-nav .submenu .unstyled a.ui-state-active,
.main-nav .submenu .unstyled a.ui-state-focus,
.main-nav .submenu .unstyled a:focus,
.main-nav .submenu .unstyled a:hover,
.main-nav .submenu .unstyled a:active {
  color: #2A2C2C;
}
.main-nav .submenu .green p,
.main-nav .submenu .green .item-title {
  color: #357E00;
}
.main-nav .icon {
  margin: 3px auto 2px;
}
.input-password .password {
  display: none;
}
.header .btn {
  font-size: 109.1%;
}
.login-block {
  position: relative;
}
.login-block .title {
  line-height: 25px;
  margin: 0 0 5px 0;
  color: #2F2F2F;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 2.08333333em;
}
.login-block .subtitle {
  line-height: 16px;
  color: #959595;
  margin: 0 0 30px 0;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1em;
}
.login-block .subtitle.error {
  color: #DD3232;
}
.login-block .bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 40px;
  width: 920px;
  border-top: 1px dotted #808284;
}
.login-block .button-continue {
  margin-top: 15px;
}
.login-block .col {
  float: left;
  width: 417px;
  position: relative;
  height: 100%;
}
.login-block .col .bottom {
  width: 100%;
  border: none;
  margin: 0;
}
.login-block .col.left {
  padding: 0 40px 0 0;
  border-right: 1px dotted #808284;
}
.login-block .col.right {
  padding: 0 0 0 40px;
}
.login-block .col.right .bottom {
  margin: 0 0 0 40px;
}
.login-block .login-message .login-message-text {
  text-align: center;
  margin: 50px 100px;
  line-height: 18px;
  font-weight: 400;
  font-size: 1.33333333em;
}
.forgotten-password-block form fieldset,
.forgotten-password-block .login-message {
  background: transparent url("img/register-cnx-bg.gif") 0 0 repeat-x;
  height: 400px;
  padding: 40px;
  color: #333333;
  position: relative;
}
.forgotten-password-block .col.left {
  border-right: none;
}
.forgotten-password-block .lost-password-fields {
  zoom: 1;
  min-height: 50px;
  margin-bottom: 5px;
}
.forgotten-password-block .lost-password-fields:before,
.forgotten-password-block .lost-password-fields:after {
  display: table;
  content: "";
  zoom: 1;
}
.forgotten-password-block .lost-password-fields:after {
  clear: both;
}
.forgotten-password-block .lost-password-fields label {
  width: 200px;
  margin-top: 10px;
  vertical-align: top;
}
.forgotten-password-block .lost-password-fields label.error-message,
.forgotten-password-block .lost-password-fields label.error {
  font-weight: bold;
  top: 40px;
  left: 200px;
}
.forgotten-password-block .lost-password-fields label.forgotten-password {
  font-size: .75em;
}
.forgotten-password-block .lost-password-fields input {
  width: 205px;
  margin-bottom: 0;
}
.forgotten-password-block .lost-password-fields .progress-bar {
  width: 204px;
}
.forgotten-password-block .recaptcha {
  margin: 0 0 30px 200px;
}
.forgotten-password-block .recaptcha .recaptcha-error-message {
  margin: 10px 0;
  color: #DD3232;
  font-weight: bold;
}
.forgotten-password-block .lost-password__tooltip {
  bottom: 58px;
}
.forgotten-password-block .lost-password__tooltip .bottom {
  position: relative;
}
.login-form-block {
  background: transparent url("img/register-cnx-bg.gif") 0 0 repeat-x;
  height: 400px;
  padding: 40px;
  color: #6C6C6C;
  position: relative;
}
.login-form-block .button-primary.button-green {
  text-shadow: none;
  font-weight: bold;
}
.login-form-block .country-message-title {
  display: block;
  font-weight: bold;
  font-size: 1.5em;
}
.login-form-block .title {
  display: block;
  margin: 0 0 35px;
}
.login-form-block .txt {
  font-size: 16px;
  line-height: 22px;
  margin: 0;
}
.login-form-block .img {
  margin-top: 20px;
  overflow: hidden;
  max-height: 230px;
}
.login-form-block .img img {
  display: block;
  margin: 0 auto;
}
.login-form-block .mstr-input input {
  width: 205px;
}
.login-form-block form {
  position: static;
}
.login-form-block .col.secure {
  background: url("img/card-nespresso-club.png") no-repeat scroll 50% 80% transparent;
}
.login-form-block .mstr-cbox label {
  color: #333333;
  font-style: normal;
  font-size: 1.33333333em;
}
.login-form-block input[type="checkbox"] {
  margin: 0;
}
.login-form-block label {
  padding-left: 4px;
}
.brute-force-popin .ui-dialog-titlebar-close {
  display: none;
}
.brute-force-popin .brute-force-lightbox-title {
  display: block;
  text-align: center;
  font-size: 1.2em;
  font-weight: normal;
  border-bottom: 1px solid #333333;
  padding: 0 0 10px 0;
  margin: 5px 0 15px 0;
}
.footer-block {
  padding-bottom: 6px;
}
.footer-extra {
  color: #888;
  line-height: 19px;
  margin-top: 14px;
  margin-bottom: 14px;
  zoom: 1;
}
.footer-extra:before,
.footer-extra:after {
  display: table;
  content: "";
  zoom: 1;
  clear: both;
}
.footer-extra ul {
  text-align: center;
  margin-bottom: 4px;
}
.footer-extra ul li {
  border-right: 1px solid #333333;
  line-height: 19px;
  display: inline-block;
  padding: 0 10px;
}
.footer-extra ul li.last {
  border-right: 0;
}
.footer-extra ul li a {
  color: white;
}
.footer-extra ul li a:hover {
  text-decoration: none;
}
.footer-extra ul li a:active {
  color: #888;
  text-decoration: underline;
}
.footer-extra ul li.back2top {
  border-right: none;
  padding: 0 0 0 20px;
  position: relative;
}
.footer-extra ul li.back2top img {
  display: block;
  left: 10px;
  position: absolute;
  top: 5px;
  height: 8px;
  width: 7px;
}
.footer-extra ul li.back2top a {
  color: #888;
  text-decoration: none;
}
.footer-extra ul.gray li {
  line-height: 12px;
  padding: 0 8px 0 5px;
}
.footer-extra ul.gray li a {
  font-size: 10px;
  color: #999999;
  text-decoration: none;
}
.footer-extra ul.no-border li {
  border: 0;
}
.medium-focus-block {
  display: table;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-size: 100%;
  font-weight: 400;
  line-height: 16px;
}
.medium-focus-block h2 {
  margin: 0;
  padding: 0 20px;
  text-transform: uppercase;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 100%;
  font-weight: 700;
  line-height: 50px;
}
.medium-focus-block .more {
  margin: 0 20px 0 0;
}
.medium-focus-block .more a {
  line-height: 50px;
  color: white;
}
.medium-focus-block .more .orange {
  color: #CC9D49;
}
.medium-focus-block .focus-block-col {
  display: table-cell;
}
.medium-focus-block .focus-block-col.article-front {
  background-color: #1A1A1A;
}
.medium-focus-block .focus-block-col.article-front .thumbs {
  padding: 0 20px;
  width: 300px;
}
.medium-focus-block .focus-block-col.article-front .thumbs li {
  margin-bottom: 10px;
}
.medium-focus-block .focus-block-col.article-front .article-front-content {
  padding: 0 20px;
  width: 300px;
}
.medium-focus-block .focus-block-col.article-front h3 {
  margin: 0;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 100%;
  font-weight: 700;
  line-height: 30px;
}
.medium-focus-block .focus-block-col.article-front h4 {
  margin: 0 0 15px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
}
.medium-focus-block .focus-block-col.article-front .gray {
  color: #CCCCCC;
}
.medium-focus-block .focus-block-col.article-front .btn {
  margin: 30px 0;
}
.medium-focus-block .focus-block-col.recipes {
  background-color: #101010;
}
.medium-focus-block .focus-block-col.recipes .recipes-table {
  display: table;
}
.medium-focus-block .focus-block-col.recipes .recipes-table .recipes-header {
  display: table;
  width: 100%;
}
.medium-focus-block .focus-block-col.recipes .recipes-table .recipes-header h2,
.medium-focus-block .focus-block-col.recipes .recipes-table .recipes-header .more {
  display: table-cell;
}
.medium-focus-block .focus-block-col.recipes .recipes-table .recipes-header .more {
  text-align: right;
  padding-right: 20px;
}
.medium-focus-block .focus-block-col.recipes .recipes-table .article-block {
  display: table-cell;
  padding: 0 18px;
  width: 125px;
  position: relative;
}
.medium-focus-block .focus-block-col.recipes .recipes-table .article-block.separator {
  border-right: 1px dotted #515151;
}
.medium-focus-block .focus-block-col.recipes .recipes-table .article-block h3 {
  margin: 5px 0 15px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 14px;
}
.medium-focus-block .focus-block-col.recipes .recipes-table .article-block p {
  color: #CCCCCC;
  margin: 0 0 15px;
}
.medium-focus-block .focus-block-col.recipes .recipes-table .article-block ul {
  list-style: disc inside;
  padding: 0;
}
.medium-focus-block .focus-block-col.recipes .recipes-table .article-block.wide {
  width: 292px;
}
.steps-nav {
  background: transparent url('img/step-nav-bg.png') 0 0 repeat-x;
  margin: 10px 0 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 68px;
  width: auto;
}
.steps-nav ul {
  zoom: 1;
}
.steps-nav ul:before,
.steps-nav ul:after {
  display: table;
  content: "";
  zoom: 1;
}
.steps-nav ul:after {
  clear: both;
}
.steps-nav ul li {
  background: transparent url('img/step-nav-bg.png') 0 0 repeat-x;
  position: relative;
  display: inline-block;
  height: 68px;
  width: 174px;
  float: left;
  padding-right: 25px;
  line-height: 18px;
}
.steps-nav ul li .border {
  background: transparent url('img/step-nav-sep.png') 0 0 no-repeat;
  display: inline-block;
  position: absolute;
  right: -10px;
  top: 0;
  z-index: 1;
  height: 68px;
  width: 34px;
}
.steps-nav ul li:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.steps-nav ul li:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.steps-nav ul li.done {
  background-position: 0 -68px;
}
.steps-nav ul li.done .step {
  color: #CC9966;
}
.steps-nav ul li.done .title {
  color: #CCCCCC;
}
.steps-nav ul li.done .border {
  background-position: 0 -68px;
}
.steps-nav ul li.active {
  background-position: 0 -68px;
}
.steps-nav ul li.active .border {
  background-position: 0 -136px;
}
.steps-nav ul li a {
  display: block;
  text-decoration: none;
  height: 100%;
  width: 100%;
  line-height: 18px;
  position: relative;
}
.steps-nav ul li .step {
  color: #D4A11E;
  display: block;
  padding: 15px 0 0 25px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.375em;
}
.steps-nav ul li .title {
  padding: 0 0 0 25px;
  display: inline-block;
  color: white;
  font-size: 1em;
}
.steps-nav.four-steps li {
  width: 224px;
}
.articles {
  line-height: 16px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1em;
}
.articles h2 {
  margin: 0;
  padding: 0 20px;
  text-transform: uppercase;
  line-height: 50px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1em;
}
.articles .more {
  margin: 0 20px 0 0;
}
.articles .more a {
  line-height: 50px;
}
.articles .more .orange {
  color: #CC9D49;
}
.articles .article-front .thumbs {
  padding: 0 20px;
  width: 300px;
}
.articles .article-front .thumbs li {
  margin-bottom: 10px;
}
.articles .article-front .article-front-content {
  padding: 0 20px;
  width: 300px;
}
.articles .article-front .title {
  margin: 0;
  color: white;
  line-height: 30px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1em;
}
.articles .article-front h4 {
  margin: 0 0 15px;
  line-height: 30px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.83333333em;
}
.articles .article-front .gray {
  color: #CCCCCC;
}
.articles .article-front .btn {
  margin: 30px 0;
}
.articles .article-block {
  padding: 0 18px;
  width: 125px;
}
.articles .article-block.separator {
  border-right: 1px dotted #515151;
}
.articles .article-block .title {
  margin: 5px 0 15px;
  line-height: 14px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 0.91666667em;
}
.articles .article-block p {
  color: #CCCCCC;
  margin: 0 0 15px;
}
.articles .article-block ul {
  list-style: disc inside;
  padding: 0;
}
.articles .article-block.wide {
  width: 292px;
}
.articles-home {
  height: auto;
  width: 332px;
}
.articles-home .focus-block-col {
  width: 100%;
  position: relative;
}
.articles-home .focus-block-col .recipes-table {
  display: table;
}
.articles-home .focus-block-col .recipes-table .recipes-header {
  display: table-row;
}
.articles-home .focus-block-col .recipes-table .recipes-header h2,
.articles-home .focus-block-col .recipes-table .recipes-header .more {
  display: table-cell;
}
.articles-home .focus-block-col .recipes-table .recipes-header .more {
  text-align: right;
  padding-right: 20px;
}
.articles-home .focus-block-col .recipes-table > ul {
  display: table-row;
}
.articles-home .focus-block-col .recipes-table .article-block {
  display: table-cell;
  padding: 0 18px;
  width: 125px;
  position: relative;
}
.articles-home .focus-block-col .recipes-table .article-block.separator {
  border-right: 1px dotted #515151;
}
.articles-home .focus-block-col .recipes-table .article-block .title {
  margin: 5px 0 15px;
  line-height: 14px;
  color: white;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 0.91666667em;
}
.articles-home .focus-block-col .recipes-table .article-block p {
  color: #CCCCCC;
  margin: 0 0 15px;
}
.articles-home .focus-block-col .recipes-table .article-block ul {
  list-style: disc inside;
  padding: 0;
}
.articles-home .focus-block-col .recipes-table .article-block.wide {
  width: 292px;
}
.articles-products {
  background-color: #101010;
}
.articles-products .article-front {
  background-color: #1A1A1A;
}
.new-products {
  height: auto;
  padding-bottom: 20px;
  width: 645px;
}
.new-products.products-block {
  margin-right: 19px;
}
.products-block h2 {
  font-size: 100%;
}
.products-block .focus-push-block {
  zoom: 1;
}
.products-block .focus-push-block:before,
.products-block .focus-push-block:after {
  display: table;
  content: "";
  zoom: 1;
}
.products-block .focus-push-block:after {
  clear: both;
}
.products-block .focus-push-block li {
  float: left;
  display: block;
  padding: 0 1px 1px 0;
}
.products-block .prod-ctn .prod-info .alternative-price {
  font-size: 10px;
}
.products-block .prod-ctn .prod-info .alternative-price em {
  color: #BBBBBB;
  padding-left: 6px;
}
.nespressoclub .baseline-club {
  font-size: 100%;
}
.optins-confirmation {
  padding: 40px 0;
  background: #1C1C1C;
  text-align: center;
}
.optins-confirmation .mail-logo {
  padding-top: 60px;
  margin-bottom: 30px;
  background: transparent url("img/ico-mail.png") no-repeat scroll center top;
}
.optins-confirmation .content {
  margin-top: 30px;
}
.optins-confirmation .content p {
  color: #CCCCCC;
}
.push-banner-block {
  width: 996px;
}
.push-banner-block > div,
.push-banner-block > a,
.push-banner-block > span {
  display: block;
  float: right;
}
.push-banner-block :first-child {
  float: left;
}
.delivery-content {
  width: 665px;
  color: #2A2C2C;
  float: left;
  margin-bottom: 20px;
}
.delivery-content .delivery-title {
  height: 60px;
  padding: 0;
  background: #DEDEDE url("img/gradient-bg.png") 0 0 repeat-x;
  color: #333333;
  width: auto;
  position: relative;
}
.delivery-content .delivery-title.dark-title {
  background: #DEDEDE url("img/gradient-bg-dark.png") 0 0 repeat-x;
  color: white;
}
.delivery-content .delivery-title.proceed-top {
  padding-left: 10px;
}
.delivery-content .delivery-title h2 {
  float: left;
  font-size: 1em;
  font-weight: normal;
  line-height: 60px;
  margin: 0;
  text-indent: 20px;
}
.delivery-content .delivery-title .btn {
  margin-top: 12px;
}
.delivery-content .btn {
  font-weight: bold;
  font-size: 0.91666667em;
}
.delivery-content .container-shoppingbag {
  background: url("img/sb-container-bg.gif") repeat-x scroll 0 100% #f4f5f7;
}
.delivery-content .container-shoppingbag .quantity-btn {
  float: right;
}
.delivery-content .container-shoppingbag .quantity-btn.small-button-green {
  background: #357E00;
}
.delivery-content .container-shoppingbag .quantity-btn.small-button-green.disabled {
  opacity: 1;
  background: #357E00;
}
.delivery-content .container-shoppingbag .quantity-btn.small-button-green.disabled.hover,
.delivery-content .container-shoppingbag .quantity-btn.small-button-green.disabled:hover {
  background-color: #2B5518;
  border: 1px solid #172d0d;
}
.delivery-content .container-shoppingbag .quantity-ecotax {
  display: inline-block;
  color: #3E3C3D;
  float: right;
  margin: 21px 10px 0 0;
  width: 24px;
  text-align: center;
  line-height: 26px;
  font-weight: 700;
  font-size: 0.83333333em;
}
.delivery-content .container-shoppingbag .btn-close {
  display: inline-block;
  float: right;
  background: transparent url("img/sb-close-btn.png") no-repeat scroll 0 0;
  color: white;
  border: none;
  margin: 22px 40px 0 0;
  width: 24px;
  height: 24px;
}
.delivery-content .container-shoppingbag .total-footer-zone {
  background-color: #DCDFE4;
  padding-bottom: 10px;
}
.delivery-content .container-shoppingbag .total-footer-zone .shopping-bag-total {
  width: 100%;
}
.delivery-content .container-shoppingbag .total-footer-zone .shopping-bag-total caption {
  background: url("img/sb-sep-bottom-total.png") repeat-x scroll 0 100% transparent;
  color: #929394;
  line-height: 27px;
  margin: 0;
  padding: 0 0 2px 30px;
  text-align: left;
  font-size: 0.75em;
}
.delivery-content .container-shoppingbag .total-footer-zone .shopping-bag-total caption span {
  margin: 0 20px 0 0;
}
.delivery-content .container-shoppingbag .total-footer-zone .shopping-bag-total tr {
  background-color: transparent;
}
.delivery-content .container-shoppingbag .total-footer-zone .shopping-bag-total tr:hover {
  background: none transparent;
}
.delivery-content .container-shoppingbag .total-footer-zone .shopping-bag-total tr th {
  color: black;
  text-align: left;
  vertical-align: middle;
  border-top: none;
  padding-left: 30px;
  text-transform: uppercase;
  line-height: 40px;
  font-weight: bold;
  font-size: 1.33333333em;
}
.delivery-content .container-shoppingbag .total-footer-zone .shopping-bag-total tr th.line-tiret {
  background: url("img/sb-total-table.png") no-repeat scroll 100px 50% transparent;
}
.delivery-content .container-shoppingbag .total-footer-zone .shopping-bag-total tr th.line-tiret span {
  background-color: #DCDFE4;
  padding-right: 10px;
}
.delivery-content .container-shoppingbag .total-footer-zone .shopping-bag-total tr th.light {
  line-height: 20px;
  font-weight: normal;
  font-size: 1em;
}
.delivery-content .container-shoppingbag .total-footer-zone .shopping-bag-total tr th.sentence-case {
  text-transform: none;
}
.delivery-content .container-shoppingbag .total-footer-zone .shopping-bag-total tr td {
  color: #333333;
  vertical-align: middle;
  border-top: none;
  padding-right: 20px;
  line-height: 20px;
  font-size: 1em;
}
.delivery-content .container-shoppingbag .total-footer-zone .shopping-bag-total tr td.col-total {
  width: 188px;
}
.delivery-content .container-shoppingbag .total-footer-zone .shopping-bag-total tr td.heavy {
  font-weight: bold;
  font-size: 1.33333333em;
}
.delivery-content .container-shoppingbag .total-footer-zone .shopping-bag-total tr.line-total td {
  height: 40px;
  color: #333333;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.33333333em;
}
.delivery-content .container-shoppingbag .total-footer-zone .shopping-bag-total tr.shopping-bag-subtotal td,
.delivery-content .container-shoppingbag .total-footer-zone .shopping-bag-total tr.shopping-bag-subtotal th {
  font-size: 1.16666667em;
}
.delivery-content .container-shoppingbag .total-footer-zone .shopping-bag-total tr.shopping-bag-subtotal th {
  font-weight: normal;
}
.delivery-content .container-shoppingbag .total-footer-zone .shopping-bag-total tr.shopping-bag-subtotal td {
  font-weight: bold;
}
.delivery-content .container-shoppingbag .total-footer-zone .shopping-bag-total tr.shopping-bag-tax-included th {
  font-weight: normal;
  font-size: 1em;
}
.delivery-content .container-shoppingbag .total-footer-zone .shopping-bag-total tr.shopping-bag-tax-included td {
  color: #333333;
  font-weight: bold;
  font-size: 1.16666667em;
}
.delivery-content .container-shoppingbag.is-empty {
  min-height: 550px;
  background: url("img/sb-empty-bg.png") repeat-x scroll 0 0 white;
  position: relative;
}
.delivery-content .container-shoppingbag.is-empty .empty-inner {
  text-align: center;
  width: 100%;
  position: absolute;
  margin-top: 210px;
}
.delivery-content .container-shoppingbag thead th.col-a {
  max-width: 230px;
  width: auto;
}
.delivery-content .code-promo .line-title {
  background: url("img/sb-promo-bg.png") repeat-x scroll 0 100% #7B0728;
  height: 27px;
  position: relative;
}
.delivery-content .code-promo .line-title .title {
  float: left;
  text-indent: 30px;
  text-transform: uppercase;
  font-size: 1.08333333em;
}
.delivery-content .code-promo .line-title .title,
.delivery-content .code-promo .line-title .gift {
  color: #CCCCCC;
  font-weight: bold;
  height: 27px;
  line-height: 28px;
  margin: 0;
}
.delivery-content .code-promo .line-title .gift {
  background: url("img/sb-help-ico.png") no-repeat scroll 100% 50% transparent;
  float: right;
  line-height: 27px;
  margin: 0 25px 0 0;
  padding: 0 25px 0 0;
  font-style: italic;
  font-size: 0.75em;
}
.delivery-content .code-promo .line-title .gift.container-tooltip .tt-coffee {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
  background: #434343;
  background: -webkit-linear-gradient(top, #434343 0%, #313131 100%);
  background: -moz-linear-gradient(top, #434343 0%, #313131 100%);
  background: -ms-linear-gradient(top, #434343 0%, #313131 100%);
  background: -o-linear-gradient(top, #434343 0%, #313131 100%);
  background: linear-gradient(to bottom, #434343 0%, #313131 100%);
  -webkit-border-radius: 4px 4px 4px 0;
  -moz-border-radius: 4px 4px 4px 0;
  border-radius: 4px 4px 4px 0;
  position: absolute;
  margin: 0;
  text-decoration: none;
  width: 216px;
  line-height: 11px;
  min-height: 20px;
  right: -196px;
  top: auto;
  bottom: 30px;
  left: auto;
  padding: 0 5px 0 10px;
  font-style: normal;
  font-size: 0.91666667em;
}
.delivery-content .code-promo .line-title .gift.container-tooltip .tt-coffee p {
  margin: 6px 0;
}
.delivery-content .code-promo .line-title .gift.container-tooltip .tt-coffee .border {
  background: transparent url("img/tooltip-left.png") top right no-repeat;
  position: absolute;
  right: -15px;
  top: 0;
  height: 54px;
  padding-top: 10px;
  width: 15px;
}
.delivery-content .code-promo .line-title .gift.container-tooltip .tt-coffee:after {
  content: " ";
  background: url("img/tooltip-left-arrow.png") no-repeat;
  display: inline-block;
  left: 0;
  width: 10px;
  height: 10px;
  margin-left: 0;
  position: absolute;
  bottom: -10px;
}
.delivery-content .code-promo .line-input {
  min-height: 20px;
  padding: 30px 40px;
}
.delivery-content .code-promo .line-input .txt {
  color: #666666;
  float: left;
  width: 260px;
  line-height: 1.6em;
  margin: 2px 0 0 0;
  padding: 2px 0;
  font-size: 1em;
}
.delivery-content .code-promo .line-input p {
  margin: 0;
}
.delivery-content .code-promo .line-input .submit {
  float: right;
  position: relative;
}
.delivery-content .code-promo .line-input .submit input[type="text"] {
  padding: 2px 10px;
  margin: 2px 3px 0 0;
  width: 210px;
  color: #666666;
  font-style: italic;
  font-size: 1em;
}
.delivery-content .code-promo .line-input .submit .btn.small {
  color: #333333;
  height: 27px;
  margin-top: 0;
  padding: 0 22px 0 27px;
  text-shadow: 0 1px 1px white;
  line-height: 27px;
  font-weight: bold;
  font-size: 0.91666667em;
}
.delivery-content .code-promo .line-input .submit #remove-coupon {
  float: right;
}
.delivery-content .code-promo .line-input .submit.error input[type="text"] {
  border: 2px solid #DD3232;
}
.delivery-content .code-promo .line-input .submit.error .error-message {
  display: block;
  color: #DD3232;
  margin: 2px 0 0 0;
  width: 210px;
  word-wrap: break-word;
  font-size: 1em;
}
.delivery-content .code-promo .error-panel {
  background: url("img/icon-alert.png") no-repeat scroll 40px 50% white !important;
  line-height: 1.3em !important;
  padding: 5px 5px 5px 90px !important;
  color: #DD3232 !important;
  border-bottom: 1px solid #BBBBBB !important;
}
.delivery-content .delivery-footer {
  background: url("img/delivery-footer-bg.png") repeat-x scroll 0 0 #DFDFDF;
  height: 60px;
  padding: 0 20px;
  width: auto;
  position: relative;
}
.delivery-content .delivery-footer .btn {
  margin-top: 12px;
  font-weight: bold;
  font-size: 0.91666667em;
}
.delivery-content .moar {
  line-height: 60px;
  margin: 0;
}
.delivery-content .moar a {
  color: #2A2C2C;
}
.delivery-content .moar .orange {
  color: #CC9D49;
  margin-right: 6px;
}
.shopbag-title {
  background: url("img/delivery-method-title-bg.png") repeat-x scroll 0 0 black;
  color: #CCCCCC;
  height: 27px;
  width: auto;
  margin: 0;
  padding: 0 30px;
  text-align: left;
  line-height: 27px;
  text-transform: uppercase;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 1.08333333em;
}
.shopbag-title th.col-a {
  text-align: left;
  text-indent: 30px;
  width: 205px;
}
.shopbag-title th.col-p {
  text-align: right;
  width: 105px;
}
.shopbag-title th.col-q {
  text-align: right;
  width: 110px;
}
.shopbag-title th.col-t {
  text-align: center;
  width: 245px;
}
.shopbag-title img {
  margin: -2px 5px 0 5px;
}
.shopping-bag {
  border-collapse: collapse;
  width: 100%;
}
.shopping-bag tbody tr:hover {
  background: url("img/sb-article-over-bg.png") repeat-x scroll 0 0 #DCDFE4;
}
.shopping-bag tbody tr:hover.error-panel {
  background: none white;
}
.shopping-bag tbody tr th {
  min-width: 230px;
}
.shopping-bag tbody tr th.subscription-block {
  padding-bottom: 15px;
  text-indent: 0;
}
.shopping-bag tbody tr th.subscription-block .art-tab span {
  width: 135px;
}
.shopping-bag tbody tr th.subscription-block .art-tab span.spacer {
  width: 0;
  margin: 0;
  padding: 0 10px;
}
.shopping-bag tbody tr td,
.shopping-bag tbody tr th {
  border-bottom: 1px solid #BBBBBB;
  border-top: 1px solid white;
  color: #333333;
  height: 70px;
  text-align: left;
}
.shopping-bag tbody tr td.subscription-block .primary-price,
.shopping-bag tbody tr th.subscription-block .primary-price {
  padding-right: 0;
  display: block;
}
.shopping-bag tbody tr td .art-tab,
.shopping-bag tbody tr th .art-tab {
  line-height: 70px;
  margin: 0;
  text-transform: uppercase;
  text-indent: 0;
  font-weight: bold;
  font-size: 0.91666667em;
}
.shopping-bag tbody tr td .art-tab img,
.shopping-bag tbody tr th .art-tab img {
  margin: 0 20px;
}
.shopping-bag tbody tr td .art-tab span,
.shopping-bag tbody tr th .art-tab span {
  display: inline-block;
  line-height: 14px;
  margin: 0 0 0 5px;
  width: 100px;
  vertical-align: middle;
}
.shopping-bag tbody tr td .art-tab .spacer,
.shopping-bag tbody tr th .art-tab .spacer {
  width: 42px;
  padding: 0 20px;
}
.shopping-bag tbody tr td .price,
.shopping-bag tbody tr th .price {
  height: auto;
  margin: 0;
  padding: 20px 0 0 0;
  text-align: right;
  text-shadow: 0 1px 0 white;
}
.shopping-bag tbody tr td .price.single-price,
.shopping-bag tbody tr th .price.single-price {
  padding: 27px 0 0 0;
}
.shopping-bag tbody tr td .price .primary-price,
.shopping-bag tbody tr th .price .primary-price {
  font-weight: bold;
}
.shopping-bag tbody tr td .price .alternative-price,
.shopping-bag tbody tr th .price .alternative-price {
  color: #929394;
  display: block;
  line-height: 14px;
  text-align: right;
  font-weight: 400;
  font-size: 0.83333333em;
}
.shopping-bag tbody tr td .price.total,
.shopping-bag tbody tr th .price.total {
  width: 160px;
}
.shopping-bag tbody tr td .qty,
.shopping-bag tbody tr th .qty {
  width: 70px;
  padding-top: 27px;
  text-align: center;
  font-size: 0.83333333em;
}
.shopping-bag tbody tr td .qty > span,
.shopping-bag tbody tr th .qty > span {
  color: #929394;
  float: left;
  padding-left: 20px;
}
.shopping-bag tbody tr td .light-label,
.shopping-bag tbody tr th .light-label {
  margin-left: 25px;
  font-weight: lighter;
  font-size: 0.83333333em;
}
.shopping-bag tbody tr th.shopbag-title {
  border-top: none;
  height: 27px;
  color: #CCCCCC;
}
.shopping-bag tbody tr.first td {
  border-top: none;
}
.shopping-bag tbody tr.line-infos-machine td {
  height: 33px;
}
.shopping-bag tbody tr.line-infos-machine td p {
  color: #929394;
  line-height: 33px;
  text-indent: 30px;
}
.shopping-bag tbody tr.last td {
  border-bottom: none;
}
.shopping-bag tbody tr.eco-tax td {
  cursor: pointer;
}
.shopping-bag tbody tr.eco-tax td .art-tab span {
  width: 118px;
  margin-left: 90px;
}
.shopping-bag .error-panel td,
.shopping-bag .error-panel th {
  vertical-align: middle;
  color: #DD3232;
  line-height: 60px;
  margin: 0;
  padding: 0 0 0 91px;
  height: auto;
  position: relative;
}
.shopping-bag .error-panel td:before,
.shopping-bag .error-panel th:before {
  content: ' ';
  display: block;
  width: 82px;
  background: url("img/icon-alert.png") no-repeat center center;
  position: absolute;
  left: 0;
  right: auto;
  top: 0;
  bottom: 0;
}
.shopping-bag .error-panel td p,
.shopping-bag .error-panel th p {
  line-height: 16px;
  margin: 0;
  padding: 15px 20px 15px 0;
  color: #DD3232;
  font-weight: normal;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 1em;
}
.shopping-bag .error-panel #reorder-error {
  line-height: 18px;
  padding: 20px 20px 20px 90px;
}
.shopping-bag .error-panel ul {
  padding: 0;
  list-style-type: disc;
  list-style-position: inside;
}
.shopping-bag .error-panel ul li {
  line-height: 18px;
  padding: 0;
  margin-left: -48px;
}
.order-summary th.article-col {
  border-top: none;
  border-bottom: none;
  text-align: center;
}
.order-summary th.article-col p.art-tab img {
  margin-left: 0;
}
.order-summary .shopbag-title {
  background: url("img/os-table-title-line-bg.png") repeat-x scroll 0 0 #EEEEEE;
  color: #2A2C2C;
  height: 40px;
  line-height: 40px;
  font-weight: normal;
  font-style: italic;
  font-size: 1em;
}
.order-summary .shopbag-title th {
  width: auto;
}
.order-summary .shopbag-title th.col-a {
  text-indent: 30px;
}
.order-summary .shopbag-title th.col-p {
  padding-right: 20px;
  text-align: right;
}
.order-summary .shopbag-title th.col-q {
  text-align: right;
}
.order-summary .shopping-bag tbody tr td .price.total {
  width: 100%;
}
.order-summary .shopping-bag tbody tr td .price .primary-price,
.order-summary .shopping-bag tbody tr td.subscription-block .price {
  padding-right: 10px;
}
.order-summary .shopping-bag tbody tr td.subscription-block .primary-price {
  padding-right: 0;
  display: block;
}
.order-summary tbody tr th.shopbag-title {
  color: #2A2C2C;
}
.push-zone {
  color: #2A2C2C;
  float: right;
  height: auto;
  margin-bottom: 20px;
  width: 312px;
}
.push-zone .push-zone-title {
  background: url("img/delivery-method-title-bg.png") repeat-x scroll 0 0 black;
  color: white;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-weight: 700;
  height: 27px;
  line-height: 27px;
  margin: 0;
  padding: 0 30px;
  text-align: left;
  text-transform: uppercase;
  width: auto;
  font-size: 0.75em;
}
.push-zone .push-prod {
  background-color: #181818;
  color: #CCCCCC;
  margin-bottom: 5px;
  min-height: 250px;
  position: relative;
  text-align: center;
  width: auto;
}
.push-zone .push-prod .desc {
  bottom: 0;
  left: 0;
  padding: 0 30px 0 25px;
  position: absolute;
  text-align: left;
  width: 257px;
}
.push-zone .push-prod .desc .title {
  line-height: 30px;
  margin: 0;
  color: inherit;
  font-size: 1em;
}
.push-zone .push-prod .desc > div {
  margin: 0 0 15px;
  max-height: 200px;
}
.push-zone .push-prod .desc .price {
  line-height: 22px;
}
.push-zone .push-prod .desc span {
  color: #D4A11E;
  text-transform: uppercase;
}
.push-zone .push-prod .desc span.alternative-price {
  color: #CCCCCC;
  font-size: 85%;
}
.push-zone .push-prod .desc span.quantity {
  color: white;
}
.push-zone .push-prod .desc .pushprod-btn .button__content {
  color: #1B1B1B;
}
.push-zone .push-prod .quantity-btn {
  position: absolute;
  right: 0;
  bottom: 16px;
}
.push-zone .push-prod .quantity-btn.green {
  color: white;
}
.push-zone .push-prod .quantity-btn.green:hover {
  background-position: 0 -24px;
}
.push-zone .banner-push {
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  width: 312px;
  height: 258px;
  padding: 0;
  /* stylelint-disable */
  margin: 0;
  /* stylelint-enable */
}
.push-zone .pushprod-btn {
  color: #1B1B1B;
  display: inline-block;
  font-weight: bold;
  height: 27px;
  line-height: 27px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 1px white;
  width: 98%;
  font-size: 0.91666667em;
}
.cart-open {
  background: #1A1A1A url("img/cart-bg.jpg") 0 0 no-repeat;
  height: auto;
  overflow: hidden;
  width: 238px;
}
.cart-open .dialog-title {
  margin: 0 0 10px 0;
  text-align: center;
  font-family: 'new_baskervillebold_italic', Georgia, serif;
  font-size: 109.1%;
  font-weight: 400;
  line-height: 18px;
  white-space: normal;
}
.cart-open .dialog-title.margin {
  margin-top: 10px;
}
.cart-open .message {
  border-bottom: 1px solid #4E4E4E;
  padding: 10px 0 5px;
  text-align: center;
}
.cart-open .message .dialog-title {
  margin: 0;
  text-transform: uppercase;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 14px;
}
.cart-open .message p {
  margin: 0;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
}
.cart-open .new-item {
  margin: 10px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 14px;
}
.cart-open .new-item .dialog-title {
  margin: 0 0 10px 0;
  text-align: center;
  font-family: 'new_baskervillebold_italic', Georgia, serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.cart-open .new-item .thumb {
  text-align: center;
  margin-bottom: 10px;
}
.cart-open .new-item .info .product-name {
  margin: 0;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 14px;
}
.cart-open .new-item .info p {
  color: white;
  font-size: 91.7%;
  height: auto;
  line-height: 16px;
  margin: 0;
  padding-top: 0;
  width: 110px;
}
.cart-open .new-item hr {
  margin: 10px 0 0 0;
}
.cart-open .new-item .price {
  margin: 0;
  padding: 14px 0 0 0;
  text-align: right;
  height: auto;
  width: 110px;
}
.cart-open .checkout {
  padding: 20px 10px;
  text-align: center;
}
.cart-open .checkout .cart-tooltip {
  background: #CCCCCC url("img/cart-tooltip-bg.png") 0 0 repeat-x;
  color: #2A2C2C;
  margin: 0 0 10px 0;
  padding: 8px 10px;
  position: relative;
  line-height: 1.6em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  min-height: 38px;
}
.cart-open .checkout .cart-tooltip .tooltip-line {
  padding: 1px 0;
}
.cart-open .checkout .cart-tooltip .tooltip-line.total {
  margin-top: 4px;
  font-size: 1.3em;
  font-weight: bold;
  text-transform: uppercase;
}
.cart-open .checkout .cart-tooltip .tooltip-line.total small {
  font-size: .7em;
  font-weight: normal;
}
.cart-open .checkout .cart-tooltip .price {
  color: #333333;
  text-align: right;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.2em;
}
.cart-open .checkout .cart-tooltip .total {
  text-align: left;
  color: #333333;
}
.cart-open .checkout .cart-tooltip .total .total {
  max-width: 67px;
}
.cart-open .checkout .cart-tooltip .total small {
  display: block;
  margin-top: -4px;
  text-transform: none;
}
.cart-open .checkout .cart-tooltip .arrow {
  background: transparent url("img/cart-tooltip-arrow.png") 0 0 no-repeat;
  bottom: -4px;
  display: block;
  left: 50%;
  margin-left: -4px;
  position: absolute;
  height: 4px;
  width: 7px;
}
.cart-open hr {
  border-top: none;
  border-bottom: 1px dotted #3B3B3B;
  height: 1px;
  margin: 0 10px;
}
.cart-open .cart-details {
  margin: 20px 10px;
}
.cart-open .cart-details th {
  color: #888;
  text-align: left;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 9px;
  font-weight: 400;
  line-height: 14px;
}
.cart-open .cart-details td {
  color: white;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 14px;
  padding-bottom: 3px;
  padding-top: 3px;
}
.cart-open .cart-details td.spacer {
  padding-bottom: 15px;
}
.cart-open .cart-details td img {
  margin-right: 10px;
}
.cart-open .cart-details td .dark {
  color: #595959;
}
.cart-open .cart-details td.alignright {
  text-align: right;
}
.cart-open .more {
  margin: 17px 10px;
}
.cart-open .empty-cart {
  margin: 10px;
  text-align: center;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 14px;
}
.cart-open .push {
  border-top: 1px solid #414141;
  border-bottom: 1px solid black;
  margin-bottom: 10px;
}
.cart-open .push li {
  border-top: 1px solid black;
  border-bottom: 1px solid #414141;
  height: 55px;
  width: auto;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 55px;
}
.cart-open .push li a {
  background: transparent url("img/cart-empty-bg.png") 0 0 repeat-x;
  color: white;
  display: block;
  padding: 0 10px;
  height: 55px;
}
.cart-open .push li a:hover {
  text-decoration: underline;
}
.cart-open .push li a:active {
  background-position: 0 -55px;
}
.cart-open .push li img {
  margin: 0 15px 0 5px;
}
.cart-open .push li strong {
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 55px;
}
.mosaic .cart-open,
.mosaic .cart-open-wrapper {
  width: 238px;
}
.vertuo .cart-open,
.vertuo .cart-open-wrapper {
  width: 271px;
}
.vertuo .cart-open .cart-details .price .mosaic .cart-open .cart-details .quantity {
  padding-left: 10px;
}
.vertuo .cart-open .cart-details .price,
.mosaic .cart-open .cart-details .price {
  border-left: solid 1px #313131;
  padding-left: 10px;
}
.vertuo .cart-open .cart-details .price {
  width: 55px;
}
.mosaic .cart-open .cart-details .price {
  width: 55px;
}
.vertuo .cart-open .cart-details .name {
  width: 134px;
  border-right: solid 1px #444;
  position: relative;
}
.mosaic .cart-open .cart-details .name {
  width: 100px;
  border-right: solid 1px #444;
  position: inherit;
  text-align: left;
}
.mosaic .cart-open .push li a,
.vertuo .cart-open .push li a {
  background: url("img/cart-empty-bg.png") 0 0 repeat-x;
  text-decoration: none;
}
.mosaic .cart-open .push li a:hover .mosaic .cart-open .push li a:focus,
.vertuo .cart-open .push li a:hover,
.vertuo .cart-open .push li a:focus {
  text-decoration: underline;
}
.vertuo .cart-open .push li,
.mosaic .cart-open .push li {
  border-top: 1px solid black;
  border-bottom: 1px solid #414141;
}
.header .cart-open .push li a {
  background: transparent url("img/cart-push-bg.png") 0 0 repeat-x;
  color: white;
  display: block;
  padding: 0 10px;
  height: 55px;
}
#mini-cart {
  display: table;
}
#mini-cart.wide-version .cart-open {
  width: 271px;
}
#mini-cart.wide-version table.cart-details {
  width: 251px;
  margin-top: 13px;
  margin-bottom: 15px;
}
#mini-cart.wide-version table.cart-details .name {
  border-right: none;
}
#mini-cart.wide-version table.cart-details .price {
  padding-left: 10px;
  text-align: center;
  border-left: none;
}
#mini-cart.wide-version table.cart-details th.quantity {
  padding-right: 10px;
}
#mini-cart.wide-version .reset-cart .view-cart,
#mini-cart.wide-version .reset-cart .clear-cart {
  width: 114px;
}
#mini-cart.wide-version .cart-item-separator {
  border-bottom: 1px dotted #3B3B3B;
  padding-bottom: 10px;
  padding-top: 10px;
}
#mini-cart.wide-version .cart-item-separator > td,
#mini-cart.wide-version .cart-item-separator th {
  padding-bottom: 10px;
}
#mini-cart.wide-version .cart-item-separator + tr > td,
#mini-cart.wide-version .cart-item-separator + tr th {
  padding-top: 10px;
}
#mini-cart .cart-open button {
  border: none;
  background: transparent;
}
#mini-cart .cart-open .btn.button-primary {
  font-size: 1em;
  font-weight: bold;
  text-shadow: none;
}
#mini-cart .cart-open .order-button {
  margin-bottom: 10px;
}
#mini-cart .empty {
  background: url("img/toggle-icon-3.png") no-repeat scroll right 0 transparent;
}
#mini-cart .empty.dialogOpened {
  background-position: right -32px;
}
#mini-cart .empty .toggle {
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  background: url("img/select-header-bg.png") no-repeat scroll 0 0 transparent;
  overflow: hidden;
  text-overflow: ellipsis;
}
#mini-cart .trigger.dialogOpened {
  background-position: right -32px;
}
#mini-cart .dialog-title {
  padding-top: 13px;
}
#mini-cart .dialog-title.title-separator {
  color: white;
  text-transform: uppercase;
  border-bottom: 1px solid #292929;
  padding-bottom: 13px;
  margin-bottom: 20px;
  font-weight: bold;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 1.19em;
}
#mini-cart caption.dialog-title {
  padding-top: 0;
}
#mini-cart table.cart-details {
  width: 218px;
  margin-top: 13px;
  margin-bottom: 15px;
}
#mini-cart table.cart-details th {
  color: white;
  text-transform: uppercase;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 1.08333333em;
}
#mini-cart table.cart-details th[scope="row"] {
  font-size: 0.91666667em;
}
#mini-cart table.cart-details td {
  color: #D4A11E;
  height: 20px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 1.08333333em;
}
#mini-cart table.cart-details .name {
  border-right: solid 1px #444;
  vertical-align: middle;
}
#mini-cart table.cart-details .price {
  border-left: 1px solid #313131;
  padding-left: 10px;
  text-align: center;
  vertical-align: middle;
}
#mini-cart table.cart-details .quantity {
  text-align: center;
  vertical-align: middle;
}
#mini-cart table.cart-details .icon-product-type {
  background-repeat: no-repeat;
}
#mini-cart table.cart-details .icon-product-type.icon-product-type-classic,
#mini-cart table.cart-details .icon-product-type.icon-product-type-CAPSULE,
#mini-cart table.cart-details .icon-product-type.icon-product-type-capsule,
#mini-cart table.cart-details .icon-product-type.icon-product-type-originalcapsule {
  background-image: url("img/classic.png");
}
#mini-cart table.cart-details .icon-product-type.icon-product-type-vertuo,
#mini-cart table.cart-details .icon-product-type.icon-product-type-vertuocapsule {
  background-image: url("img/vertuo.png");
}
#mini-cart table.cart-details .icon-product-type.icon-product-type-gift,
#mini-cart table.cart-details .icon-product-type.icon-product-type-GIFTCARD,
#mini-cart table.cart-details .icon-product-type.icon-product-type-giftcard {
  background-image: url("img/gift.png");
}
#mini-cart table.cart-details .icon-product-type.icon-product-type-machine,
#mini-cart table.cart-details .icon-product-type.icon-product-type-MACHINE,
#mini-cart table.cart-details .icon-product-type.icon-product-type-originalmachine {
  background-image: url("img/machine.png");
}
#mini-cart table.cart-details .icon-product-type.icon-product-type-vertuomachine {
  background-image: url("img/machine-vertuo.png");
}
#mini-cart table.cart-details .icon-product-type.icon-product-type-accessories,
#mini-cart table.cart-details .icon-product-type.icon-product-type-accessory,
#mini-cart table.cart-details .icon-product-type.icon-product-type-ACCESSORY {
  background-image: url("img/accessories.png");
}
#mini-cart .cart-open .push li img {
  margin: 0 15px 0 5px;
}
#mini-cart .more a {
  text-decoration: underline;
}
#mini-cart .mini-cart-benefit-message {
  color: white;
  font-size: 11px;
  height: 30px;
  line-height: 10px;
  /* stylelint-disable */
  margin: 10px;
  /* stylelint-enable */
  overflow: hidden;
  text-align: center;
  white-space: pre-line;
  display: table-cell;
}
#mini-cart .mini-cart-notifications {
  position: relative;
  min-height: 30px;
  padding: 10px 60px 10px 10px;
  overflow: hidden;
  text-align: left;
  color: #333333;
  white-space: normal;
  line-height: 15px;
  display: block;
  background: white;
  background: -webkit-linear-gradient(top, white 0%, #CCCCCC 100%);
  background: -moz-linear-gradient(top, white 0%, #CCCCCC 100%);
  background: -ms-linear-gradient(top, white 0%, #CCCCCC 100%);
  background: -o-linear-gradient(top, white 0%, #CCCCCC 100%);
  background: linear-gradient(to bottom, white 0%, #CCCCCC 100%);
}
#mini-cart .mini-cart-notifications:before {
  content: '';
  background: url('img/icon-info.png') no-repeat 0 0;
  width: 21px;
  height: 21px;
  padding: 0;
  margin: 0;
  display: block;
  position: absolute;
  right: 10px;
  top: 39%;
}
#mini-cart .mini-cart-category-link {
  height: 45px;
  margin: 10px 0;
}
#mini-cart .mini-cart-category-link .mini-cart-category-link-img {
  float: left;
  height: 45px;
  width: 80px;
}
#mini-cart .mini-cart-category-link .mini-cart-category-link-title {
  float: left;
  height: 45px;
  max-width: 118px;
  padding-left: 10px;
  overflow: hidden;
}
#mini-cart .mini-cart-category-link .mini-cart-category-link-title a {
  color: white;
  line-height: 45px;
  text-align: left;
}
#mini-cart .separator {
  background-color: #4E4E4E;
  border-bottom: 1px solid black;
  height: 1px;
  margin: 0;
  width: auto;
}
#mini-cart .reset-cart {
  height: 70px;
  margin-bottom: -10px;
}
#mini-cart .reset-cart .view-cart,
#mini-cart .reset-cart .clear-cart {
  color: white;
  display: inline-block;
  height: 42px;
  margin: 10px;
  text-align: center;
  width: 98px;
  padding: 0;
  text-transform: uppercase;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: .9em;
}
#mini-cart .reset-cart .view-cart:hover,
#mini-cart .reset-cart .clear-cart:hover {
  color: white;
  text-decoration: none;
}
#mini-cart .reset-cart .view-cart span,
#mini-cart .reset-cart .clear-cart span {
  display: inline-block;
  margin-top: 24px;
}
#mini-cart .reset-cart .clear-cart {
  background: url('img/clear-cart-off.png') no-repeat 50% 0;
}
#mini-cart .reset-cart .clear-cart:hover {
  background: url('img/clear-cart-on.png') no-repeat 50% 0;
}
#mini-cart .reset-cart .view-cart {
  background: url('img/view-cart-off.png') no-repeat 50% 0;
}
#mini-cart .reset-cart .view-cart:hover {
  background: url('img/view-cart-on.png') no-repeat 50% 0;
}
.timeselect .content {
  width: 730px;
  padding: 0 45px 30px;
}
.timeselect .delivery-hour {
  margin-bottom: 22px;
  position: relative;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.timeselect .delivery-hour .hover-x,
.timeselect .delivery-hour .hover-y {
  background: transparent url("img/delivery-hour-hover.png") 0 0 repeat;
  display: none;
  position: absolute;
  z-index: 5;
  margin: -2px;
  padding: 2px;
}
.timeselect .delivery-hour .hover-x {
  left: 0;
  -webkit-transition: top 200ms, height 200ms;
  -moz-transition: top 200ms, height 200ms;
  -ms-transition: top 200ms, height 200ms;
  -o-transition: top 200ms, height 200ms;
  transition: top 200ms, height 200ms;
}
.timeselect .delivery-hour .hover-y {
  top: 0;
  -webkit-transition: left 200ms, width 200ms;
  -moz-transition: left 200ms, width 200ms;
  -ms-transition: left 200ms, width 200ms;
  -o-transition: left 200ms, width 200ms;
  transition: left 200ms, width 200ms;
}
.timeselect .delivery-hour table {
  border-collapse: separate;
  border-spacing: 1px 1px;
  position: relative;
  z-index: 6;
  width: 100%;
}
.timeselect .delivery-hour table.background {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}
.timeselect .delivery-hour table.background th,
.timeselect .delivery-hour table.background td {
  color: transparent;
}
.timeselect .delivery-hour table.background td {
  background-color: #242424;
}
.timeselect .delivery-hour table.background span {
  opacity: 0;
}
.timeselect .delivery-hour th,
.timeselect .delivery-hour td {
  height: 34px;
  text-overflow: ellipsis;
}
.timeselect .delivery-hour .col-2 th,
.timeselect .delivery-hour .col-2 td {
  width: 50%;
}
.timeselect .delivery-hour .col-3 th,
.timeselect .delivery-hour .col-3 td {
  width: 33.33333333%;
}
.timeselect .delivery-hour .col-4 th,
.timeselect .delivery-hour .col-4 td {
  width: 25%;
}
.timeselect .delivery-hour .col-5 th,
.timeselect .delivery-hour .col-5 td {
  width: 20%;
}
.timeselect .delivery-hour .col-6 th,
.timeselect .delivery-hour .col-6 td {
  width: 16.66666667%;
}
.timeselect .delivery-hour .col-7 th,
.timeselect .delivery-hour .col-7 td {
  width: 14.28571429%;
}
.timeselect .delivery-hour .col-8 th,
.timeselect .delivery-hour .col-8 td {
  width: 12.5%;
}
.timeselect .delivery-hour .col-9 th,
.timeselect .delivery-hour .col-9 td {
  width: 11.11111111%;
}
.timeselect .delivery-hour th {
  text-align: left;
  text-transform: uppercase;
  font-size: 12px;
}
.timeselect .delivery-hour th.hour {
  white-space: nowrap;
  padding-right: 10px;
}
.timeselect .delivery-hour th.date {
  padding: 0 0 10px 10px;
}
.timeselect .delivery-hour th.date span {
  color: #689E92;
  display: block;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}
.timeselect .delivery-hour td {
  color: white;
  font-size: 12.8333px;
  line-height: 34px;
  overflow: hidden;
  text-align: center;
  vertical-align: top;
}
.timeselect .delivery-hour td .relative {
  position: relative;
  width: 100%;
}
.timeselect .delivery-hour td button {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 34px;
  color: white;
  background: transparent;
  border: none;
  white-space: nowrap;
  -webkit-transition: color 750ms, background-color 300ms, box-shadow 300ms, opacity 300ms;
  -moz-transition: color 750ms, background-color 300ms, box-shadow 300ms, opacity 300ms;
  -ms-transition: color 750ms, background-color 300ms, box-shadow 300ms, opacity 300ms;
  -o-transition: color 750ms, background-color 300ms, box-shadow 300ms, opacity 300ms;
  transition: color 750ms, background-color 300ms, box-shadow 300ms, opacity 300ms;
}
.timeselect .delivery-hour td button.active {
  background: white;
  color: #2A2C2C;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75) inset;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75) inset;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.75) inset;
}
.timeselect .delivery-hour td button[disabled] {
  opacity: .1;
}
.lt-ie9 .timeselect .delivery-hour td button[disabled] {
  display: none;
}
.timeselect .delivery-method .complementary-field {
  top: 0;
  margin-top: -10px;
  margin-bottom: 10px;
}
.timeselect .delivery-method .complementary-field .pull-left {
  float: none;
}
.timeselect .no-results {
  padding: 10px 20px;
  background: #242424;
  color: #DD3232;
}
.machine-list {
  background-color: #121215;
  margin-bottom: 40px;
  padding: 20px;
}
.machine-list .machine-list-header {
  position: relative;
}
.machine-list .machine-list-header .btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  padding: 0 22px;
}
.machine-list .machine-list-header .btn.compare-btn {
  top: 50px;
}
.machine-list .machine-list-header .machine-list-title {
  margin: 0 auto;
  text-align: center;
  height: auto;
  width: 550px;
}
.machine-list .machine-list-header .machine-list-title h2 {
  font-size: 25px;
  font-weight: normal;
  text-transform: uppercase;
}
.machine-list .machine-list-header .machine-list-title p {
  line-height: 18px;
  padding: 10px;
}
.machine-list .machine-list-filter-buttons {
  text-align: center;
  width: auto;
}
.machine-list .machine-list-filter-buttons span {
  display: block;
  padding: 5px;
  text-transform: uppercase;
}
.machine-list .machine-list-filter-buttons #vertuo-line {
  margin-right: 1px;
}
.machine-list .machine-list-filter-buttons #vertuo-line .technology-line-icon {
  display: block;
  height: 27px;
  padding: 0;
  position: absolute;
  top: 0;
  width: 94px;
}
.machine-list .machine-list-filter-buttons #original-line .technology-line-icon,
.machine-list .machine-list-filter-buttons #classic-line .technology-line-icon {
  display: block;
  height: 27px;
  padding: 0;
  position: absolute;
  top: 0;
  width: 94px;
}
.machine-list .machine-list-filter-buttons .btn-filter {
  color: black;
  cursor: pointer;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  padding: 0 6px;
  position: relative;
  display: inline-block;
  height: 27px;
  vertical-align: middle;
  margin: 0;
  overflow: visible;
}
.machine-list .machine-list-filter-buttons .btn-filter.full-width-elem-2 {
  width: 10%;
}
.machine-list .machine-list-filter-buttons .btn-filter:hover,
.machine-list .machine-list-filter-buttons .btn-filter.selected {
  background-position: 0 -54px;
}
.machine-list .machine-list-filter-buttons .btn-filter:hover .border-l,
.machine-list .machine-list-filter-buttons .btn-filter.selected .border-l,
.machine-list .machine-list-filter-buttons .btn-filter:hover .border-r,
.machine-list .machine-list-filter-buttons .btn-filter.selected .border-r {
  background-position: 0 -81px;
  position: absolute;
  top: 0;
  width: 1px;
}
.machine-list .machine-list-filter-buttons .btn-filter.first {
  -webkit-border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.machine-list .machine-list-filter-buttons .btn-filter.last {
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.machine-list .machine-list-grid {
  height: auto;
  list-style: none;
  margin: 20px 0 -15px;
  padding: 0;
  width: 990px;
}
.machine-list .machine-list-grid .machine-list-item {
  margin: 0 5px;
  position: relative;
  height: auto;
  width: 228px;
  float: left;
}
.machine-list .machine-list-grid .machine-list-item .machine-list-item-description {
  max-height: 135px;
  overflow: hidden;
}
.machine-list .machine-list-grid .machine-list-item .rollover {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  text-indent: -100000px;
}
.machine-list .machine-list-grid .machine-list-item .rollover .discover-btn {
  text-align: center;
}
.machine-list .machine-list-grid .machine-list-item .rollover .discover-btn a {
  width: 130px;
}
.machine-list .machine-list-grid .machine-list-item .rollover .rollover-ctn {
  padding: 0 20px 20px;
}
.machine-list .machine-list-grid .machine-list-item .rollover .rollover-ctn ul {
  height: 70px;
  line-height: 18px;
  list-style: disc inside none;
  overflow: hidden;
  padding: 0;
}
.machine-list .machine-list-grid .machine-list-item:hover .bottom {
  background: url('/mosaic/_ui/img/\MachineListBlock/machine-list-grid-bottom-bg.png') repeat-x scroll 0 -205px;
}
.machine-list .machine-list-grid .machine-list-item:hover .machine-list-item-description {
  display: none;
}
.machine-list .machine-list-grid .machine-list-item:hover .rollover {
  position: inherit;
  clip: inherit;
  text-indent: inherit;
}
.machine-list .machine-list-grid .machine-list-item .machine-title {
  display: block;
  font-size: 116.7%;
  font-weight: 400;
  line-height: 30px;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.machine-list .machine-list-grid .machine-list-item .machine-title img {
  display: block;
  margin: 0 auto;
}
.machine-list .machine-list-grid .top {
  background: #171717 url('/mosaic/_ui/img/\MachineListBlock/machine-list-grid-top-bg.png') 0 0 repeat-x;
  padding-top: 35px;
  position: relative;
  text-align: center;
  height: 285px;
  width: auto;
  display: block;
}
.machine-list .machine-list-grid .top .colors {
  left: 0;
  position: absolute;
  top: 280px;
  height: auto;
  padding: 0;
  width: 100%;
}
.machine-list .machine-list-grid .top .colors li {
  display: inline-block;
  height: 18px;
  width: 18px;
}
.machine-list .machine-list-grid .bottom {
  background: #242424 url('img/machine-list-grid-bottom-bg.png') 0 0 repeat-x;
  border-top: 1px solid black;
  position: relative;
  height: 205px;
  width: auto;
}
.machine-list .machine-list-grid .bottom p {
  line-height: 20px;
  padding: 0 15px;
}
.machine-list .machine-list-grid .foot {
  height: 90px;
  padding: 0 15px;
  background: #DEDEDE url("img/gradient-bg.png") 0 0 repeat-x;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  width: auto;
}
.machine-list .machine-list-grid .foot.dark-title {
  background: #DEDEDE url("img/gradient-bg-dark.png") 0 0 repeat-x;
  color: white;
}
.machine-list .machine-list-grid .foot .price {
  color: black;
  font-size: 15px;
  font-weight: bold;
  line-height: 19px;
  margin: 11px 0 0;
  padding: 5px 0 0;
  height: 20px;
  text-align: center;
}
.machine-list .machine-list-grid .foot .price .label {
  font-size: 11px;
}
.machine-list .machine-list-grid .foot .price .excl-vat {
  color: #2A2C2C;
  font-size: 10px;
  padding-left: 5px;
}
.machine-list .machine-list-grid .foot a.btn {
  margin-top: 5px;
  width: 100%;
  padding: 0;
}
.matrix-filter {
  margin: 0 auto;
  width: 1000px;
}
.matrix-filter .btn-buy {
  position: absolute;
  top: 20px;
  right: 20px;
}
.matrix-filter .matrix-title {
  position: relative;
  margin: 10px 0 10px 0;
}
.matrix-filter .matrix-title .intro {
  width: 750px;
  margin: 50px auto 30px auto;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  color: #E6E6E6;
}
.matrix-filter .matrix-title .intro .title {
  margin: 0;
  padding: 0;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 25px;
  font-weight: bold;
  line-height: 52px;
  text-transform: uppercase;
  color: #E6E6E6;
}
.matrix-filter .matrix-title .intro .title em {
  font-weight: 400;
}
.matrix-filter .matrix-title .intro p {
  font-size: 12px;
}
.matrix-filter .matrix-title .intro .milk-message {
  padding: 10px 0 0 0;
  font-style: italic;
  text-align: center;
}
.matrix-filter .matrix-title .intro .milk-message .image {
  background-image: url('img/milk.png');
  background-position: left center;
  background-repeat: no-repeat;
  height: 62px;
  width: 50px;
  display: inline-block;
  vertical-align: middle;
}
.matrix-filter .container {
  padding-top: 40px;
  background: url('img/coffees-family-bgrd.jpg');
}
.matrix-filter .cup-size table {
  width: 100%;
}
.matrix-filter .cup-size tr td {
  text-align: center;
}
.matrix-filter .with-cup-size .cup-size {
  padding-left: 140px;
  background-position: left center;
  background-repeat: no-repeat;
}
.matrix-filter .with-cup-size .cup-size tr td {
  text-align: left;
}
.matrix-filter .with-cup-size .chapter {
  position: relative;
}
.matrix-filter .with-cup-size .cup-size-icon {
  position: absolute;
  left: 40px;
  top: 50%;
  margin-top: -44px;
}
.matrix-filter .with-cup-size .cup-size-icon div {
  opacity: .7;
  text-align: center;
  font-size: 10px;
  text-transform: uppercase;
}
.matrix-filter .with-cup-size .cup-size-icon div img {
  margin-left: 5px;
}
.matrix-filter .with-cup-size .cup-size-icon .name {
  font-size: 10px;
  margin-top: 5px;
  font-weight: bold;
}
.matrix-filter .with-cup-size .cup-size-icon .volume {
  margin-bottom: 5px;
}
.matrix-filter .type {
  padding-top: 10px;
  display: inline-block;
}
.matrix-filter .type .title {
  font-size: 10px;
  text-transform: uppercase;
  opacity: .7;
}
.matrix-filter .type .title a {
  font-size: 10px;
  text-transform: uppercase;
  text-decoration: none;
  color: #D7D7D7;
  text-align: center;
  opacity: .7;
}
.matrix-filter .type .title a:hover {
  text-decoration: underline;
}
.matrix-filter .reset {
  height: 2em;
  text-align: right;
}
.matrix-filter .reset a {
  color: white;
  text-decoration: none;
}
.matrix-filter .product {
  float: left;
  width: 81px;
  text-align: center;
}
.matrix-filter .product .product-name {
  display: block;
  color: #D7D7D7;
  font-size: 11px;
  margin-top: 5px;
}
.matrix-filter .product a,
.matrix-filter .product a:hover {
  text-decoration: none;
}
.matrix-filter .product img {
  border: none;
}
.matrix-filter .wide .product {
  width: 95px;
}
.matrix-filter .title {
  text-align: center;
  text-transform: capitalize;
  line-height: 1.3em;
  font-size: 12px;
  overflow: visible;
  color: #D7D7D7;
  margin-top: 0;
}
.matrix-filter .category-line {
  height: 5px;
  border: 1px grey solid;
  border-bottom: none;
  margin: 5px 18px 9px;
  text-transform: uppercase;
}
.matrix-filter .one-caps {
  width: 44px;
}
.matrix-filter .wide .category-line {
  margin: 0 5px 9px;
}
.matrix-filter table {
  margin-bottom: 20px;
}
.matrix-filter table tr td {
  border-bottom: 0;
  padding: 0 0 20px 0;
}
/*
 * filters
 */
.filter-box {
  height: 64px;
  text-align: center;
  background-color: #292727;
  position: relative;
}
.filter-box.intensity,
.filter-box.cupsize {
  border-right: 1px solid #373737;
}
/* see top for background */
.filters {
  background-color: #292727;
}
.filters div.filter-group {
  display: inline-block;
  float: left;
  height: 65px;
  padding: 10px 21px 0;
}
.filters div.filter-group.cupsize {
  padding: 10px 22px 0;
}
.filters a,
.filters a:hover {
  text-decoration: none;
  color: #585858;
  font-size: 9px;
  font-weight: bold;
  white-space: nowrap;
}
.filters a img {
  border: none;
}
.filters li.with-icon a.filter span {
  background-repeat: no-repeat;
  background-position: 0 -69px;
  padding-left: 35px;
  display: inline-block;
  height: 25px;
  font-weight: bold;
  padding-top: 5px;
}
.filters li a.filter span {
  padding-top: 4px;
}
.filters li.with-icon a {
  padding: 0;
}
.filters li.with-icon a:hover.filter span,
.filters li.selected a.filter span {
  background-position: 0 -9px;
}
.filters li.disabled {
  color: #ACACAC;
  opacity: .2;
  filter: alpha(opacity=20);
  /* IE8 */
}
.filters li.disabled a {
  cursor: default;
}
.filters li.disabled a span {
  background-position: 0 -9px !important;
}
.filters li img.selected {
  display: none;
}
.filters li.selected img.selected {
  display: inline;
}
.filters li.selected img.unselected {
  display: none;
}
.filters ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.filters ul li {
  float: left;
  padding: 0;
}
.filters div.intensity div {
  text-align: center;
}
.intensity a,
.intensity a:hover {
  color: #D7D7D7;
  text-align: center;
}
.intensity a:first-child,
.intensity a:first-child:hover {
  padding-left: 0;
}
.intensity a.filter span {
  display: block;
}
.intensity ul li {
  padding: 0 2px;
}
.intensity ul li.first {
  padding-left: 0;
}
.intensity ul li.last {
  padding-right: 0;
}
.intensity ul li.with-icon {
  padding-right: 5px;
}
ul.steps {
  margin-top: 10px;
}
/* filter buttons */
ul.filter-buttons {
  margin-top: 7px;
}
.filter-buttons li {
  display: block;
  height: 27px;
  margin-left: 1px;
  text-align: center;
  background: url('img/cafe-btn-filter.png') top left repeat-x;
}
.filter-buttons li a {
  padding: 5px;
  display: block;
  line-height: 18px;
  position: relative;
}
.filter-buttons li a img {
  vertical-align: bottom;
}
.filter-buttons li.selected.first {
  background-position: bottom left;
}
.filter-buttons li.selected.last {
  background-position: bottom right;
}
.filter-buttons li.selected {
  background-position: bottom center;
}
.filter-buttons li.selected a {
  color: white;
}
.filter-buttons li.first {
  background-position: top left;
  padding-left: 0;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.filter-buttons li.last {
  background-position: top right;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.filter-buttons li:hover {
  background-position: 0 -54px;
}
.filter-buttons li:hover a {
  color: white;
}
.filter-buttons li:hover.disabled {
  background-position: 0 0;
}
.filter-buttons li:hover.disabled a {
  color: #ACACAC;
}
/* tooltip */
#plp-hover {
  position: absolute;
  font-size: 11px;
}
#plp-hover .left {
  background: url('img/tooltip-large.png') no-repeat;
  float: left;
  height: 142px;
  max-width: 190px;
  overflow: hidden;
}
#plp-hover .left .details {
  padding: 20px 0 0 20px;
}
#plp-hover .left .details .title {
  font-weight: bold;
  font-size: 12px;
  line-height: 1.1em;
  color: #D7D7D7;
}
#plp-hover .left .details .intensity {
  font-weight: bold;
  font-size: 10px;
  color: #CC9D49;
  padding-top: 5px;
}
#plp-hover .left .details .intensity .number {
  margin-right: 2px;
}
#plp-hover .left .details .intensity .scale {
  padding-bottom: 1px;
  padding-left: 0;
}
#plp-hover .left .details .flavour {
  font-weight: bold;
  font-size: 10px;
  font-style: italic;
  color: #D4D4D4;
  padding-top: 5px;
  max-height: 20px;
}
#plp-hover .left .details .cup-sizes {
  padding: 0;
  margin: 5px 0 0 0;
}
#plp-hover .left .details .cup-sizes li {
  list-style: none;
  padding: 0;
  margin: 0 5px 0 0;
  float: left;
  display: block;
  width: 30px;
  height: 40px;
}
#plp-hover .left .details .cup-sizes li .cup-size-image {
  background-repeat: no-repeat;
  background-position: 1px -9px;
  display: block;
  text-align: center;
  float: left;
  width: 100%;
  height: 30px;
}
#plp-hover .left .details .cup-sizes li .cup-size-title {
  display: block;
  width: 100%;
  text-align: center;
  float: left;
  clear: left;
  font-size: 7px;
  color: #6B6969;
}
#plp-hover .right {
  background-image: url('img/tooltip-large.png');
  background-position: right top;
  background-repeat: no-repeat;
  float: left;
  width: 20px;
  height: 142px;
}
.scale {
  display: inline-block;
  padding-left: 5px;
  padding-bottom: 2px;
}
.scale .intensity-square {
  display: block;
  float: left;
  margin-left: 2px;
  height: 3px;
  width: 3px;
  background-color: #616161;
}
.scale .intensity-square.filled {
  background-color: #939393;
}
.accessory-family {
  margin-top: 11px;
  padding: 25px 0 40px 0;
  position: relative;
}
.accessory-family .btn-buy {
  position: absolute;
  right: 20px;
  top: 5px;
}
.accessory-family a {
  text-decoration: none;
}
.accessory-family .intro {
  margin: 0 auto;
  width: 750px;
  text-align: center;
  color: #E6E6E6;
}
.accessory-family .intro .title {
  font-weight: bold;
  line-height: 52px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 25px;
}
.accessory-family .intro p {
  line-height: 18px;
  padding: 10px 0;
}
.accessory-family .home-accessories-list {
  margin-top: 30px;
}
.accessory-family .home-accessories-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  border-spacing: 1px;
  width: 100%;
}
.accessory-family .home-accessories-list ul li {
  display: table-cell;
  height: 118px;
  background: #171717;
  opacity: .9;
  border: solid 6px transparent;
  text-align: center;
  padding: 10px 12px;
}
.accessory-family .home-accessories-list ul li:hover,
.accessory-family .home-accessories-list ul li:focus {
  background: none repeat scroll 0 0 #1e1e1e;
  opacity: .9;
  border: 6px solid #2B2B2B;
  cursor: pointer;
}
.accessory-family .home-accessories-list ul li .title {
  color: #C5C1B6;
  text-transform: uppercase;
}
.accessory-family .home-accessories-list ul li .image {
  display: block;
  margin: 0 auto;
  padding-top: 22px;
  text-align: center;
}
.accessory-family .home-accessories-list ul li .product-line {
  margin-top: 5px;
}
.accessory-family .home-accessories-list ul.second-row {
  margin-top: -1px;
}
.accessory-family .product-image-techno-disabled {
  text-align: center;
}
.accessory-family .product-image-techno-enabled {
  text-align: right;
}
.assistance-band-block {
  padding: 20px 0;
  width: 996px;
  display: table;
}
.assistance-band-block.grey-theme {
  background: #EEE;
  color: #2A2C2C;
}
.assistance-band-block.grey-theme p {
  color: #595959;
}
.assistance-band-block.grey-theme .more a {
  color: #2A2C2C;
}
.assistance-band-block.grey-theme .assistance-contact-element ul li {
  border-bottom: dotted 1px #757776;
}
.assistance-band-block.grey-theme .assistance-contact-element ul.last {
  border: none !important;
}
.assistance-band-block.grey-theme .assistance-contact-element ul.last ul li {
  border: none !important;
}
.assistance-band-block.black-theme {
  background: #1C1C1C;
  color: #CCCCCC;
}
.assistance-band-block.black-theme .more a {
  color: #CCCCCC;
}
.assistance-band-block .orange {
  color: #CC9D49;
}
.grey-theme.assistance-band-block .total-2-elements,
.grey-theme.assistance-band-block .total-3-elements,
.grey-theme.assistance-band-block .total-4-elements {
  border-right: 1px solid #CCCCCC;
}
.black-theme.assistance-band-block .total-2-elements,
.black-theme.assistance-band-block .total-3-elements,
.black-theme.assistance-band-block .total-4-elements {
  border-right: 1px solid #333333;
}
.assistance-band-block .total-2-elements.last-element,
.assistance-band-block .total-3-elements.last-element,
.assistance-band-block .total-4-elements.last-element {
  border-right: none;
}
.assistance-band-block .total-2-elements .assistance-ines-element,
.assistance-band-block .total-2-elements .assistance-livechat-element,
.assistance-band-block .total-2-elements .assistance-email-element,
.assistance-band-block .total-2-elements .assistance-faq-element,
.assistance-band-block .total-2-elements .assistance-callback-element {
  background-position: right top;
}
.assistance-band-block .total-3-elements .assistance-ines-element,
.assistance-band-block .total-4-elements .assistance-ines-element,
.assistance-band-block .total-3-elements .assistance-livechat-element,
.assistance-band-block .total-4-elements .assistance-livechat-element,
.assistance-band-block .total-3-elements .assistance-email-element,
.assistance-band-block .total-4-elements .assistance-email-element,
.assistance-band-block .total-3-elements .assistance-faq-element,
.assistance-band-block .total-4-elements .assistance-faq-element,
.assistance-band-block .total-3-elements .assistance-callback-element,
.assistance-band-block .total-4-elements .assistance-callback-element {
  background-position: center 85px;
}
.assistance-band-block .assistance-ines-element,
.assistance-band-block .assistance-livechat-element,
.assistance-band-block .assistance-email-element,
.assistance-band-block .assistance-faq-element,
.assistance-band-block .assistance-callback-element {
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
}
.grey-theme.assistance-band-block .assistance-ines-element {
  background-image: url('img/ines_light.png');
}
.black-theme.assistance-band-block .assistance-ines-element {
  background-image: url('img/ines_dark.png');
}
.grey-theme.assistance-band-block .assistance-livechat-element {
  background-image: url('img/livechat_light.png');
}
.black-theme.assistance-band-block .assistance-livechat-element {
  background-image: url('img/livechat_dark.png');
}
.grey-theme.assistance-band-block .assistance-email-element {
  background-image: url('img/contact_light.png');
}
.black-theme.assistance-band-block .assistance-email-element {
  background-image: url('img/contact_dark.png');
}
.grey-theme.assistance-band-block .assistance-faq-element {
  background-image: url('img/faq_light.png');
}
.black-theme.assistance-band-block .assistance-faq-element {
  background-image: url('img/faq_dark.png');
}
.grey-theme.assistance-band-block .assistance-callback-element {
  background-image: url('img/callback-light.png');
}
.black-theme.assistance-band-block .assistance-callback-element {
  background-image: url('img/callback-dark.png');
}
.assistance-band-block h3 {
  margin-top: 0;
  font-size: 1.33333333em;
}
.assistance-band-block p {
  font-size: 1em;
}
.assistance-band-block .assistance-contact-element ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.assistance-band-block .assistance-contact-element ul li {
  margin-top: 10px;
  padding: 0 0 10px 0;
  font-size: 0.91666667em;
}
.assistance-band-block .assistance-contact-element ul li .orange {
  padding-right: 7px;
}
.assistance-band-block .assistance-contact-element ul li.last {
  border: none !important;
  padding-bottom: 0;
}
.assistance-band-block .assistance-contact-element ul li.last ul li {
  border: none !important;
  margin-top: 0;
}
.assistance-band-block .assistance-contact-element ul li.last .orange {
  display: block;
}
.assistance-band-block .total-2-elements,
.assistance-band-block .total-3-elements,
.assistance-band-block .total-4-elements {
  display: table-cell;
  min-height: 140px;
  padding: 0 20px;
}
.assistance-band-block .total-2-elements {
  width: 458px;
}
.assistance-band-block .total-2-elements .assistance-ines-element,
.assistance-band-block .total-2-elements .assistance-email-element,
.assistance-band-block .total-2-elements .assistance-faq-element,
.assistance-band-block .total-2-elements .assistance-livechat-element,
.assistance-band-block .total-2-elements .assistance-callback-element {
  min-height: 130px;
  position: relative;
}
.assistance-band-block .total-2-elements .assistance-ines-element .more,
.assistance-band-block .total-2-elements .assistance-email-element .more,
.assistance-band-block .total-2-elements .assistance-faq-element .more,
.assistance-band-block .total-2-elements .assistance-livechat-element .more,
.assistance-band-block .total-2-elements .assistance-callback-element .more {
  position: absolute;
  bottom: 0;
}
.assistance-band-block .total-2-elements .assistance-ines-element p {
  width: 200px;
}
.assistance-band-block .total-2-elements .assistance-email-element p,
.assistance-band-block .total-2-elements .assistance-faq-element p,
.assistance-band-block .total-2-elements .assistance-livechat-element p,
.assistance-band-block .total-2-elements .assistance-callback-element p {
  width: 250px;
}
.assistance-band-block .total-3-elements {
  width: 291px;
}
.assistance-band-block .total-3-elements .assistance-ines-element,
.assistance-band-block .total-3-elements .assistance-email-element,
.assistance-band-block .total-3-elements .assistance-faq-element,
.assistance-band-block .total-3-elements .assistance-livechat-element,
.assistance-band-block .total-3-elements .assistance-callback-element {
  height: 220px;
  position: relative;
}
.assistance-band-block .total-3-elements .assistance-ines-element .more,
.assistance-band-block .total-3-elements .assistance-email-element .more,
.assistance-band-block .total-3-elements .assistance-faq-element .more,
.assistance-band-block .total-3-elements .assistance-livechat-element .more,
.assistance-band-block .total-3-elements .assistance-callback-element .more {
  position: absolute;
  bottom: 0;
}
.assistance-band-block .total-3-elements .assistance-ines-element p {
  width: 160px;
}
.assistance-band-block .total-3-elements .assistance-email-element p,
.assistance-band-block .total-3-elements .assistance-faq-element p,
.assistance-band-block .total-3-elements .assistance-livechat-element p,
.assistance-band-block .total-3-elements .assistance-callback-element p {
  width: 200px;
}
.assistance-band-block .total-4-elements {
  width: 208px;
}
.assistance-band-block .total-4-elements .assistance-ines-element,
.assistance-band-block .total-4-elements .assistance-email-element,
.assistance-band-block .total-4-elements .assistance-faq-element,
.assistance-band-block .total-4-elements .assistance-livechat-element,
.assistance-band-block .total-4-elements .assistance-callback-element {
  height: 220px;
  position: relative;
  width: 209px;
}
.assistance-band-block .total-4-elements .assistance-ines-element .more,
.assistance-band-block .total-4-elements .assistance-email-element .more,
.assistance-band-block .total-4-elements .assistance-faq-element .more,
.assistance-band-block .total-4-elements .assistance-livechat-element .more,
.assistance-band-block .total-4-elements .assistance-callback-element .more {
  position: absolute;
  bottom: 0;
}
.assistance-callback-popin {
  background: url('img/bg-callback-lightbox.png') center top no-repeat;
}
.assistance-callback-popin .click2call-title,
.assistance-callback-popin .status {
  color: white;
  text-align: center;
  margin-bottom: 10px;
  line-height: 1.6em;
  font-size: 1.33333333em;
}
.assistance-callback-popin .callback-buttons {
  margin-top: 20px;
}
.assistance-callback-popin .callback-content {
  border-bottom: dotted 1px #383838;
  padding-bottom: 40px;
}
.assistance-callback-popin .pull-left {
  width: 250px;
}
.assistance-callback-popin .warning {
  background: url("img/icon-alert.png") no-repeat scroll 22px center transparent;
  display: inline-block;
  line-height: 30px;
  color: #DD3232;
  padding-left: 56px;
  margin: 0 auto 10px auto;
}
.assistance-callback-popin label.colored,
.assistance-callback-popin legend {
  display: block;
  margin: 0 0 10px 0;
  color: #689E92;
  height: auto;
  line-height: 1.6em;
  font-weight: bold;
  font-size: 1.16666667em;
}
.assistance-callback-popin .scheduled label.colored {
  text-align: center;
}
.assistance-callback-popin .place-right label.colored {
  text-align: right;
}
.assistance-callback-popin .place-right {
  position: absolute;
  right: 0;
  top: 0;
}
.assistance-callback-popin .date input[type="text"] {
  margin: auto;
}
.assistance-callback-popin .time-input {
  display: block;
  margin: auto;
  width: 140px;
}
.assistance-callback-popin .time-input select.lnk-wcb-hours,
.assistance-callback-popin .time-input select.lnk-wcb-minutes {
  padding: 6px;
  margin-right: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0;
}
.assistance-callback-popin fieldset {
  position: relative;
}
.assistance-callback-popin img.block-center {
  margin: 30px auto;
}
.assistance-callback-popin .body {
  line-height: 1.6em;
  margin-bottom: 40px;
  text-align: center;
}
.assistance-callback-popin form .assistance-callback-radio {
  border-bottom: dotted 1px #383838;
  margin: 8px 0 -1px 0;
  padding: 0 0 15px 0;
  color: white;
}
.assistance-callback-popin form .assistance-callback-radio label {
  font-size: 1.08333333em;
}
.assistance-callback-popin form input[type="text"] {
  color: black;
  line-height: 25px;
  padding: 0 10px 0 10px;
  font-size: 1.08333333em;
}
.assistance-callback-popin form .btn {
  margin-top: 28px;
  margin-left: 2px;
}
.accessory-type {
  margin-bottom: 20px;
  padding-bottom: 50px;
  background-color: white;
}
.accessory-type h3 {
  color: #2A2C2C;
  font-size: 12px;
  font-weight: 400;
  line-height: 50px;
  margin: 0;
  text-align: center;
}
.accessory-type .accessory-type-list {
  background: url("img/home-accessory-categories-bg.png") no-repeat scroll 0 0 white;
  height: 128px;
  padding: 2px 21px 0 21px;
}
.accessory-type .accessory-type-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  table-layout: fixed;
  height: 116px;
  width: 100%;
}
.accessory-type .accessory-type-list ul li {
  background: url("img/home-accessories-categories-spacer.png") repeat-y scroll 100% 0;
  display: table-cell;
  height: 116px;
  padding: 0 3px;
  text-align: center;
  width: 12.5%;
}
.accessory-type .accessory-type-list ul li.last {
  background: none;
}
.accessory-type .accessory-type-list ul li img {
  display: block;
  margin: 0 auto;
}
.accessory-type .accessory-type-list ul li a {
  color: #2A2C2C;
  text-decoration: none;
  line-height: 14px;
  font-size: 11px;
  font-weight: 700;
}
.footer-sitemap-block {
  background-image: url("img/footer-bg-black.jpg");
  background-repeat: repeat-x;
  background-color: #0D0D0D;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  padding: 20px 0;
  display: table;
}
.footer-sitemap-block a {
  text-decoration: none;
  color: inherit;
}
.footer-sitemap-block > .footer > .footer-column {
  border-left: 1px dotted #AAA;
  width: 200px;
  padding: 0 0 0 5px;
  display: table-cell;
}
.footer-sitemap-block > .footer > .footer-column.first {
  border-left: none;
}
.footer-sitemap-block h3 {
  background-image: url("img/footer-bullet-section.png");
  background-repeat: no-repeat;
  background-position: 0 2px;
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 30px 10px;
  padding-left: 20px;
  text-transform: uppercase;
  color: white;
}
.footer-sitemap-block #empty-footer-header {
  background-image: none;
}
.footer-sitemap-block h4 {
  font-size: 11px;
  text-transform: uppercase;
  color: white;
  font-weight: bold;
  margin: 0 0 20px 20px;
}
.footer-sitemap-block h4.h5-like {
  text-transform: inherit;
  font-style: italic;
  margin: 0 0 3px 20px;
}
.footer-sitemap-block h5 {
  font-size: 11px;
  font-weight: bold;
  font-style: italic;
  color: white;
  margin: 0 0 3px 20px;
}
.footer-sitemap-block ul {
  margin: 0 0 22px 35px;
  padding: 0;
}
.footer-sitemap-block ul li {
  color: #CCCCCC;
  font-size: 12px;
  margin: 0;
}
.footer-sitemap-block ul li a {
  font-size: 11px;
  color: #ADAEB5;
}
.footer-sitemap-block ul li a:hover {
  text-decoration: underline;
}
.footer-sitemap-block ul li span {
  font-size: 11px;
  color: #ADAEB5;
}
.capsule-focus-block {
  min-height: 95px;
  display: table;
  position: relative;
}
.capsule-focus-block .focus {
  width: 290px;
  display: table-cell;
  background-color: #191919;
  border-bottom-left-radius: 2px;
  border-right: 1px solid black;
  border-top-left-radius: 2px;
  position: relative;
  vertical-align: top;
}
.capsule-focus-block .focus a {
  display: block;
  width: 100%;
  height: 100%;
}
.capsule-focus-block .focus img.top-left {
  /* stylelint-disable */
  vertical-align: top;
  /* stylelint-enable */
  position: absolute;
  top: 0;
  left: 0;
}
.capsule-focus-block .focus .img {
  margin: 20px 30px 0 30px;
  display: block;
  float: left;
  /* stylelint-disable */
  vertical-align: middle;
  /* stylelint-enable */
  height: 100%;
}
.capsule-focus-block .focus .img img {
  border: 0 none;
  vertical-align: middle;
  display: inline-block;
}
.capsule-focus-block .focus .c-focus {
  display: block;
  float: left;
  /* stylelint-disable */
  vertical-align: middle;
  /* stylelint-enable */
  height: 100%;
}
.capsule-focus-block .focus .c-focus .title {
  margin: 20px 0 0 0;
  line-height: 30px;
  font-size: 20px;
  float: left;
  width: 140px;
}
.capsule-focus-block .focus .c-focus .intensity {
  float: left;
  clear: left;
  color: #CC9D49;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  position: relative;
}
.capsule-focus-block .focus .c-focus .scale .intensity-square {
  height: 5px;
  width: 5px;
  margin-right: 2px;
}
.capsule-focus-block .focus .c-focus .scale .intensity-square.filled {
  background: white;
}
.capsule-focus-block .text {
  width: 704px;
  display: table-cell;
  background-color: #131313;
  border-bottom-left-radius: 2px;
  border-left: 1px solid #2B2B2B;
  border-top-left-radius: 2px;
  text-align: left;
  vertical-align: top;
  position: relative;
}
.capsule-focus-block .text .text-inner {
  display: inline-block;
  padding: 20px 40px 20px 40px;
  vertical-align: middle;
}
.capsule-focus-block .text .text-inner .breadcrumbs {
  color: #CC9D49;
  margin: 10px 0 0 0;
  float: left;
}
.capsule-focus-block .text .text-inner .more-details {
  position: absolute;
  right: 40px;
  bottom: 12px;
  text-align: right;
}
.capsule-focus-block .text .text-inner .more-details a {
  color: inherit;
}
.need-help-block .need-help-block-header {
  background: white;
  color: #2A2C2C;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  line-height: 18px;
}
.need-help-block .need-help-block-header h1 {
  font-weight: normal;
}
.nearby-services-block {
  display: table;
  background: url("img/geoloc-bg.png") repeat-x scroll left top #101010;
  color: #CCCCCC;
  height: 69px;
  margin: 0 auto 10px;
  position: relative;
  width: 996px;
  background: black;
}
.nearby-services-block .nsb-logo,
.nearby-services-block .separator,
.nearby-services-block .nsb-description,
.nearby-services-block .nsb-form-container {
  display: table-cell;
  vertical-align: middle;
  height: 69px;
}
.nearby-services-block .nsb-logo {
  width: 160px;
  padding: 0 0 0 20px;
}
.nearby-services-block .separator {
  background: url("img/geoloc-separator.png") no-repeat scroll center 0;
  width: 160px;
}
.nearby-services-block .nsb-description {
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  padding: 0 20px 0 0;
}
.nearby-services-block .nsb-description .nsb-desc-title {
  color: #CC9D49;
  font-weight: 400;
  text-transform: uppercase;
}
.nearby-services-block .nsb-form-container {
  width: 420px;
}
.nearby-services-block .nsb-form-container .nsb-form {
  display: block;
}
.nearby-services-block .nsb-form-container .nsb-form.error .nsb-location {
  background-position: 10px -29px;
  border: 1px solid #DD3232 !important;
  -webkit-box-shadow: 0 0 5px #DD3232 inset;
  -moz-box-shadow: 0 0 5px #DD3232 inset;
  box-shadow: 0 0 5px #DD3232 inset;
}
.nearby-services-block .nsb-form-container .nsb-form .placeholder-wrapper {
  float: left;
  top: 0;
}
.nearby-services-block .nsb-form-container .nsb-form .placeholder-wrapper .placeholder {
  top: 0;
  left: 0;
}
.nearby-services-block .nsb-form-container .nsb-form .nsb-location {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75) inset;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75) inset;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.75) inset;
  background: white url("img/geoloc-input-arrow.png") no-repeat scroll 10px 1px;
  border: 1px solid transparent;
  color: #7F7F7F;
  display: inline-block;
  margin: 0 20px 0 0;
  padding: 8px 20px 6px 34px;
  width: 245px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 1.08333333em;
}
.nearby-services-block .nsb-form-container .nsb-form .error-message {
  color: #DD3232;
  position: absolute;
  bottom: -15px;
  left: 15px;
}
.lt-ie9 .nearby-services-block .nsb-form-container .nsb-form.error .nsb-location {
  background-position: 0 -96px;
  border: none !important;
}
.lt-ie9 .nearby-services-block .nsb-form-container .nsb-form .nsb-location {
  background: transparent url("img/geoloc-input.png") no-repeat scroll 0 -32px;
  border: none;
  padding-left: 44px;
  width: 180px;
}
.category-menu-block .title-one {
  margin: 0;
  padding: 0;
  height: 89px;
  background: url("img/sb-forget-title-bg.png") 0 0 repeat-x transparent;
  text-align: center;
  color: white;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 89px;
  text-transform: uppercase;
  border-bottom: 1px solid black;
}
.category-menu-block .content {
  margin: 0;
  padding: 0;
  height: 147px;
  background: url("img/sb-forget-content-bg.png") 0 100% repeat-x #1D1D1D;
}
.category-menu-block .content .col {
  float: left;
  border-right: 1px solid black;
  height: 147px;
  width: 228px;
  position: relative;
  padding: 0 0 0 20px;
}
.category-menu-block .content .col .desc {
  position: absolute;
  left: 85px;
  top: 40px;
  width: 125px;
}
.category-menu-block .content .col .title,
.category-menu-block .content .col .txt {
  margin: 0;
  padding: 0;
  font-size: 12px;
}
.category-menu-block .content .col .title {
  color: white;
  line-height: 30px;
}
.category-menu-block .content .col .txt {
  color: #999999;
  font-size: 1em;
}
.category-menu-block .content .col a {
  position: relative;
  display: block;
  text-decoration: none;
  height: 100%;
  width: 100%;
}
.category-menu-block .content .col.last {
  border: none;
}
#ecotax-info-block a {
  color: white;
}
#ecotax-info-block span {
  color: #888;
}
.range-comparator {
  background-color: white;
  border-bottom: 1px solid #D3D4D7;
  color: #2A2C2C;
  margin-bottom: 20px;
  padding: 40px 20px;
}
.range-comparator .outer-circle:hover,
.range-comparator .outer-circle.selected {
  border: 2px transparent solid;
}
.range-comparator .range-comparator-ctn {
  border: 3px solid #E7E7E7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.range-comparator .range-comparator-left,
.range-comparator .range-comparator-right {
  position: relative;
  height: 368px;
  width: 475px;
}
.range-comparator .range-comparator-right {
  background: transparent url("img/home-compare-right-bg.png") 0 0 repeat-y;
}
.range-comparator .range-comparator-right .range-comparator-carac {
  background: transparent url("img/home-compare-right-bg.png") 0 0 repeat-y;
}
.range-comparator .range-comparator-header {
  height: 40px;
}
.range-comparator .range-comparator-header p {
  margin: 0;
  padding: 0 0 0 15px;
  font-size: 11px;
  font-weight: 400;
  line-height: 40px;
}
.range-comparator .range-comparator-nav {
  zoom: 1;
  font-size: 11px;
  font-weight: 400;
  line-height: 40px;
}
.range-comparator .range-comparator-nav:before,
.range-comparator .range-comparator-nav:after {
  display: table;
  content: "";
  zoom: 1;
}
.range-comparator .range-comparator-nav:after {
  clear: both;
}
.range-comparator .range-comparator-nav li {
  background: black url("img/home-compare-nav-bg.png") 0 -40px repeat-x;
  color: white;
  margin-right: 1px;
  text-align: center;
  float: left;
  height: 40px;
  width: 130px;
}
.range-comparator .range-comparator-nav li.active {
  background-position: 0 0;
}
.range-comparator .range-comparator-nav li.active a {
  color: white;
}
.range-comparator .range-comparator-nav li a {
  color: #8E8E8E;
  display: block;
  text-decoration: none;
  height: 40px;
  width: 130px;
}
.range-comparator .range-comparator-nav li a span.left-arrow {
  display: inline-block;
  background: url("img/home-compare-arrow-left.png") no-repeat;
  height: 6px;
  width: 5px;
}
.range-comparator .range-comparator-nav li a span.right-arrow {
  display: inline-block;
  background: url("img/home-compare-arrow-right-active.png") no-repeat;
  height: 6px;
  width: 5px;
}
.range-comparator h2 {
  border-bottom: 1px solid #E7E7E7;
  border-top: 1px solid #E7E7E7;
  margin: 0;
  padding: 0 0 0 42px;
  text-transform: uppercase;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 68px;
}
.range-comparator .thumbnail {
  position: absolute;
  right: 10px;
  text-align: right;
  top: 0;
  zoom: 1;
}
.range-comparator .thumbnail:before,
.range-comparator .thumbnail:after {
  display: table;
  content: "";
  zoom: 1;
}
.range-comparator .thumbnail:after {
  clear: both;
}
.range-comparator .thumbnail img {
  display: block;
  margin: 15px 0;
}
.range-comparator .thumbnail .btn {
  margin-right: 30px;
  float: right;
}
.range-comparator .thumbnail .thumbnail-media img {
  float: right;
  margin-right: 20px;
}
.range-comparator .thumbnail .thumbnail-media .btn {
  clear: both;
}
.range-comparator .arguments {
  padding: 10px 0 0 20px;
  height: auto;
  width: 180px;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}
.range-comparator .range-comparator-carac {
  background-color: white;
  border-top: 1px solid #E7E7E7;
  bottom: 0;
  left: 0;
  position: absolute;
  zoom: 1;
  height: 66px;
  width: 475px;
}
.range-comparator .range-comparator-carac:before,
.range-comparator .range-comparator-carac:after {
  display: table;
  content: "";
  zoom: 1;
}
.range-comparator .range-comparator-carac:after {
  clear: both;
}
.range-comparator .colors {
  margin: 22px 0 0 30px;
  float: left;
}
.range-comparator .colors li {
  margin: 0;
  float: left;
}
.range-comparator .options {
  margin: 20px 30px 0 0;
  float: right;
}
.range-comparator .options li {
  margin: 0 3px;
  float: left;
}
.push-compo {
  text-align: center;
}
.push-compo .push-compo-inner {
  position: relative;
  display: inline-block;
}
.push-compo .add-to-cart {
  position: absolute;
}
#not-found #error-header-logo {
  display: block;
  border-bottom: 1px solid white;
  height: 81px;
}
#not-found #error-header-logo a {
  padding-left: 40px;
}
#not-found #error-header-logo img {
  position: absolute;
  top: 26px;
}
#not-found #error-footer-logo {
  border-top: 1px solid white;
  height: 34px;
}
#not-found #error-footer-logo a {
  padding-left: 40px;
}
#not-found #error-footer-logo img {
  margin: 20px 0;
}
#not-found .wrapper {
  height: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}
#not-found .wrapper a {
  color: white;
}
#not-found .wrapper .orange {
  color: #CC9D49;
}
#error-page.unexpected-error {
  background: black url("img/bg.jpg") no-repeat center top;
  width: 100%;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
}
#error-page.unexpected-error .inner {
  background: black;
  width: 1098px;
  height: 1000px;
  margin: 0 auto;
}
#error-page.unexpected-error a {
  color: #CC9D49;
}
#error-page.unexpected-error a:hover {
  text-decoration: underline;
  color: inherit;
}
#error-page.unexpected-error .separator {
  background-image: url("img/arrow-separator.jpg");
  width: 794px;
  height: 4px;
  display: block;
  margin: 20px auto 20px auto;
  clear: both;
}
#error-page.unexpected-error .deco {
  background-image: url("img/error-500-deco.jpg");
  width: 780px;
  height: 630px;
  margin: 10px auto;
}
#error-page.unexpected-error .logo {
  margin: 20px 0 0 50px;
}
#error-page.unexpected-error h1 {
  font-weight: normal;
  font-size: 24px;
  display: block;
  margin: 20px auto 10px auto;
  text-align: center;
  line-height: 1.4;
}
#error-page.unexpected-error h1 em {
  font-weight: bold;
}
#error-page.unexpected-error .back-to-home {
  margin: 10px auto 10px auto;
  font-size: 16px;
  text-align: center;
}
#error-page.unexpected-error .error-message-block {
  font-size: 18px;
  text-align: center;
  line-height: 1.2;
  width: 600px;
  margin: 0 auto;
}
#error-page.unexpected-error .contact-phone {
  color: #CC9D49;
  text-align: center;
  font-style: italic;
}
#error-page.unexpected-error .current-date {
  color: #ADAEB5;
  text-align: center;
  font-size: 16px;
}
#error-page.unexpected-error .footer {
  margin: 0 0 50px 0;
}
.social {
  color: #C0C3C6;
  margin: 0 auto;
  padding: 25px 0;
  position: relative;
  height: auto;
  width: 996px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
}
.social .logo {
  left: 20px;
  margin-top: -23px;
  position: absolute;
  top: 50%;
  height: 49px;
  width: 60px;
}
.social .social-item {
  margin: 0 200px;
  text-align: center;
}
.social .social-item a {
  font-style: italic;
  text-decoration: underline;
}
.social .social-item a:hover {
  text-decoration: none;
}
.social .social-item span > a {
  color: inherit !important;
}
.social .social-item p {
  display: inline;
  /* stylelint-disable */
  margin: 0;
  /* stylelint-enable */
}
.social .social-info {
  color: #666666;
  font-style: italic;
  margin-top: -27px;
  position: absolute;
  right: 20px;
  text-align: right;
  top: 50%;
  width: 150px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}
.social .social-info a {
  color: #666666;
  display: block;
  text-decoration: none;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 25px;
}
.social .quote {
  color: #606263;
  font: 400 47px/17px Georgia, Arial, Helvetica, sans-serif;
  margin: 0 10px;
  position: relative;
  top: 15px;
}
.gift-card {
  padding-top: 0;
}
.gift-card .title-sep-bottom {
  background: transparent url("img/sep-arrow-bottom-neg.gif") bottom center no-repeat;
  padding-bottom: 33px;
  margin-bottom: 31px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  line-height: 32px;
  text-align: center;
}
.gift-card .faq {
  background-color: #1A1A1A;
  margin: 0 0 20px;
  padding: 45px 55px;
}
.gift-card .faq h2 {
  margin: 0 0 10px;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}
.gift-card .faq h3 {
  margin: 10px 0 40px;
  text-align: center;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
.gift-card .faq .faq-items {
  border-top: 1px dotted #484848;
}
.gift-card .faq .faq-items dl {
  background-color: #1C1C1C;
  cursor: pointer;
}
.gift-card .faq .faq-items dl .open {
  background-color: transparent !important;
}
.gift-card .faq .faq-items dl .open dd .icon {
  background-position: 0 -5px;
}
.gift-card .faq .faq-items dt {
  color: white;
  font-style: italic;
  margin: 0;
  padding: 15px 20px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  border-bottom: 1px dotted #484848;
}
.gift-card .faq .faq-items dt:hover {
  background-color: #202020;
}
.gift-card .faq .faq-items dt.ui-state-active {
  color: #CC9D49;
}
.gift-card .faq .faq-items dt.ui-state-active span {
  color: #CC9D49;
}
.gift-card .faq .faq-items dt span {
  color: #888;
}
.gift-card .faq .faq-items dt .icon {
  background: transparent url("img/faq-toggle.gif") 0 0 no-repeat;
  display: block;
  height: 5px;
  width: 7px;
}
.gift-card .faq .faq-items dd {
  background: transparent url("img/faq-answer-arrow.png") 40px 40px no-repeat;
  padding: 30px 140px 35px 90px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  border-bottom: 1px dotted #484848;
}
.gift-card .faq .faq-items dt,
.gift-card .faq .faq-items dd {
  font-size: 108.3%;
}
.gift-card .faq .faq-items .separator {
  background-color: #CC9D49;
  opacity: 0;
  height: 3px;
  width: auto;
}
.gift-card .faq .intro {
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 150%;
  font-weight: 400;
  line-height: 24px;
  margin: 10px 0 40px;
  text-align: center;
}
.gift-card .faq .bottom {
  background-color: #CCCCCC;
  margin: 65px auto 20px;
  height: 2px;
  width: 17px;
}
.gift-card .faq h2 {
  font-size: 200%;
}
.gift-card .choose-gift-card {
  background: url("img/gift-card-bg.jpg") no-repeat 0 0 #121212;
  padding-bottom: 15px;
  padding-top: 30px;
  width: auto;
}
.gift-card .choose-gift-card .ui-icon {
  display: none !important;
}
.gift-card .choose-gift-card .title-sep-bottom {
  padding-bottom: 20px;
}
.gift-card .choose-gift-card h1 {
  text-shadow: 0 -2px 2px black;
  text-transform: uppercase;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}
.gift-card .choose-gift-card h1 em {
  font-weight: 400;
}
.gift-card .choose-gift-card p {
  color: #CCCCCC;
  margin: 0 50px 10px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.gift-card .choose-gift-card .gift-card-steps {
  padding: 0 75px;
}
.gift-card .choose-gift-card .gift-card-steps .third {
  border-right: 1px dotted #323232;
  height: 250px;
  width: 33%;
}
.gift-card .choose-gift-card .gift-card-steps .third.last {
  border-right: none;
}
.gift-card .choose-gift-card .gift-card-steps h2 {
  margin: 0 0 25px;
  text-align: center;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.gift-card .choose-gift-card .gift-card-steps .choose-gift-card-cover img {
  margin: 0 auto;
}
.gift-card .choose-gift-card .gift-card-steps legend {
  margin: 0 0 25px;
  text-align: center;
  font-size: 116.7%;
  font-weight: 700;
  line-height: 20px;
  width: 100%;
}
.gift-card .choose-gift-card .gift-card-steps legend .number {
  display: block;
}
.gift-card .choose-gift-card .gift-card-steps legend .orange {
  color: #CC9D49;
}
.gift-card .choose-gift-card .gift-card-steps label.radio {
  font-size: 100%;
  line-height: 18px;
  color: #CCCCCC;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  margin-bottom: 10px !important;
}
.gift-card .choose-gift-card .gift-card-steps .first-field .gift-card-field-wrapper {
  margin-left: 5%;
}
.gift-card .choose-gift-card .gift-card-steps .third-field .gift-card-field-wrapper {
  text-align: center;
}
.gift-card .choose-gift-card .gift-card-steps .gift-card-value {
  margin: 0;
  padding-top: 10px;
}
.gift-card .choose-gift-card .gift-card-steps .gift-card-value .info {
  font-size: 83.3%;
  font-weight: 400;
  height: auto;
  line-height: 12px;
  margin: 10px auto;
  text-align: left;
  width: 160px;
}
.gift-card .choose-gift-card .gift-card-steps .gift-card-cover .radio-wrapper-item {
  display: inline-block;
  margin: 0 5px;
}
.gift-card .choose-gift-card .gift-card-steps .gift-card-cover .radio-wrapper-item label {
  cursor: pointer;
}
.gift-card .choose-gift-card .gift-card-steps .choose-gift-card-cover-wrapper {
  left: 6px;
  position: absolute;
  top: 9px;
}
.gift-card .choose-gift-card .gift-card-steps .choose-gift-card-cover {
  height: 143px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: auto;
}
.gift-card .choose-gift-card h1 {
  margin-top: 0;
}
.gift-card .choose-gift-card .call-to-action {
  padding: 0;
}
.gift-card .choose-gift-card .call-to-action .add-quantity-to-cart {
  height: 33px;
}
.gift-card .choose-gift-card .gift-card-steps .half {
  border-right: 1px dotted #323232;
  height: 250px;
  width: 49.5%;
}
.gift-card .choose-gift-card .gift-card-steps .half.last {
  border-right: none;
}
.gift-card .choose-gift-card .gift-card-steps .half.first-field .gift-card-field-wrapper {
  margin-left: 25%;
}
.gift-card .choose-gift-card .gift-card-steps .half .choose-gift-card-cover-wrapper {
  left: 94px;
}
.gift-card-value input#currency-spinner {
  background: #51504E;
  border-width: 1px 0;
  border-color: #2F2F2E;
  border-style: solid;
  height: 32px;
  width: 100px;
  text-align: center;
  color: white;
  margin: 0 35px;
  padding: 0;
}
.gift-card-value .ui-spinner {
  position: relative;
}
.gift-card-value .ui-spinner .ui-spinner-button {
  width: 35px;
  height: 34px;
  position: absolute;
  border: none;
}
.gift-card-value .ui-spinner .ui-spinner-button.ui-spinner-up {
  right: 0;
  background: url("img/spinner-right.png") no-repeat;
}
.gift-card-value .ui-spinner .ui-spinner-button.ui-spinner-down {
  left: 0;
  background: url("img/spinner-left.png") no-repeat;
}
#machine-list-compare-block {
  margin-bottom: 20px;
}
#machine-list-compare-block .info-button {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: transparent url("img/question-mark-dark.png") no-repeat center top;
  border: none;
}
#machine-list-compare-block .machine-compare-header {
  position: relative;
  width: 956px;
  margin: 20px auto 65px auto;
}
#machine-list-compare-block .machine-compare-header .compare-title {
  text-align: center;
  margin: 0 auto;
  width: 550px;
}
#machine-list-compare-block .machine-compare-header .compare-title .title {
  text-transform: uppercase;
  line-height: 30px;
  font-weight: normal;
  margin: 15px 0;
  font-size: 2.08333333em;
}
#machine-list-compare-block .machine-compare-header .compare-title .description {
  line-height: 18px;
  font-size: 1em;
}
#machine-list-compare-block .machine-compare-header .btn {
  min-width: 88px;
}
#machine-list-compare-block .machine-compare-header .buy-button {
  position: absolute;
  top: 0;
  right: 0;
}
#machine-list-compare-block .machine-compare-header .back-button {
  position: absolute;
  top: 50px;
  right: 0;
}
#machine-list-compare-block .machine-compare-filters {
  width: 878px;
  height: 64px;
  margin: 0 auto 2px auto;
  background-color: #2D2B2E;
  position: relative;
}
.a11y-navigation #machine-list-compare-block .machine-compare-filters .focused-filter {
  outline: 3px solid #3A869D;
  z-index: 2;
}
#machine-list-compare-block .machine-compare-filters form {
  display: block;
  width: 100%;
  height: 100%;
}
#machine-list-compare-block .machine-compare-filters form fieldset {
  border-right: 2px solid black;
  height: 100%;
  float: left;
  text-align: center;
  font-size: 0.75em;
}
#machine-list-compare-block .machine-compare-filters form fieldset legend {
  line-height: 0;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  margin: 13px 0 12px 0;
  float: left;
}
#machine-list-compare-block .machine-compare-filters form fieldset .filter-label-content {
  width: 192px;
  margin: 0 auto;
}
#machine-list-compare-block .machine-compare-filters form fieldset input {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  position: absolute;
}
#machine-list-compare-block .machine-compare-filters form fieldset label {
  cursor: pointer;
}
#machine-list-compare-block .machine-compare-filters form fieldset label.button-label {
  background: url("img/hp-machines-price-filter-bg.png") repeat-x scroll 0 0 #EBEBEB;
  color: #2A2C2C;
  display: inline-block;
  text-align: center;
  width: 95px;
  height: 27px;
  margin: 0 1px 0 0;
  float: left;
  overflow: hidden;
}
#machine-list-compare-block .machine-compare-filters form fieldset label.button-label .button-inner {
  display: block;
}
#machine-list-compare-block .machine-compare-filters form fieldset label.button-label .button-inner .icon {
  display: inline-block;
  height: 4px;
  margin-right: 5px;
  width: 5px;
  background-repeat: no-repeat;
  background-position: 0 -4px;
}
#machine-list-compare-block .machine-compare-filters form fieldset label.button-label .button-inner .productline-icon {
  display: block;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 88px;
  height: 10px;
  margin: 0 0 0 4px;
}
#machine-list-compare-block .machine-compare-filters form fieldset label.button-label.selected,
#machine-list-compare-block .machine-compare-filters form fieldset label.button-label:hover {
  background-color: #403F41;
  background-image: none;
  color: white;
}
#machine-list-compare-block .machine-compare-filters form fieldset label.button-label.selected .icon,
#machine-list-compare-block .machine-compare-filters form fieldset label.button-label:hover .icon {
  background-position: 0 0;
}
#machine-list-compare-block .machine-compare-filters form fieldset label.button-label.selected .productline-icon,
#machine-list-compare-block .machine-compare-filters form fieldset label.button-label:hover .productline-icon {
  background-position: 0 -10px;
}
#machine-list-compare-block .machine-compare-filters form fieldset label.button-label.label-left {
  -webkit-border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
#machine-list-compare-block .machine-compare-filters form fieldset label.button-label.label-left .icon {
  background-image: url("img/hp-machines-filter-low.png");
}
#machine-list-compare-block .machine-compare-filters form fieldset label.button-label.label-right {
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
#machine-list-compare-block .machine-compare-filters form fieldset label.button-label.label-right .icon {
  background-image: url("img/hp-machines-filter-high.png");
}
#machine-list-compare-block .machine-compare-filters form fieldset.filter-price {
  width: 310px;
}
#machine-list-compare-block .machine-compare-filters form fieldset.filter-price .button-inner {
  padding: 6px 0 0 0;
}
#machine-list-compare-block .machine-compare-filters form fieldset.filter-color {
  width: 340px;
  text-align: center;
}
#machine-list-compare-block .machine-compare-filters form fieldset.filter-color label {
  display: inline-block;
  margin: 0 0 3px 0;
}
#machine-list-compare-block .machine-compare-filters form fieldset.filter-color label.disabled {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.2)";
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
}
#machine-list-compare-block .machine-compare-filters form fieldset.filter-milk {
  width: 220px;
  border-right: none;
  text-align: center;
}
#machine-list-compare-block .machine-compare-filters form fieldset.filter-milk .label-milk-outer {
  background-image: url("img/plp-machine-grid-milk.png");
  background-repeat: no-repeat;
  background-position: right 5px;
  display: inline-block;
  width: 130px;
}
#machine-list-compare-block .machine-compare-filters form fieldset.filter-milk label {
  display: block;
  float: left;
  background: url("img/checkbox-off.png") no-repeat 0 5px;
  width: 100px;
  margin: 0 0 0 10px;
}
#machine-list-compare-block .machine-compare-filters form fieldset.filter-milk label .label-milk-inner {
  padding: 2px 0 0 25px;
  line-height: 1.4;
  text-align: left;
}
#machine-list-compare-block .machine-compare-filters form fieldset.filter-milk label.selected,
#machine-list-compare-block .machine-compare-filters form fieldset.filter-milk label:hover {
  background: url("img/checkbox-on.png") no-repeat 0 5px;
}
#machine-list-compare-block .machine-compare-filters form.multi-technology fieldset.filter-price {
  width: 220px;
}
#machine-list-compare-block .machine-compare-filters form.multi-technology fieldset.filter-color {
  width: 250px;
}
#machine-list-compare-block .machine-compare-filters form.multi-technology fieldset.filter-milk {
  width: 150px;
  border-right: 2px solid black;
}
#machine-list-compare-block .machine-compare-filters form.multi-technology fieldset.filter-technology {
  width: 250px;
  border-right: none;
}
#machine-list-compare-block .machine-compare-filters form.multi-technology fieldset.filter-technology .button-inner {
  padding: 8px 0 0 0;
}
#machine-list-compare-block .machine-compare-filters form.multi-technology fieldset.filter-technology .info-button {
  margin: 5px 0 0 5px;
}
#machine-list-compare-block .machine-compare-filters .filters-reset-btn {
  position: absolute;
  top: -20px;
  right: 5px;
}
#machine-list-compare-block .machine-compare-filters .filter-reset-text {
  display: block;
  color: white;
  text-decoration: underline;
  background-image: url("img/cross-btn.png");
  background-repeat: no-repeat;
  background-position: left 2px;
  padding: 0 0 0 15px;
  font-size: 0.75em;
}
#machine-list-compare-block table {
  width: 878px;
  border-collapse: separate;
  margin: 0 auto;
}
#machine-list-compare-block table thead th {
  background: url("img/hp-machines-th-bg.png") repeat-x scroll 0 0 #1A1A1C;
  border-left: 1px solid #1E1E21;
  border-right: 1px solid #1A1A1C;
  font-size: 91.7%;
  font-weight: 400;
  line-height: 55px;
  margin: 0;
  text-align: center;
  font-style: italic;
}
#machine-list-compare-block table thead th.first {
  height: 55px;
  width: 270px;
}
#machine-list-compare-block table td,
#machine-list-compare-block table th.model {
  background: #2A2A2D url("img/hp-machines-line-bg.png") 0 0 repeat-x;
  height: 190px;
  border-left: 1px solid #222225;
  border-right: 1px solid black;
  margin: 0 2px 0 0;
  width: auto;
  text-align: left;
  vertical-align: top;
}
#machine-list-compare-block table td.model,
#machine-list-compare-block table th.model.model {
  width: 310px;
  border-left: none;
}
#machine-list-compare-block table td.model .left,
#machine-list-compare-block table th.model.model .left {
  float: left;
  margin: 10px 15px 0 10px;
  width: 125px;
}
#machine-list-compare-block table td.model .right,
#machine-list-compare-block table th.model.model .right {
  width: 125px;
  float: right;
}
#machine-list-compare-block table td.model .right .machine-title,
#machine-list-compare-block table th.model.model .right .machine-title {
  text-transform: uppercase;
  margin: 36px 0 0 0;
  font-size: 1.16666667em;
}
#machine-list-compare-block table td.model .right .price,
#machine-list-compare-block table th.model.model .right .price {
  background: url("img/hp-machines-price-bg.png") no-repeat scroll 0 0 transparent;
  color: #2A2C2C;
  height: 48px;
  margin: 15px 0 0 0;
  padding: 9px 15px 0 15px;
  text-align: center;
  white-space: nowrap;
}
#machine-list-compare-block table td.model .right .price small,
#machine-list-compare-block table th.model.model .right .price small {
  color: #888;
  margin-top: -5px;
}
#machine-list-compare-block table td.model .right .price strong,
#machine-list-compare-block table th.model.model .right .price strong {
  display: block;
  padding-top: 6px;
  line-height: 16px;
  font-weight: normal;
  font-size: 1.66666667em;
}
#machine-list-compare-block table td.model .right .price strong span,
#machine-list-compare-block table th.model.model .right .price strong span {
  display: inline-block;
  padding: 0 0 0 10px;
  text-align: left;
  font-size: 0.83333333em;
}
#machine-list-compare-block table td.model .right .price small,
#machine-list-compare-block table th.model.model .right .price small {
  line-height: 16px;
  color: #888;
  display: block;
  font-weight: normal;
  font-size: 0.83333333em;
}
#machine-list-compare-block table td.model .right .price small span,
#machine-list-compare-block table th.model.model .right .price small span {
  display: inline-block;
  padding: 0 0 0 10px;
  text-align: left;
}
#machine-list-compare-block table td.model .right .colors .outer-circle,
#machine-list-compare-block table th.model.model .right .colors .outer-circle {
  margin: 0 5px 5px 0;
  padding: 1px 0;
  border: none;
}
#machine-list-compare-block table td.model .right .colors .outer-circle .inner-disc,
#machine-list-compare-block table th.model.model .right .colors .outer-circle .inner-disc {
  border: 2px solid #DDD;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
#machine-list-compare-block table td.cupsize,
#machine-list-compare-block table th.model.cupsize {
  width: 98px;
  border-left: solid 1px #353538;
}
#machine-list-compare-block table td.cupsize ul,
#machine-list-compare-block table th.model.cupsize ul {
  list-style: none;
  margin: 0;
  padding: 32px 0 0 0;
}
#machine-list-compare-block table td.cupsize ul li,
#machine-list-compare-block table th.model.cupsize ul li {
  display: block;
  text-align: center;
}
#machine-list-compare-block table td.cupsize ul li .cup-size-title,
#machine-list-compare-block table th.model.cupsize ul li .cup-size-title {
  display: block;
  text-align: center;
  color: #929394;
  font-size: 0.66666667em;
}
#machine-list-compare-block table td.cupsize ul li .cup-size-image,
#machine-list-compare-block table th.model.cupsize ul li .cup-size-image {
  text-align: center;
  display: inline-block;
  width: 50px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: 2px -78px;
}
#machine-list-compare-block table td.cupsize ul li .cup-size-sep,
#machine-list-compare-block table th.model.cupsize ul li .cup-size-sep {
  background: #4E4E51;
  height: 1px;
  margin: 7px auto 7px 40px;
  width: 16px;
}
#machine-list-compare-block table td.milk,
#machine-list-compare-block table th.model.milk {
  width: 110px;
  border-left: solid 1px #353538;
  text-align: center;
}
#machine-list-compare-block table td.milk .milk-info,
#machine-list-compare-block table th.model.milk .milk-info {
  padding: 65px 0 0 0;
  margin: 0;
}
#machine-list-compare-block table td.milk .milk-info strong,
#machine-list-compare-block table th.model.milk .milk-info strong {
  display: block;
  line-height: 18px;
  font-weight: bold;
  font-size: 1.08333333em;
}
#machine-list-compare-block table td.milk .milk-info span,
#machine-list-compare-block table th.model.milk .milk-info span {
  display: block;
  color: #CCCCCC;
  line-height: 18px;
  font-weight: normal;
  font-size: 0.75em;
}
#machine-list-compare-block table td.milk .milk-info.milk-solution,
#machine-list-compare-block table th.model.milk .milk-info.milk-solution {
  background-image: url("img/plp-machine-grid-milk.png");
  background-repeat: no-repeat;
  background-position: center 40px;
}
#machine-list-compare-block table td.milk .info-button,
#machine-list-compare-block table th.model.milk .info-button {
  margin: 20px 0 0 0;
}
#machine-list-compare-block table td.dimensions,
#machine-list-compare-block table th.model.dimensions {
  width: 116px;
  border-left: solid 1px #353538;
}
#machine-list-compare-block table td.dimensions ul,
#machine-list-compare-block table th.model.dimensions ul {
  padding: 60px 0 0 20px;
}
#machine-list-compare-block table td.dimensions ul .dimension,
#machine-list-compare-block table th.model.dimensions ul .dimension {
  display: block;
  list-style: none;
  padding: 0 0 0 20px;
  margin: 5px 0 5px 0;
  background-repeat: no-repeat;
  background-position: left top;
  color: #CCCCCC;
  font-size: 0.75em;
}
#machine-list-compare-block table td.dimensions ul .dimension strong,
#machine-list-compare-block table th.model.dimensions ul .dimension strong {
  color: white;
  font-weight: normal;
  font-size: 1.33333333em;
}
#machine-list-compare-block table td.dimensions ul .dimension.dimension-width,
#machine-list-compare-block table th.model.dimensions ul .dimension.dimension-width {
  background-image: url("img/hp-machines-width.png");
}
#machine-list-compare-block table td.dimensions ul .dimension.dimension-height,
#machine-list-compare-block table th.model.dimensions ul .dimension.dimension-height {
  background-image: url("img/hp-machines-height.png");
}
#machine-list-compare-block table td.dimensions ul .dimension.dimension-depth,
#machine-list-compare-block table th.model.dimensions ul .dimension.dimension-depth {
  background-image: url("img/hp-machines-depth.png");
}
#machine-list-compare-block table td.description,
#machine-list-compare-block table th.model.description {
  padding: 0 25px 0 25px;
}
#machine-list-compare-block table td.description p,
#machine-list-compare-block table th.model.description p {
  margin-top: 25px;
  color: #CCCCCC;
  line-height: 20px;
  font-size: 1em;
}
#machine-list-compare-block table td.description .btn,
#machine-list-compare-block table th.model.description .btn {
  font-size: 90%;
}
#npm-block .npm-banner-eligible,
#npm-block-top .npm-banner-eligible {
  position: relative;
}
#npm-block .npm-banner-eligible .popin-trigger,
#npm-block-top .npm-banner-eligible .popin-trigger {
  display: block;
}
#npm-block .npm-banner-eligible .push-banner-conditions,
#npm-block-top .npm-banner-eligible .push-banner-conditions {
  position: absolute;
  bottom: 5px;
  right: 5px;
}
#npm-block .npm-banner img,
#npm-block-top .npm-banner img {
  width: auto;
  height: auto;
}
#npm-block .npm-promo,
#npm-block-top .npm-promo {
  color: #CCCCCC;
  background-repeat: no-repeat;
  padding: 0 0 15px 0;
  margin: 0 0 15px 0;
}
#npm-block .npm-promo .title-bar,
#npm-block-top .npm-promo .title-bar {
  position: relative;
}
#npm-block .npm-promo .title-bar a,
#npm-block-top .npm-promo .title-bar a {
  position: absolute;
  right: 5px;
  top: 5px;
}
#npm-block .npm-promo .description,
#npm-block-top .npm-promo .description {
  margin: 30px 15px 15px 30px;
}
#npm-block .npm-promo form li,
#npm-block-top .npm-promo form li {
  border-bottom: 1px dotted #525252;
  height: 42px;
}
#npm-block .npm-promo form li label,
#npm-block-top .npm-promo form li label {
  display: block;
  margin: 10px 0 10px 30px !important;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
}
#npm-block .npm-promo form li label .product-image,
#npm-block-top .npm-promo form li label .product-image {
  width: 51px;
  height: 51px;
  float: left;
}
#npm-block .npm-promo form li label .product-name,
#npm-block-top .npm-promo form li label .product-name {
  float: left;
  padding: 15px 0 0 10px;
}
#npm-block .npm-promo form li input,
#npm-block-top .npm-promo form li input {
  float: left;
  margin: 16px 8px 0 0;
}
#npm-block .npm-promo form li img,
#npm-block-top .npm-promo form li img {
  margin-right: 5px;
}
#npm-block .npm-promo form .btn-wrapper,
#npm-block-top .npm-promo form .btn-wrapper {
  text-align: right;
  margin: 15px 5px 0 0;
}
#npm-block .npm-promo form .more,
#npm-block-top .npm-promo form .more {
  margin-right: 10px;
}
.npm-products-lightbox .free-lightbox-title {
  font-weight: bold;
  font-size: 21px;
  color: #D3D3D3;
}
.npm-products-lightbox .content {
  padding: 0 56px 40px 56px;
  height: 600px;
}
.npm-products-lightbox .content .npm-description {
  margin: 10px 0;
  font-weight: bold;
  color: #D3D3D3;
  font-size: 14px;
}
.npm-products-lightbox ul.promo-products li {
  float: left;
  list-style: none;
  display: block;
  width: 160px;
  height: auto;
  margin-left: 5px;
  padding-left: 8px;
  border-left: 1px dotted #343434;
}
.npm-products-lightbox ul.promo-products li.first {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}
.npm-products-lightbox ul.promo-products li .image-box {
  border: 1px solid #343434;
  background: black url("img/product-bg-gradient.jpg");
  width: 155px;
  height: 135px;
}
.npm-products-lightbox ul.promo-products li .image-box img {
  margin: 0 0 0 10px;
  width: 135px;
}
.npm-products-lightbox ul.promo-products li h3 {
  text-transform: uppercase;
  color: white;
  height: 45px;
}
.npm-products-lightbox ul.promo-products li .separator {
  background: #343434;
  height: 1px;
  width: 36px;
  margin: 5px 0 5px 0;
}
.npm-products-lightbox ul.promo-products li .description {
  font-size: 11px;
  height: 155px;
  color: #CCCCCC;
}
.npm-products-lightbox ul.promo-products li .btn {
  padding: 0;
  width: 120px;
}
.npm-products-lightbox ul.promo-products li .btn span.label {
  line-height: inherit;
}
.npm-products-lightbox .slider {
  width: 686px;
  height: 500px;
  overflow: visible;
  text-align: left;
}
.npm-products-lightbox .slider .btn-wrapper {
  text-align: center;
  margin-right: 3px;
}
.npm-products-lightbox .slider .slider-nav {
  bottom: 0;
}
.npm-products-lightbox .slider .slider-nav li a {
  background: transparent url("/mosaic/_ui/img/slider/slide.png") 0 0 no-repeat;
}
.npm-products-lightbox .slider .slider-nav li.active a {
  background: transparent url("/mosaic/_ui/img/slider/slide-active.png") 0 0 no-repeat;
}
.npm-products-lightbox .slider .prev {
  position: absolute;
  left: -40px;
  top: 55px;
}
.npm-products-lightbox .slider .next {
  position: absolute;
  right: -40px;
  top: 55px;
}
.npm-promo__gift-list {
  margin: 20px 0 15px 30px;
}
.gdpr-consent-lightbox__content {
  text-align: center;
}
.gdpr-consent-lightbox__controls {
  display: flex;
  margin-top: 20px;
  margin-bottom: 20px;
}
.gdpr-consent-lightbox__controls-container {
  margin: auto;
  width: auto;
}
.gdpr-consent-lightbox__change-preferences {
  background: none;
  border: none;
  color: inherit;
  padding: 0;
  text-decoration: underline;
  color: #D4A11E;
  margin-right: 10px;
}
.gdpr-consent-lightbox__keep-preferences {
  margin: 0;
  overflow: visible;
  border: none;
  color: #2A2C2C;
  display: inline-block;
  font-weight: 700;
  height: 37px;
  line-height: 35px;
  padding: 0 22px;
  position: relative;
  text-align: center;
  text-decoration: none;
  font-size: 100%;
  height: 32px;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 0.91666667em;
  color: #333333;
  background: #CDD0D4;
  background: linear-gradient(#DADCDC, #CCCCCC);
}
.gdpr-consent-lightbox__keep-preferences.short {
  padding: 0 0 0 13px;
}
.gdpr-consent-lightbox__keep-preferences:not(.disabled):hover {
  color: #2A2C2C;
}
.gdpr-consent-lightbox__keep-preferences.disabled,
.gdpr-consent-lightbox__keep-preferences.disabled:hover,
.gdpr-consent-lightbox__keep-preferences.disabled:active {
  opacity: .5;
  cursor: default;
  background-position: -12px 0;
  border: none;
  color: #2A2C2C;
}
.gdpr-consent-lightbox__keep-preferences :hover,
.gdpr-consent-lightbox__keep-preferences :active {
  background-position: 0 0;
}
.gdpr-consent-lightbox__keep-preferences span.label {
  line-height: 35px;
}
.gdpr-consent-lightbox__keep-preferences.two-parts {
  padding: 0 14px 0 67px;
}
.gdpr-consent-lightbox__keep-preferences.two-parts .left-part {
  display: block;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  height: 30px;
  left: 3px;
  line-height: 30px;
  position: absolute;
  text-shadow: 0 1px 1px black;
  top: 2px;
  width: 40px;
}
.gdpr-consent-lightbox__keep-preferences.green {
  color: white;
  height: 37px;
  width: auto;
  text-shadow: 1px 1px 1px black;
  font-weight: normal;
}
.gdpr-consent-lightbox__keep-preferences.green:hover,
.gdpr-consent-lightbox__keep-preferences.green.active {
  background-position: -12px -37px;
  color: white;
}
.gdpr-consent-lightbox__keep-preferences.green:active {
  background-position: -12px -74px;
  color: white;
}
.gdpr-consent-lightbox__keep-preferences.green.disabled {
  cursor: default;
  color: #99A396 !important;
}
.gdpr-consent-lightbox__keep-preferences.green.disabled,
.gdpr-consent-lightbox__keep-preferences.green.disabled:hover {
  background-position: -12px -110px;
}
.gdpr-consent-lightbox__keep-preferences.green.txt-shadow {
  text-shadow: 1px 1px 0 #1F3A15;
}
.gdpr-consent-lightbox__keep-preferences.green.txt-shadow.disabled {
  text-shadow: 0 1px 1px #546B4C;
}
.gdpr-consent-lightbox__keep-preferences.green-hover {
  font-weight: normal;
}
.gdpr-consent-lightbox__keep-preferences.green-hover:hover {
  color: white;
}
.gdpr-consent-lightbox__keep-preferences.dark {
  color: white;
}
.gdpr-consent-lightbox__keep-preferences.dark:hover {
  background-position: -12px -37px;
  color: white;
}
.gdpr-consent-lightbox__keep-preferences.black {
  color: white;
  height: 37px;
  width: auto;
}
.gdpr-consent-lightbox__keep-preferences.black:hover {
  background-position: -12px -37px;
  color: white;
}
.gdpr-consent-lightbox__keep-preferences.black:active {
  background-position: -12px -74px;
  color: #D0D0D0;
}
.gdpr-consent-lightbox__keep-preferences.black.small {
  height: 27px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 27px;
}
.gdpr-consent-lightbox__keep-preferences.black.small:hover {
  background-position: -12px -27px;
}
.gdpr-consent-lightbox__keep-preferences.no-capital {
  text-transform: none;
}
.gdpr-consent-lightbox__keep-preferences.button-small {
  padding: 0 23.5px;
  height: 23px;
  line-height: 24px;
  font-size: 0.91666667em;
}
.gdpr-consent-lightbox__keep-preferences.hover,
.gdpr-consent-lightbox__keep-preferences.active,
.gdpr-consent-lightbox__keep-preferences:active,
.gdpr-consent-lightbox__keep-preferences:hover {
  -webkit-box-shadow: 0 0 0 1px white inset;
  -moz-box-shadow: 0 0 0 1px white inset;
  box-shadow: 0 0 0 1px white inset;
}
.gdpr-consent-lightbox__keep-preferences.button-login {
  margin-top: 11px;
}
.gdpr-consent-lightbox__keep-preferences.disabled,
.gdpr-consent-lightbox__keep-preferences.disabled.hover,
.gdpr-consent-lightbox__keep-preferences.disabled:hover {
  color: black;
  -webkit-box-shadow: 0 1px 1px 0 #686868;
  -moz-box-shadow: 0 1px 1px 0 #686868;
  box-shadow: 0 1px 1px 0 #686868;
}
.star-rating {
  position: relative;
  display: inline-block;
  min-height: 21px;
  padding: 0 0 0 125px;
  vertical-align: text-bottom;
  font-size: 1.2em;
  color: #2A2C2C;
  background: url("img/stars.png") 0 0 no-repeat;
}
.star-rating:before {
  content: "\0020";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: url("img/stars.png") 0 -100px no-repeat;
  -webkit-transition: width 500ms;
  -moz-transition: width 500ms;
  -ms-transition: width 500ms;
  -o-transition: width 500ms;
  transition: width 500ms;
}
.star-rating.rating-1:before {
  width: 22px;
}
.star-rating.rating-1-5:before {
  width: 35px;
}
.star-rating.rating-2:before {
  width: 46px;
}
.star-rating.rating-2-5:before {
  width: 59px;
}
.star-rating.rating-3:before {
  width: 70px;
}
.star-rating.rating-3-5:before {
  width: 83px;
}
.star-rating.rating-4:before {
  width: 94px;
}
.star-rating.rating-4-5:before {
  width: 107px;
}
.star-rating.rating-5:before {
  width: 118px;
}
.star-rating.small {
  min-height: 14px;
  padding-left: 85px;
  background-image: url("img/stars-s.png");
}
.star-rating.small:before {
  background-image: url("img/stars-s.png");
  background-position: 0 -50px;
}
.star-rating.small.rating-1:before {
  width: 13px;
}
.star-rating.small.rating-1-5:before {
  width: 23px;
}
.star-rating.small.rating-2:before {
  width: 30px;
}
.star-rating.small.rating-2-5:before {
  width: 40px;
}
.star-rating.small.rating-3:before {
  width: 47px;
}
.star-rating.small.rating-3-5:before {
  width: 57px;
}
.star-rating.small.rating-4:before {
  width: 64px;
}
.star-rating.small.rating-4-5:before {
  width: 74px;
}
.star-rating.small.rating-5:before {
  width: 81px;
}
.star-rating.smaller {
  min-width: 53px;
  min-height: 0;
  padding: 12px 1px 0 0;
  font-size: 11px;
  line-height: 11px;
  color: #CC9D49;
  text-align: right;
  background-image: url("img/stars-s.png");
  background-position: 0 -100px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.star-rating.smaller.note-right {
  padding: 0 0 0 58px;
  background-position: 0 -98px;
}
.star-rating.smaller.note-right:before {
  background-position: 0 -148px;
}
.star-rating.smaller:before {
  background-image: url("img/stars-s.png");
  background-position: 0 -150px;
}
.star-rating.smaller.rating-1:before {
  width: 9px;
}
.star-rating.smaller.rating-1-5:before {
  width: 15px;
}
.star-rating.smaller.rating-2:before {
  width: 20px;
}
.star-rating.smaller.rating-2-5:before {
  width: 26px;
}
.star-rating.smaller.rating-3:before {
  width: 31px;
}
.star-rating.smaller.rating-3-5:before {
  width: 37px;
}
.star-rating.smaller.rating-4:before {
  width: 42px;
}
.star-rating.smaller.rating-4-5:before {
  width: 48px;
}
.star-rating.smaller.rating-5:before {
  width: 53px;
}
.view-product .star-rating.smaller {
  position: absolute;
  right: 9px;
  bottom: 12px;
}
#product-popin .star-rating.smaller {
  position: absolute;
  right: 9px;
  bottom: 8px;
}
.star-rating.info {
  padding-right: 15px;
}
.star-rating.info:after {
  content: "\00A0";
  position: absolute;
  right: 0;
  top: 8px;
  width: 0;
  height: 0;
  border-left: transparent solid 4px;
  border-right: transparent solid 4px;
  border-top: #8D8D8D solid 8px;
}
.product-rating .star-rating {
  margin-bottom: -14px;
  padding-bottom: 14px;
}
#my-account-machines-repertory .star-rating {
  position: absolute;
  top: 18px;
  line-height: 14px;
  font-weight: bold;
  font-size: .9em;
}
.has-rating .prod-info {
  padding-right: 70px;
}
#product-popin .has-rating {
  position: relative;
}
#my-account-machines-repertory .has-rating {
  position: relative;
}
.product-review-title {
  margin: 15px 0;
  padding: 0;
  font-size: 1.3em;
  font-weight: bold;
}
.product-review-title:before,
.product-review-title:after {
  position: relative;
  top: .2em;
  display: inline-block;
  font-size: 1.5em;
  font-weight: normal;
  color: #919193;
}
.product-review-title:before {
  content: "\201C";
  margin-right: 4px;
}
.product-review-title:after {
  content: "\201D";
  margin-left: 4px;
}
#product-ratings-tooltip .product-review-title {
  margin: 0;
}
.product-review-list {
  position: relative;
  min-height: 675px;
  margin: 0;
  padding: 0 40px;
  list-style: none;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -ms-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}
#product-ratings-tooltip .product-review-list {
  min-height: 0;
}
.product-review-list li {
  margin: 0;
  padding: 30px 0;
}
.product-review-list li + li {
  border-top: 1px dotted #BBBBBB;
}
.product-review-list p {
  margin: 0 0 30px;
  line-height: 1.5em;
}
.product-review-list .info {
  color: #7E7E7E;
}
.product-review-list .date:before {
  content: "\00A0|\00A0";
}
#ratings-push {
  position: relative;
  display: table;
  width: 996px;
  margin: 20px auto;
  color: #CCCCCC;
  border: 1px solid #2A2C2C;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width 500ms, margin 500ms;
  -moz-transition: width 500ms, margin 500ms;
  -ms-transition: width 500ms, margin 500ms;
  -o-transition: width 500ms, margin 500ms;
  transition: width 500ms, margin 500ms;
  background: black;
  background: -webkit-linear-gradient(left, black 45%, #1a1a1a 85%);
  background: -moz-linear-gradient(left, black 45%, #1a1a1a 85%);
  background: -ms-linear-gradient(left, black 45%, #1a1a1a 85%);
  background: -o-linear-gradient(left, black 45%, #1a1a1a 85%);
  background: linear-gradient(to right, black 45%, #1a1a1a 85%);
}
.product-page #ratings-push {
  margin-left: -312px;
}
#ratings-push img {
  width: 100%;
}
#ratings-push h4,
#ratings-push .title-heading {
  margin: 0 0 20px;
  color: white;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: bold;
}
#ratings-push h5,
#ratings-push .name-heading {
  margin: 0 0 10px;
  font-size: 1.4em;
  font-weight: normal;
}
#ratings-push .arrow-link {
  position: absolute;
  z-index: 5;
  bottom: 20px;
  color: inherit;
}
#ratings-push .arrow-link.details {
  left: 15px;
}
#ratings-push .arrow-link.reviews {
  right: 20px;
}
#ratings-push .arrow-link:before {
  content: "→\00A0";
  display: inline-block;
  font-size: 1.4em;
  color: #CC9D49;
  text-decoration: none;
  vertical-align: bottom;
}
.lt-ie10 #ratings-push .arrow-link {
  text-decoration: none;
}
#ratings-push .col {
  display: table-cell;
  vertical-align: top;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width 500ms, opacity 500ms;
  -moz-transition: width 500ms, opacity 500ms;
  -ms-transition: width 500ms, opacity 500ms;
  -o-transition: width 500ms, opacity 500ms;
  transition: width 500ms, opacity 500ms;
}
#ratings-push .col.image {
  overflow: hidden;
  position: relative;
  width: 385px;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: width 500ms;
  -moz-transition: width 500ms;
  -ms-transition: width 500ms;
  -o-transition: width 500ms;
  transition: width 500ms;
}
#ratings-push .col.image:before,
#ratings-push .col.image:after {
  content: "\0020";
  position: absolute;
  z-index: 1;
  top: 0;
  width: 35px;
  height: 100%;
}
#ratings-push .col.image:before {
  left: 0;
  background: transparent;
  background: -webkit-linear-gradient(left, #000000 0%, rgba(0, 0, 0, 0) 100%);
  background: -moz-linear-gradient(left, #000000 0%, rgba(0, 0, 0, 0) 100%);
  background: -ms-linear-gradient(left, #000000 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(left, #000000 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, #000000 0%, rgba(0, 0, 0, 0) 100%);
}
#ratings-push .col.image:after {
  right: 0;
  background: transparent;
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
#ratings-push .col.content {
  padding: 20px 0 40px;
}
#ratings-push .row {
  display: table-row;
}
#ratings-push .row .col:first-child {
  width: 195px;
  padding: 18px 20px 10px 0;
  border-right: 1px solid #3B3B3B;
}
#ratings-push .row .col:first-child + .col {
  width: 415px;
  padding: 0 20px 10px;
}
#ratings-push .star-rating,
#ratings-push .price,
#ratings-push .info {
  color: #CC9D49;
}
#ratings-push .star-rating {
  margin-bottom: 1px;
}
#ratings-push .review-count {
  display: block;
  text-decoration: underline;
}
#ratings-push .review-count a {
  color: #CCCCCC;
}
#ratings-push .review-count:after {
  content: "\0020";
  display: block;
  width: 20px;
  height: 0;
  margin: 15px 0 10px;
  border-bottom: 1px solid #3B3B3B;
}
#ratings-push .price {
  display: block;
  margin: 0 0 10px;
  font-size: 1.4em;
  font-style: italic;
}
#ratings-push .product-review-list {
  min-height: 0;
  background: transparent;
}
#ratings-push .product-review-list li {
  padding: 15px 0;
}
#ratings-push .product-review-list .info {
  font-size: .9em;
}
#ratings-push .product-review-title {
  margin: 0 0 5px;
  font-size: 1.2em;
  font-weight: normal;
}
#ratings-push .product-reviews-recommendation {
  display: block;
  margin: 0 0 10px;
  text-align: left;
}
#ratings-push .product-reviews-recommendation .value {
  font-size: 1.5em;
}
#ratings-push .product-reviews-recommendation .value sup {
  top: -0.6em;
  font-size: .5em;
}
#ratings-push .btn.two-parts {
  padding-left: 57px;
  padding-right: 4px;
}
#ratings-push .add-to-cart-container.pull-right {
  float: none;
}
#ratings-push.narrow {
  width: 684px;
  margin-left: 0;
}
#ratings-push.narrow .col.image {
  width: 225px;
}
#ratings-push.narrow .row .col:first-child {
  width: 175px;
}
#ratings-push.narrow .row .col:first-child + .col {
  width: 285px;
}
#ratings-push.loading:after {
  content: "\0020";
  position: absolute;
  left: 50%;
  top: 100px;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  background: url("img/ajax-loader.gif") 50% 50% no-repeat;
}
#ratings-push.loading .col {
  opacity: .1;
}
#ratings-push.disabled .col {
  opacity: .1;
}
#no-welcome-offer .wrapper {
  background-image: url("img/welcome-offer-overall-bg.jpg");
  background-position: bottom left;
  background-repeat: no-repeat;
  height: 600px;
}
#no-welcome-offer .wrapper .container {
  background-color: transparent;
  background-position: bottom left;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
#no-welcome-offer .wrapper .container h1 {
  display: block;
  margin: 20px 0 20px 0;
  text-align: center;
  padding: 40px 0 20px 0;
  font-size: 18px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 18px;
}
#no-welcome-offer .wrapper .container .separator {
  background-image: url("img/title-arrow-grey.png");
  width: 837px;
  height: 4px;
  display: block;
  margin: 20px auto 20px auto;
  clear: left;
}
#no-welcome-offer .wrapper .container .right-col {
  margin: 0 0 0 540px;
}
#no-welcome-offer .wrapper .container .right-col .intro {
  font-size: 18px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  line-height: 22px;
  padding: 40px 0 0 0;
}
#no-welcome-offer .wrapper .container .right-col .intro a {
  text-decoration: none;
}
#no-welcome-offer .wrapper .container .right-col .small-separator {
  width: 30px;
  height: 1px;
  background-color: white;
  display: block;
  margin: 40px 0 40px 0;
}
#no-welcome-offer .wrapper .container .right-col .text ul {
  margin: 0;
  padding: 0 0 0 10px;
}
#no-welcome-offer .wrapper .container .right-col .text ul li {
  list-style-image: url("img/disc-yellow.png");
  padding: .15em 0;
}
#no-welcome-offer .wrapper .container .right-col .go-to-shop {
  margin: 50px 0 0 0;
}
.subscription-title {
  font-size: 2em;
  color: black;
  text-align: center;
  font-weight: inherit;
  margin-top: 60px;
}
.subscription-plans {
  background: white;
  position: relative;
}
.subscription-plans .plans-wrapper {
  position: relative;
  margin: 40px auto;
  display: block;
  overflow: hidden;
  padding: 0 45px;
}
.subscription-plan {
  width: 285px;
  margin: 25px 3px;
  padding: 20px 5px;
  background: #F2F2F2;
  color: black;
  font-size: 1em;
}
.subscription-plan .plan-title {
  font-weight: bold;
  font-size: 2em;
}
.subscription-plan .rate-badge {
  width: 175px;
  height: 155px;
  display: block;
  margin: 0 auto;
  color: white;
  background: url("img/badge-masc.png") no-repeat scroll 0 0 transparent;
  padding-top: 30px;
}
.subscription-plan .rate-badge .rate-content {
  width: 110px;
  margin-left: 34px;
  line-height: 1em;
}
.subscription-plan .rate-badge .rate-content.rate-fee {
  font-size: 3em;
  width: 130px;
  margin-left: 24px;
  font-weight: bold;
}
.subscription-plan .rate-badge .rate-content.rate-delay {
  font-size: 1.5em;
  font-weight: bold;
  line-height: 2em;
}
.subscription-plan .rate-badge .rate-content.rate-description {
  font-size: 1em;
  line-height: 1.4em;
}
.subscription-plan .details-container {
  min-height: 115px;
}
.subscription-plan .detail-line {
  padding-top: 1.2em;
  font-size: 1.16666667em;
}
.subscription-plan .split {
  border-top: 1px solid #DEDEDE;
  display: block;
  margin: 18px 10px 0 10px;
}
.subscription-plan.active {
  padding-top: 40px;
  padding-bottom: 40px;
  border: 5px solid white;
  margin: 0 -2px;
  position: relative;
  -webkit-box-shadow: 0 32px 20px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 32px 20px rgba(0, 0, 0, 0.25);
  box-shadow: 0 32px 20px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 4px 4px 4px 0;
  -moz-border-radius: 4px 4px 4px 0;
  border-radius: 4px 4px 4px 0;
}
.subscription-plan.active:after,
.subscription-plan.active:before {
  content: ' ';
  display: block;
  width: 20px;
  position: absolute;
  height: 25px;
  background: white;
  bottom: -5px;
}
.subscription-plan.active:before {
  left: -20px;
}
.subscription-plan.active:after {
  right: -20px;
}
.subscription-plan.first:before {
  height: 100%;
}
.subscription-plan.last .tooltip-container .tooltip-top {
  left: 130px;
}
.subscription-plan.last .tooltip-container .tooltip-top .arrow {
  left: 122px;
}
.subscription-plan.last:after {
  height: 100%;
}
.subscription-plan .tooltip-container {
  min-height: 13px;
}
.subscription-plan .tooltip-container .focus-tooltip {
  background: url("img/info-ico.png") no-repeat scroll 100% 50% transparent;
  padding: 9px;
  position: absolute;
  right: 10px;
  top: 0;
}
.subscription-plan .tooltip-container .tooltip-top {
  position: absolute;
  width: 190px;
  top: auto;
  bottom: 30px;
  z-index: 100;
  background: #232323;
  border-radius: 4px;
  padding: 10px;
  left: 153px;
}
.subscription-plan .tooltip-container .tooltip-top .arrow {
  position: absolute;
  bottom: -16px;
  height: 16px;
  left: 98px;
  background: transparent url('img/bottom-dark-arrow.png') 0 0 no-repeat;
  width: 28px;
}
.subscription-plan .tooltip-container .tooltip-top .content {
  padding: 0;
  color: white;
  font-size: 0.83333333em;
}
.product .title {
  font-size: 1.5em;
  margin-bottom: 10px;
  line-height: 1em;
  min-height: 36px;
}
.product .new-price {
  font-size: 1.5em;
  margin-bottom: 10px;
  font-weight: bold;
}
.product .old-price {
  color: #686868;
}
.product .product-img {
  background: url("img/bg-machine.png") no-repeat scroll 0 75px transparent;
  display: block;
  height: 140px;
  color: #686868;
  margin: 20px auto;
}
.product .product-img img {
  width: 162px;
  height: 140px;
}
.product .detail-link {
  display: block;
  color: #686868;
  margin: 20px auto;
}
.product .color-selector .color-label,
.product .color-selector .selected-color {
  font-size: 1.16666667em;
  margin-bottom: 10px;
  min-height: 13px;
}
.product .color-selector .color-nav {
  margin: 10px auto;
}
.product .color-selector .color-nav li {
  display: inline-block;
  margin: 0 4px;
  position: relative;
}
.product .color-selector .color-nav li .inner-disc {
  border-color: white;
  width: 15px;
  height: 15px;
}
.product .color-selector .color-nav li.active:after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 6px 0 #999999;
  -moz-box-shadow: 0 1px 6px 0 #999999;
  box-shadow: 0 1px 6px 0 #999999;
  display: block;
  position: absolute;
  top: 6px;
  left: 6px;
  width: 7px;
  height: 7px;
  background: white;
  content: "";
}
.select-profile-button {
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 2px solid #206D00;
  width: 166px;
  margin: 0 auto;
}
.select-profile-button:before {
  position: absolute;
  top: 0;
  left: 0;
  background: #206D00;
  content: "";
  width: 38px;
  height: 36px;
}
.select-profile-button input {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  text-indent: -100000px;
}
.select-profile-button label {
  width: 112px;
  padding: 11px 11px 11px 43px;
  color: #206D00;
  font-size: 1em;
}
.select-profile-button label:after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 9px;
  left: 9px;
  width: 14px;
  height: 14px;
  content: "";
  border: 2px solid white;
}
.select-profile-button label:checked:after {
  background: url("img/radio-ok.png") no-repeat scroll center center white;
}
.select-profile-button.active label {
  background: #206D00;
  color: white;
  font-size: 1em;
}
.select-profile-button.active label:after {
  background: url("img/radio-ok.png") no-repeat scroll center center white;
}
.detail-popin {
  display: none;
  background: white;
  color: black;
  min-height: 180px;
  margin-top: -40px;
}
.detail-popin .product {
  display: table;
  width: 100%;
}
.detail-popin .content-wrapper {
  display: table-row;
}
.detail-popin .bloc-left {
  display: table-cell;
  width: 50%;
  background: #F2F2F2;
  padding: 60px 0 70px 0;
}
.detail-popin .bloc-left img {
  margin-bottom: 40px;
}
.detail-popin .bloc-right {
  display: table-cell;
  vertical-align: top;
  width: 50%;
  background: white;
}
.detail-popin .bloc-right .title {
  min-height: 20px;
}
.detail-popin .bloc-right .content {
  padding: 60px 30px 30px;
}
#unsubscribe {
  padding: 40px 0;
}
#unsubscribe .unsubscribe-header {
  margin: 0 0 30px 0;
}
#unsubscribe .separator {
  background: url("img/popin-title-sep.png") bottom no-repeat;
  margin: 0 0 30px 0;
  padding: 0 0 40px 0;
}
#unsubscribe .error {
  color: #DD3232;
  font-weight: bold;
  margin: 20px 0 0 0;
}
#unsubscribe .success {
  margin: 20px 0 0 0;
}
#unsubscribe .local-loader {
  position: relative;
  display: inherit;
}
#unsubscribe .local-loader.ng-hide {
  display: none;
}
.unsubscribe-picto {
  margin-bottom: 20px;
}
.unsubscribe-action {
  color: white;
}
.unsubscribe-action .arrow {
  display: inline-block;
  color: #CC9D49;
}
.unsubscribe-title {
  color: white;
  font-size: 2em;
}
.unsubscribe-success {
  color: white;
  font-size: 1.5em;
}
/*
Greek language CSS uppercase and small caps text-transform is not correctly implement in IE.
*/
[lang="el"] * {
  text-transform: inherit !important;
}